angular-material.css 254 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594459545964597459845994600460146024603460446054606460746084609461046114612461346144615461646174618461946204621462246234624462546264627462846294630463146324633463446354636463746384639464046414642464346444645464646474648464946504651465246534654465546564657465846594660466146624663466446654666466746684669467046714672467346744675467646774678467946804681468246834684468546864687468846894690469146924693469446954696469746984699470047014702470347044705470647074708470947104711471247134714471547164717471847194720472147224723472447254726472747284729473047314732473347344735473647374738473947404741474247434744474547464747474847494750475147524753475447554756475747584759476047614762476347644765476647674768476947704771477247734774477547764777477847794780478147824783478447854786478747884789479047914792479347944795479647974798479948004801480248034804480548064807480848094810481148124813481448154816481748184819482048214822482348244825482648274828482948304831483248334834483548364837483848394840484148424843484448454846484748484849485048514852485348544855485648574858485948604861486248634864486548664867486848694870487148724873487448754876487748784879488048814882488348844885488648874888488948904891489248934894489548964897489848994900490149024903490449054906490749084909491049114912491349144915491649174918491949204921492249234924492549264927492849294930493149324933493449354936493749384939494049414942494349444945494649474948494949504951495249534954495549564957495849594960496149624963496449654966496749684969497049714972497349744975497649774978497949804981498249834984498549864987498849894990499149924993499449954996499749984999500050015002500350045005500650075008500950105011501250135014501550165017501850195020502150225023502450255026502750285029503050315032503350345035503650375038503950405041504250435044504550465047504850495050505150525053505450555056505750585059506050615062506350645065506650675068506950705071507250735074507550765077507850795080508150825083508450855086508750885089509050915092509350945095509650975098509951005101510251035104510551065107510851095110511151125113511451155116511751185119512051215122512351245125512651275128512951305131513251335134513551365137513851395140514151425143514451455146514751485149515051515152515351545155515651575158515951605161516251635164516551665167516851695170517151725173517451755176517751785179518051815182518351845185518651875188518951905191519251935194519551965197519851995200520152025203520452055206520752085209521052115212521352145215521652175218521952205221522252235224522552265227522852295230523152325233523452355236523752385239524052415242524352445245524652475248524952505251525252535254525552565257525852595260526152625263526452655266526752685269527052715272527352745275527652775278527952805281528252835284528552865287528852895290529152925293529452955296529752985299530053015302530353045305530653075308530953105311531253135314531553165317531853195320532153225323532453255326532753285329533053315332533353345335533653375338533953405341534253435344534553465347534853495350535153525353535453555356535753585359536053615362536353645365536653675368536953705371537253735374537553765377537853795380538153825383538453855386538753885389539053915392539353945395539653975398539954005401540254035404540554065407540854095410541154125413541454155416541754185419542054215422542354245425542654275428542954305431543254335434543554365437543854395440544154425443544454455446544754485449545054515452545354545455545654575458545954605461546254635464546554665467546854695470547154725473547454755476547754785479548054815482548354845485548654875488548954905491549254935494549554965497549854995500550155025503550455055506550755085509551055115512551355145515551655175518551955205521552255235524552555265527552855295530553155325533553455355536553755385539554055415542554355445545554655475548554955505551555255535554555555565557555855595560556155625563556455655566556755685569557055715572557355745575557655775578557955805581558255835584558555865587558855895590559155925593559455955596559755985599560056015602560356045605560656075608560956105611561256135614561556165617561856195620562156225623562456255626562756285629563056315632563356345635563656375638563956405641564256435644564556465647564856495650565156525653565456555656565756585659566056615662566356645665566656675668566956705671567256735674567556765677567856795680568156825683568456855686568756885689569056915692569356945695569656975698569957005701570257035704570557065707570857095710571157125713571457155716571757185719572057215722572357245725572657275728572957305731573257335734573557365737573857395740574157425743574457455746574757485749575057515752575357545755575657575758575957605761576257635764576557665767576857695770577157725773577457755776577757785779578057815782578357845785578657875788578957905791579257935794579557965797579857995800580158025803580458055806580758085809581058115812581358145815581658175818581958205821582258235824582558265827582858295830583158325833583458355836583758385839584058415842584358445845584658475848584958505851585258535854585558565857585858595860586158625863586458655866586758685869587058715872587358745875587658775878587958805881588258835884588558865887588858895890589158925893589458955896589758985899590059015902590359045905590659075908590959105911591259135914591559165917591859195920592159225923592459255926592759285929593059315932593359345935593659375938593959405941594259435944594559465947594859495950595159525953595459555956595759585959596059615962596359645965596659675968596959705971597259735974597559765977597859795980598159825983598459855986598759885989599059915992599359945995599659975998599960006001600260036004600560066007600860096010601160126013601460156016601760186019602060216022602360246025602660276028602960306031603260336034603560366037603860396040604160426043604460456046604760486049605060516052605360546055605660576058605960606061606260636064606560666067606860696070607160726073607460756076607760786079608060816082608360846085608660876088608960906091609260936094609560966097609860996100610161026103610461056106610761086109611061116112611361146115611661176118611961206121612261236124612561266127612861296130613161326133613461356136613761386139614061416142614361446145614661476148614961506151615261536154615561566157615861596160616161626163616461656166616761686169617061716172617361746175617661776178617961806181618261836184618561866187618861896190619161926193619461956196619761986199620062016202620362046205620662076208620962106211621262136214621562166217621862196220622162226223622462256226622762286229623062316232623362346235623662376238623962406241624262436244624562466247624862496250625162526253625462556256625762586259626062616262626362646265626662676268626962706271627262736274627562766277627862796280628162826283628462856286628762886289629062916292629362946295629662976298629963006301630263036304630563066307630863096310631163126313631463156316631763186319632063216322632363246325632663276328632963306331633263336334633563366337633863396340634163426343634463456346634763486349635063516352635363546355635663576358635963606361636263636364636563666367636863696370637163726373637463756376637763786379638063816382638363846385638663876388638963906391639263936394639563966397639863996400640164026403640464056406640764086409641064116412641364146415641664176418641964206421642264236424642564266427642864296430643164326433643464356436643764386439644064416442644364446445644664476448644964506451645264536454645564566457645864596460646164626463646464656466646764686469647064716472647364746475647664776478647964806481648264836484648564866487648864896490649164926493649464956496649764986499650065016502650365046505650665076508650965106511651265136514651565166517651865196520652165226523652465256526652765286529653065316532653365346535653665376538653965406541654265436544654565466547654865496550655165526553655465556556655765586559656065616562656365646565656665676568656965706571657265736574657565766577657865796580658165826583658465856586658765886589659065916592659365946595659665976598659966006601660266036604660566066607660866096610661166126613661466156616661766186619662066216622662366246625662666276628662966306631663266336634663566366637663866396640664166426643664466456646664766486649665066516652665366546655665666576658665966606661666266636664666566666667666866696670667166726673667466756676667766786679668066816682668366846685668666876688668966906691669266936694669566966697669866996700670167026703670467056706670767086709671067116712671367146715671667176718671967206721672267236724672567266727672867296730673167326733673467356736673767386739674067416742674367446745674667476748674967506751675267536754675567566757675867596760676167626763676467656766676767686769677067716772677367746775677667776778677967806781678267836784678567866787678867896790679167926793679467956796679767986799680068016802680368046805680668076808680968106811681268136814681568166817681868196820682168226823682468256826682768286829683068316832683368346835683668376838683968406841684268436844684568466847684868496850685168526853685468556856685768586859686068616862686368646865686668676868686968706871687268736874687568766877687868796880688168826883688468856886688768886889689068916892689368946895689668976898689969006901690269036904690569066907690869096910691169126913691469156916691769186919692069216922692369246925692669276928692969306931693269336934693569366937693869396940694169426943694469456946694769486949695069516952695369546955695669576958695969606961696269636964696569666967696869696970697169726973697469756976697769786979698069816982698369846985698669876988698969906991699269936994699569966997699869997000700170027003700470057006700770087009701070117012701370147015701670177018701970207021702270237024702570267027702870297030703170327033703470357036703770387039704070417042704370447045704670477048704970507051705270537054705570567057705870597060706170627063706470657066706770687069707070717072707370747075707670777078707970807081708270837084708570867087708870897090709170927093709470957096709770987099710071017102710371047105710671077108710971107111711271137114711571167117711871197120712171227123712471257126712771287129713071317132713371347135713671377138713971407141714271437144714571467147714871497150715171527153715471557156715771587159716071617162716371647165716671677168716971707171717271737174717571767177717871797180718171827183718471857186718771887189719071917192719371947195719671977198719972007201720272037204720572067207720872097210721172127213721472157216721772187219722072217222722372247225722672277228722972307231723272337234723572367237723872397240724172427243724472457246724772487249725072517252725372547255725672577258725972607261726272637264726572667267726872697270727172727273727472757276727772787279728072817282728372847285728672877288728972907291729272937294729572967297729872997300730173027303730473057306730773087309731073117312731373147315731673177318731973207321732273237324732573267327732873297330733173327333733473357336733773387339734073417342734373447345734673477348734973507351735273537354735573567357735873597360736173627363736473657366736773687369737073717372737373747375737673777378737973807381738273837384738573867387738873897390739173927393739473957396739773987399740074017402740374047405740674077408740974107411741274137414741574167417741874197420742174227423742474257426742774287429743074317432743374347435743674377438743974407441744274437444744574467447744874497450745174527453745474557456745774587459746074617462746374647465746674677468746974707471747274737474747574767477747874797480748174827483748474857486748774887489749074917492749374947495749674977498749975007501750275037504750575067507750875097510751175127513751475157516751775187519752075217522752375247525752675277528752975307531753275337534753575367537753875397540754175427543754475457546754775487549755075517552755375547555755675577558755975607561756275637564756575667567756875697570757175727573757475757576757775787579758075817582758375847585758675877588758975907591759275937594759575967597759875997600760176027603760476057606760776087609761076117612761376147615761676177618761976207621762276237624762576267627762876297630763176327633763476357636763776387639764076417642764376447645764676477648764976507651765276537654765576567657765876597660766176627663766476657666766776687669767076717672767376747675767676777678767976807681768276837684768576867687768876897690769176927693769476957696769776987699770077017702770377047705770677077708770977107711771277137714771577167717771877197720772177227723772477257726772777287729773077317732773377347735773677377738773977407741
  1. /*!
  2. * Angular Material Design
  3. * https://github.com/angular/material
  4. * @license MIT
  5. * v0.10.1-master-8157dec
  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. /* Sizes:
  186. 0 <= size < 600 Phone
  187. 600 <= size < 960 Tablet
  188. 960 <= size < 1200 Tablet-Landscape
  189. 1200 <= size PC
  190. */
  191. .layout {
  192. box-sizing: border-box;
  193. display: -webkit-flex;
  194. display: -moz-flex;
  195. display: -ms-flexbox;
  196. display: flex; }
  197. .layout-column {
  198. -ms-flex-direction: column;
  199. flex-direction: column;
  200. -webkit-flex-direction: column; }
  201. .layout-row {
  202. -ms-flex-direction: row;
  203. flex-direction: row;
  204. -webkit-flex-direction: row; }
  205. .layout-padding > .flex-sm, .layout-padding > .flex-lt-md {
  206. padding: 4px; }
  207. .layout-padding, .layout-padding > .flex, .layout-padding > .flex-gt-sm, .layout-padding > .flex-md, .layout-padding > .flex-lt-lg {
  208. padding: 8px; }
  209. .layout-padding > .flex-gt-md, .layout-padding > .flex-lg {
  210. padding: 16px; }
  211. .layout-margin > .flex-sm, .layout-margin > .flex-lt-md {
  212. margin: 4px; }
  213. .layout-margin, .layout-margin > .flex, .layout-margin > .flex-gt-sm, .layout-margin > .flex-md, .layout-margin > .flex-lt-lg {
  214. margin: 8px; }
  215. .layout-margin > .flex-gt-md, .layout-margin > .flex-lg {
  216. margin: 16px; }
  217. .layout-wrap {
  218. -webkit-flex-wrap: wrap;
  219. -ms-flex-wrap: wrap;
  220. flex-wrap: wrap; }
  221. .layout-fill {
  222. margin: 0;
  223. min-height: 100%;
  224. width: 100%; }
  225. @-moz-document url-prefix() {
  226. .layout-fill {
  227. margin: 0;
  228. width: 100%;
  229. min-height: auto;
  230. height: inherit; } }
  231. .flex {
  232. box-sizing: border-box;
  233. -webkit-flex: 1;
  234. -ms-flex: 1;
  235. flex: 1; }
  236. .flex-0 {
  237. -webkit-flex: 0 0 0%;
  238. -ms-flex: 0 0 0%;
  239. flex: 0 0 0%; }
  240. .layout-row > .flex-0 {
  241. max-width: 0%; }
  242. .layout-column > .flex-0 {
  243. max-height: 0%; }
  244. .flex-5 {
  245. -webkit-flex: 0 0 5%;
  246. -ms-flex: 0 0 5%;
  247. flex: 0 0 5%; }
  248. .layout-row > .flex-5 {
  249. max-width: 5%; }
  250. .layout-column > .flex-5 {
  251. max-height: 5%; }
  252. .flex-10 {
  253. -webkit-flex: 0 0 10%;
  254. -ms-flex: 0 0 10%;
  255. flex: 0 0 10%; }
  256. .layout-row > .flex-10 {
  257. max-width: 10%; }
  258. .layout-column > .flex-10 {
  259. max-height: 10%; }
  260. .flex-15 {
  261. -webkit-flex: 0 0 15%;
  262. -ms-flex: 0 0 15%;
  263. flex: 0 0 15%; }
  264. .layout-row > .flex-15 {
  265. max-width: 15%; }
  266. .layout-column > .flex-15 {
  267. max-height: 15%; }
  268. .flex-20 {
  269. -webkit-flex: 0 0 20%;
  270. -ms-flex: 0 0 20%;
  271. flex: 0 0 20%; }
  272. .layout-row > .flex-20 {
  273. max-width: 20%; }
  274. .layout-column > .flex-20 {
  275. max-height: 20%; }
  276. .flex-25 {
  277. -webkit-flex: 0 0 25%;
  278. -ms-flex: 0 0 25%;
  279. flex: 0 0 25%; }
  280. .layout-row > .flex-25 {
  281. max-width: 25%; }
  282. .layout-column > .flex-25 {
  283. max-height: 25%; }
  284. .flex-30 {
  285. -webkit-flex: 0 0 30%;
  286. -ms-flex: 0 0 30%;
  287. flex: 0 0 30%; }
  288. .layout-row > .flex-30 {
  289. max-width: 30%; }
  290. .layout-column > .flex-30 {
  291. max-height: 30%; }
  292. .flex-35 {
  293. -webkit-flex: 0 0 35%;
  294. -ms-flex: 0 0 35%;
  295. flex: 0 0 35%; }
  296. .layout-row > .flex-35 {
  297. max-width: 35%; }
  298. .layout-column > .flex-35 {
  299. max-height: 35%; }
  300. .flex-40 {
  301. -webkit-flex: 0 0 40%;
  302. -ms-flex: 0 0 40%;
  303. flex: 0 0 40%; }
  304. .layout-row > .flex-40 {
  305. max-width: 40%; }
  306. .layout-column > .flex-40 {
  307. max-height: 40%; }
  308. .flex-45 {
  309. -webkit-flex: 0 0 45%;
  310. -ms-flex: 0 0 45%;
  311. flex: 0 0 45%; }
  312. .layout-row > .flex-45 {
  313. max-width: 45%; }
  314. .layout-column > .flex-45 {
  315. max-height: 45%; }
  316. .flex-50 {
  317. -webkit-flex: 0 0 50%;
  318. -ms-flex: 0 0 50%;
  319. flex: 0 0 50%; }
  320. .layout-row > .flex-50 {
  321. max-width: 50%; }
  322. .layout-column > .flex-50 {
  323. max-height: 50%; }
  324. .flex-55 {
  325. -webkit-flex: 0 0 55%;
  326. -ms-flex: 0 0 55%;
  327. flex: 0 0 55%; }
  328. .layout-row > .flex-55 {
  329. max-width: 55%; }
  330. .layout-column > .flex-55 {
  331. max-height: 55%; }
  332. .flex-60 {
  333. -webkit-flex: 0 0 60%;
  334. -ms-flex: 0 0 60%;
  335. flex: 0 0 60%; }
  336. .layout-row > .flex-60 {
  337. max-width: 60%; }
  338. .layout-column > .flex-60 {
  339. max-height: 60%; }
  340. .flex-65 {
  341. -webkit-flex: 0 0 65%;
  342. -ms-flex: 0 0 65%;
  343. flex: 0 0 65%; }
  344. .layout-row > .flex-65 {
  345. max-width: 65%; }
  346. .layout-column > .flex-65 {
  347. max-height: 65%; }
  348. .flex-70 {
  349. -webkit-flex: 0 0 70%;
  350. -ms-flex: 0 0 70%;
  351. flex: 0 0 70%; }
  352. .layout-row > .flex-70 {
  353. max-width: 70%; }
  354. .layout-column > .flex-70 {
  355. max-height: 70%; }
  356. .flex-75 {
  357. -webkit-flex: 0 0 75%;
  358. -ms-flex: 0 0 75%;
  359. flex: 0 0 75%; }
  360. .layout-row > .flex-75 {
  361. max-width: 75%; }
  362. .layout-column > .flex-75 {
  363. max-height: 75%; }
  364. .flex-80 {
  365. -webkit-flex: 0 0 80%;
  366. -ms-flex: 0 0 80%;
  367. flex: 0 0 80%; }
  368. .layout-row > .flex-80 {
  369. max-width: 80%; }
  370. .layout-column > .flex-80 {
  371. max-height: 80%; }
  372. .flex-85 {
  373. -webkit-flex: 0 0 85%;
  374. -ms-flex: 0 0 85%;
  375. flex: 0 0 85%; }
  376. .layout-row > .flex-85 {
  377. max-width: 85%; }
  378. .layout-column > .flex-85 {
  379. max-height: 85%; }
  380. .flex-90 {
  381. -webkit-flex: 0 0 90%;
  382. -ms-flex: 0 0 90%;
  383. flex: 0 0 90%; }
  384. .layout-row > .flex-90 {
  385. max-width: 90%; }
  386. .layout-column > .flex-90 {
  387. max-height: 90%; }
  388. .flex-95 {
  389. -webkit-flex: 0 0 95%;
  390. -ms-flex: 0 0 95%;
  391. flex: 0 0 95%; }
  392. .layout-row > .flex-95 {
  393. max-width: 95%; }
  394. .layout-column > .flex-95 {
  395. max-height: 95%; }
  396. .flex-100 {
  397. -webkit-flex: 0 0 100%;
  398. -ms-flex: 0 0 100%;
  399. flex: 0 0 100%; }
  400. .layout-row > .flex-100 {
  401. max-width: 100%; }
  402. .layout-column > .flex-100 {
  403. max-height: 100%; }
  404. .flex-33, .flex-34 {
  405. -webkit-flex: 0 0 33.33%;
  406. -ms-flex: 0 0 33.33%;
  407. flex: 0 0 33.33%; }
  408. .flex-66, .flex-67 {
  409. -webkit-flex: 0 0 66.66%;
  410. -ms-flex: 0 0 66.66%;
  411. flex: 0 0 66.66%; }
  412. .layout-row > .flex-33, .layout-row > .flex-34 {
  413. max-width: 33.33%; }
  414. .layout-row > .flex-66, .layout-row > .flex-67 {
  415. max-width: 66.66%; }
  416. .layout-column > .flex-33, .layout-column > .flex-34 {
  417. max-height: 33.33%; }
  418. .layout-column > .flex-66, .layout-column > .flex-67 {
  419. max-height: 66.66%; }
  420. .layout-align-center, .layout-align-center-center, .layout-align-center-start, .layout-align-center-end {
  421. -webkit-justify-content: center;
  422. -ms-flex-pack: center;
  423. justify-content: center; }
  424. .layout-align-end, .layout-align-end-center, .layout-align-end-start, .layout-align-end-end {
  425. -webkit-justify-content: flex-end;
  426. -ms-flex-pack: end;
  427. justify-content: flex-end; }
  428. .layout-align-space-around, .layout-align-space-around-center, .layout-align-space-around-start, .layout-align-space-around-end {
  429. -webkit-justify-content: space-around;
  430. -ms-flex-pack: distribute;
  431. justify-content: space-around; }
  432. .layout-align-space-between, .layout-align-space-between-center, .layout-align-space-between-start, .layout-align-space-between-end {
  433. -webkit-justify-content: space-between;
  434. -ms-flex-pack: justify;
  435. justify-content: space-between; }
  436. .layout-align-center-center, .layout-align-start-center, .layout-align-end-center, .layout-align-space-between-center, .layout-align-space-around-center {
  437. -webkit-align-items: center;
  438. -ms-flex-align: center;
  439. align-items: center; }
  440. .layout-align-center-start, .layout-align-start-start, .layout-align-end-start, .layout-align-space-between-start, .layout-align-space-around-start {
  441. -webkit-align-items: flex-start;
  442. -ms-flex-align: start;
  443. align-items: flex-start; }
  444. .layout-align-center-end, .layout-align-start-end, .layout-align-end-end, .layout-align-space-between-end, .layout-align-space-around-end {
  445. -webkit-align-items: flex-end;
  446. -ms-flex-align: end;
  447. align-items: flex-end; }
  448. .flex-order-0 {
  449. -webkit-order: 0;
  450. -ms-flex-order: 0;
  451. order: 0; }
  452. .flex-order-1 {
  453. -webkit-order: 1;
  454. -ms-flex-order: 1;
  455. order: 1; }
  456. .flex-order-2 {
  457. -webkit-order: 2;
  458. -ms-flex-order: 2;
  459. order: 2; }
  460. .flex-order-3 {
  461. -webkit-order: 3;
  462. -ms-flex-order: 3;
  463. order: 3; }
  464. .flex-order-4 {
  465. -webkit-order: 4;
  466. -ms-flex-order: 4;
  467. order: 4; }
  468. .flex-order-5 {
  469. -webkit-order: 5;
  470. -ms-flex-order: 5;
  471. order: 5; }
  472. .flex-order-6 {
  473. -webkit-order: 6;
  474. -ms-flex-order: 6;
  475. order: 6; }
  476. .flex-order-7 {
  477. -webkit-order: 7;
  478. -ms-flex-order: 7;
  479. order: 7; }
  480. .flex-order-8 {
  481. -webkit-order: 8;
  482. -ms-flex-order: 8;
  483. order: 8; }
  484. .flex-order-9 {
  485. -webkit-order: 9;
  486. -ms-flex-order: 9;
  487. order: 9; }
  488. .offset-5 {
  489. margin-left: 5%; }
  490. .offset-10 {
  491. margin-left: 10%; }
  492. .offset-15 {
  493. margin-left: 15%; }
  494. .offset-20 {
  495. margin-left: 20%; }
  496. .offset-25 {
  497. margin-left: 25%; }
  498. .offset-30 {
  499. margin-left: 30%; }
  500. .offset-35 {
  501. margin-left: 35%; }
  502. .offset-40 {
  503. margin-left: 40%; }
  504. .offset-45 {
  505. margin-left: 45%; }
  506. .offset-50 {
  507. margin-left: 50%; }
  508. .offset-55 {
  509. margin-left: 55%; }
  510. .offset-60 {
  511. margin-left: 60%; }
  512. .offset-65 {
  513. margin-left: 65%; }
  514. .offset-70 {
  515. margin-left: 70%; }
  516. .offset-75 {
  517. margin-left: 75%; }
  518. .offset-80 {
  519. margin-left: 80%; }
  520. .offset-85 {
  521. margin-left: 85%; }
  522. .offset-90 {
  523. margin-left: 90%; }
  524. .offset-95 {
  525. margin-left: 95%; }
  526. .offset-33, .offset-34 {
  527. margin-left: 33.33%; }
  528. .offset-66, .offset-67 {
  529. margin-left: 66.66%; }
  530. /**
  531. * `hide-gt-sm show-gt-lg` should hide from 600px to 1200px
  532. * `show-md hide-gt-sm` should show from 0px to 960px and hide at >960px
  533. * `hide-gt-md show-gt-sm` should show everywhere (show overrides hide)`
  534. */
  535. @media (max-width: 599px) {
  536. .hide-sm:not(.show-sm):not(.show), .hide:not(.show-sm):not(.show) {
  537. display: none; }
  538. .flex-order-sm-0 {
  539. -webkit-order: 0;
  540. -ms-flex-order: 0;
  541. order: 0; }
  542. .flex-order-sm-1 {
  543. -webkit-order: 1;
  544. -ms-flex-order: 1;
  545. order: 1; }
  546. .flex-order-sm-2 {
  547. -webkit-order: 2;
  548. -ms-flex-order: 2;
  549. order: 2; }
  550. .flex-order-sm-3 {
  551. -webkit-order: 3;
  552. -ms-flex-order: 3;
  553. order: 3; }
  554. .flex-order-sm-4 {
  555. -webkit-order: 4;
  556. -ms-flex-order: 4;
  557. order: 4; }
  558. .flex-order-sm-5 {
  559. -webkit-order: 5;
  560. -ms-flex-order: 5;
  561. order: 5; }
  562. .flex-order-sm-6 {
  563. -webkit-order: 6;
  564. -ms-flex-order: 6;
  565. order: 6; }
  566. .flex-order-sm-7 {
  567. -webkit-order: 7;
  568. -ms-flex-order: 7;
  569. order: 7; }
  570. .flex-order-sm-8 {
  571. -webkit-order: 8;
  572. -ms-flex-order: 8;
  573. order: 8; }
  574. .flex-order-sm-9 {
  575. -webkit-order: 9;
  576. -ms-flex-order: 9;
  577. order: 9; }
  578. .layout-align-sm-center, .layout-align-sm-center-center, .layout-align-sm-center-start, .layout-align-sm-center-end {
  579. -webkit-justify-content: center;
  580. -ms-flex-pack: center;
  581. justify-content: center; }
  582. .layout-align-sm-end, .layout-align-sm-end-center, .layout-align-sm-end-start, .layout-align-sm-end-end {
  583. -webkit-justify-content: flex-end;
  584. -ms-flex-pack: end;
  585. justify-content: flex-end; }
  586. .layout-align-sm-space-around, .layout-align-sm-space-around-center, .layout-align-sm-space-around-start, .layout-align-sm-space-around-end {
  587. -webkit-justify-content: space-around;
  588. -ms-flex-pack: distribute;
  589. justify-content: space-around; }
  590. .layout-align-sm-space-between, .layout-align-sm-space-between-center, .layout-align-sm-space-between-start, .layout-align-sm-space-between-end {
  591. -webkit-justify-content: space-between;
  592. -ms-flex-pack: justify;
  593. justify-content: space-between; }
  594. .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 {
  595. -webkit-align-items: center;
  596. -ms-flex-align: center;
  597. align-items: center; }
  598. .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 {
  599. -webkit-align-items: flex-start;
  600. -ms-flex-align: start;
  601. align-items: flex-start; }
  602. .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 {
  603. -webkit-align-items: flex-end;
  604. -ms-flex-align: end;
  605. align-items: flex-end; }
  606. .layout-sm {
  607. box-sizing: border-box;
  608. display: -webkit-flex;
  609. display: -moz-flex;
  610. display: -ms-flexbox;
  611. display: flex; }
  612. .layout-sm-column {
  613. -webkit-flex-direction: column;
  614. -ms-flex-direction: column;
  615. flex-direction: column; }
  616. .layout-sm-row {
  617. -webkit-flex-direction: row;
  618. -ms-flex-direction: row;
  619. flex-direction: row; }
  620. .offset-sm-5 {
  621. margin-left: 5%; }
  622. .offset-sm-10 {
  623. margin-left: 10%; }
  624. .offset-sm-15 {
  625. margin-left: 15%; }
  626. .offset-sm-20 {
  627. margin-left: 20%; }
  628. .offset-sm-25 {
  629. margin-left: 25%; }
  630. .offset-sm-30 {
  631. margin-left: 30%; }
  632. .offset-sm-35 {
  633. margin-left: 35%; }
  634. .offset-sm-40 {
  635. margin-left: 40%; }
  636. .offset-sm-45 {
  637. margin-left: 45%; }
  638. .offset-sm-50 {
  639. margin-left: 50%; }
  640. .offset-sm-55 {
  641. margin-left: 55%; }
  642. .offset-sm-60 {
  643. margin-left: 60%; }
  644. .offset-sm-65 {
  645. margin-left: 65%; }
  646. .offset-sm-70 {
  647. margin-left: 70%; }
  648. .offset-sm-75 {
  649. margin-left: 75%; }
  650. .offset-sm-80 {
  651. margin-left: 80%; }
  652. .offset-sm-85 {
  653. margin-left: 85%; }
  654. .offset-sm-90 {
  655. margin-left: 90%; }
  656. .offset-sm-95 {
  657. margin-left: 95%; }
  658. .offset-sm-33, .offset-sm-34 {
  659. margin-left: 33.33%; }
  660. .offset-sm-66, .offset-sm-67 {
  661. margin-left: 66.66%; }
  662. .flex-sm {
  663. box-sizing: border-box;
  664. -webkit-flex: 1;
  665. -ms-flex: 1;
  666. flex: 1; }
  667. .flex-sm-0 {
  668. -webkit-flex: 0 0 0%;
  669. -ms-flex: 0 0 0%;
  670. flex: 0 0 0%; }
  671. .layout-row > .flex-sm-0 {
  672. max-width: 0%; }
  673. .layout-column > .flex-sm-0 {
  674. max-height: 0%; }
  675. .flex-sm-5 {
  676. -webkit-flex: 0 0 5%;
  677. -ms-flex: 0 0 5%;
  678. flex: 0 0 5%; }
  679. .layout-row > .flex-sm-5 {
  680. max-width: 5%; }
  681. .layout-column > .flex-sm-5 {
  682. max-height: 5%; }
  683. .flex-sm-10 {
  684. -webkit-flex: 0 0 10%;
  685. -ms-flex: 0 0 10%;
  686. flex: 0 0 10%; }
  687. .layout-row > .flex-sm-10 {
  688. max-width: 10%; }
  689. .layout-column > .flex-sm-10 {
  690. max-height: 10%; }
  691. .flex-sm-15 {
  692. -webkit-flex: 0 0 15%;
  693. -ms-flex: 0 0 15%;
  694. flex: 0 0 15%; }
  695. .layout-row > .flex-sm-15 {
  696. max-width: 15%; }
  697. .layout-column > .flex-sm-15 {
  698. max-height: 15%; }
  699. .flex-sm-20 {
  700. -webkit-flex: 0 0 20%;
  701. -ms-flex: 0 0 20%;
  702. flex: 0 0 20%; }
  703. .layout-row > .flex-sm-20 {
  704. max-width: 20%; }
  705. .layout-column > .flex-sm-20 {
  706. max-height: 20%; }
  707. .flex-sm-25 {
  708. -webkit-flex: 0 0 25%;
  709. -ms-flex: 0 0 25%;
  710. flex: 0 0 25%; }
  711. .layout-row > .flex-sm-25 {
  712. max-width: 25%; }
  713. .layout-column > .flex-sm-25 {
  714. max-height: 25%; }
  715. .flex-sm-30 {
  716. -webkit-flex: 0 0 30%;
  717. -ms-flex: 0 0 30%;
  718. flex: 0 0 30%; }
  719. .layout-row > .flex-sm-30 {
  720. max-width: 30%; }
  721. .layout-column > .flex-sm-30 {
  722. max-height: 30%; }
  723. .flex-sm-35 {
  724. -webkit-flex: 0 0 35%;
  725. -ms-flex: 0 0 35%;
  726. flex: 0 0 35%; }
  727. .layout-row > .flex-sm-35 {
  728. max-width: 35%; }
  729. .layout-column > .flex-sm-35 {
  730. max-height: 35%; }
  731. .flex-sm-40 {
  732. -webkit-flex: 0 0 40%;
  733. -ms-flex: 0 0 40%;
  734. flex: 0 0 40%; }
  735. .layout-row > .flex-sm-40 {
  736. max-width: 40%; }
  737. .layout-column > .flex-sm-40 {
  738. max-height: 40%; }
  739. .flex-sm-45 {
  740. -webkit-flex: 0 0 45%;
  741. -ms-flex: 0 0 45%;
  742. flex: 0 0 45%; }
  743. .layout-row > .flex-sm-45 {
  744. max-width: 45%; }
  745. .layout-column > .flex-sm-45 {
  746. max-height: 45%; }
  747. .flex-sm-50 {
  748. -webkit-flex: 0 0 50%;
  749. -ms-flex: 0 0 50%;
  750. flex: 0 0 50%; }
  751. .layout-row > .flex-sm-50 {
  752. max-width: 50%; }
  753. .layout-column > .flex-sm-50 {
  754. max-height: 50%; }
  755. .flex-sm-55 {
  756. -webkit-flex: 0 0 55%;
  757. -ms-flex: 0 0 55%;
  758. flex: 0 0 55%; }
  759. .layout-row > .flex-sm-55 {
  760. max-width: 55%; }
  761. .layout-column > .flex-sm-55 {
  762. max-height: 55%; }
  763. .flex-sm-60 {
  764. -webkit-flex: 0 0 60%;
  765. -ms-flex: 0 0 60%;
  766. flex: 0 0 60%; }
  767. .layout-row > .flex-sm-60 {
  768. max-width: 60%; }
  769. .layout-column > .flex-sm-60 {
  770. max-height: 60%; }
  771. .flex-sm-65 {
  772. -webkit-flex: 0 0 65%;
  773. -ms-flex: 0 0 65%;
  774. flex: 0 0 65%; }
  775. .layout-row > .flex-sm-65 {
  776. max-width: 65%; }
  777. .layout-column > .flex-sm-65 {
  778. max-height: 65%; }
  779. .flex-sm-70 {
  780. -webkit-flex: 0 0 70%;
  781. -ms-flex: 0 0 70%;
  782. flex: 0 0 70%; }
  783. .layout-row > .flex-sm-70 {
  784. max-width: 70%; }
  785. .layout-column > .flex-sm-70 {
  786. max-height: 70%; }
  787. .flex-sm-75 {
  788. -webkit-flex: 0 0 75%;
  789. -ms-flex: 0 0 75%;
  790. flex: 0 0 75%; }
  791. .layout-row > .flex-sm-75 {
  792. max-width: 75%; }
  793. .layout-column > .flex-sm-75 {
  794. max-height: 75%; }
  795. .flex-sm-80 {
  796. -webkit-flex: 0 0 80%;
  797. -ms-flex: 0 0 80%;
  798. flex: 0 0 80%; }
  799. .layout-row > .flex-sm-80 {
  800. max-width: 80%; }
  801. .layout-column > .flex-sm-80 {
  802. max-height: 80%; }
  803. .flex-sm-85 {
  804. -webkit-flex: 0 0 85%;
  805. -ms-flex: 0 0 85%;
  806. flex: 0 0 85%; }
  807. .layout-row > .flex-sm-85 {
  808. max-width: 85%; }
  809. .layout-column > .flex-sm-85 {
  810. max-height: 85%; }
  811. .flex-sm-90 {
  812. -webkit-flex: 0 0 90%;
  813. -ms-flex: 0 0 90%;
  814. flex: 0 0 90%; }
  815. .layout-row > .flex-sm-90 {
  816. max-width: 90%; }
  817. .layout-column > .flex-sm-90 {
  818. max-height: 90%; }
  819. .flex-sm-95 {
  820. -webkit-flex: 0 0 95%;
  821. -ms-flex: 0 0 95%;
  822. flex: 0 0 95%; }
  823. .layout-row > .flex-sm-95 {
  824. max-width: 95%; }
  825. .layout-column > .flex-sm-95 {
  826. max-height: 95%; }
  827. .flex-sm-100 {
  828. -webkit-flex: 0 0 100%;
  829. -ms-flex: 0 0 100%;
  830. flex: 0 0 100%; }
  831. .layout-row > .flex-sm-100 {
  832. max-width: 100%; }
  833. .layout-column > .flex-sm-100 {
  834. max-height: 100%; }
  835. .flex-sm-33, .flex-sm-34 {
  836. -webkit-flex: 0 0 33.33%;
  837. -ms-flex: 0 0 33.33%;
  838. flex: 0 0 33.33%; }
  839. .flex-sm-66, .flex-sm-67 {
  840. -webkit-flex: 0 0 66.66%;
  841. -ms-flex: 0 0 66.66%;
  842. flex: 0 0 66.66%; }
  843. .layout-row > .flex-sm-33, .layout-row > .flex-sm-34 {
  844. max-width: 33.33%; }
  845. .layout-row > .flex-sm-66, .layout-row > .flex-sm-67 {
  846. max-width: 66.66%; }
  847. .layout-column > .flex-sm-33, .layout-column > .flex-sm-34 {
  848. max-height: 33.33%; }
  849. .layout-column > .flex-sm-66, .layout-column > .flex-sm-67 {
  850. max-height: 66.66%; } }
  851. @media (min-width: 600px) {
  852. .flex-order-gt-sm-0 {
  853. -webkit-order: 0;
  854. -ms-flex-order: 0;
  855. order: 0; }
  856. .flex-order-gt-sm-1 {
  857. -webkit-order: 1;
  858. -ms-flex-order: 1;
  859. order: 1; }
  860. .flex-order-gt-sm-2 {
  861. -webkit-order: 2;
  862. -ms-flex-order: 2;
  863. order: 2; }
  864. .flex-order-gt-sm-3 {
  865. -webkit-order: 3;
  866. -ms-flex-order: 3;
  867. order: 3; }
  868. .flex-order-gt-sm-4 {
  869. -webkit-order: 4;
  870. -ms-flex-order: 4;
  871. order: 4; }
  872. .flex-order-gt-sm-5 {
  873. -webkit-order: 5;
  874. -ms-flex-order: 5;
  875. order: 5; }
  876. .flex-order-gt-sm-6 {
  877. -webkit-order: 6;
  878. -ms-flex-order: 6;
  879. order: 6; }
  880. .flex-order-gt-sm-7 {
  881. -webkit-order: 7;
  882. -ms-flex-order: 7;
  883. order: 7; }
  884. .flex-order-gt-sm-8 {
  885. -webkit-order: 8;
  886. -ms-flex-order: 8;
  887. order: 8; }
  888. .flex-order-gt-sm-9 {
  889. -webkit-order: 9;
  890. -ms-flex-order: 9;
  891. order: 9; }
  892. .layout-align-gt-sm-center, .layout-align-gt-sm-center-center, .layout-align-gt-sm-center-start, .layout-align-gt-sm-center-end {
  893. -webkit-justify-content: center;
  894. -ms-flex-pack: center;
  895. justify-content: center; }
  896. .layout-align-gt-sm-end, .layout-align-gt-sm-end-center, .layout-align-gt-sm-end-start, .layout-align-gt-sm-end-end {
  897. -webkit-justify-content: flex-end;
  898. -ms-flex-pack: end;
  899. justify-content: flex-end; }
  900. .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 {
  901. -webkit-justify-content: space-around;
  902. -ms-flex-pack: distribute;
  903. justify-content: space-around; }
  904. .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 {
  905. -webkit-justify-content: space-between;
  906. -ms-flex-pack: justify;
  907. justify-content: space-between; }
  908. .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 {
  909. -webkit-align-items: center;
  910. -ms-flex-align: center;
  911. align-items: center; }
  912. .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 {
  913. -webkit-align-items: flex-start;
  914. -ms-flex-align: start;
  915. align-items: flex-start; }
  916. .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 {
  917. -webkit-align-items: flex-end;
  918. -ms-flex-align: end;
  919. align-items: flex-end; }
  920. .layout-gt-sm {
  921. box-sizing: border-box;
  922. display: -webkit-flex;
  923. display: -moz-flex;
  924. display: -ms-flexbox;
  925. display: flex; }
  926. .layout-gt-sm-column {
  927. -webkit-flex-direction: column;
  928. -ms-flex-direction: column;
  929. flex-direction: column; }
  930. .layout-gt-sm-row {
  931. -webkit-flex-direction: row;
  932. -ms-flex-direction: row;
  933. flex-direction: row; }
  934. .offset-gt-sm-5 {
  935. margin-left: 5%; }
  936. .offset-gt-sm-10 {
  937. margin-left: 10%; }
  938. .offset-gt-sm-15 {
  939. margin-left: 15%; }
  940. .offset-gt-sm-20 {
  941. margin-left: 20%; }
  942. .offset-gt-sm-25 {
  943. margin-left: 25%; }
  944. .offset-gt-sm-30 {
  945. margin-left: 30%; }
  946. .offset-gt-sm-35 {
  947. margin-left: 35%; }
  948. .offset-gt-sm-40 {
  949. margin-left: 40%; }
  950. .offset-gt-sm-45 {
  951. margin-left: 45%; }
  952. .offset-gt-sm-50 {
  953. margin-left: 50%; }
  954. .offset-gt-sm-55 {
  955. margin-left: 55%; }
  956. .offset-gt-sm-60 {
  957. margin-left: 60%; }
  958. .offset-gt-sm-65 {
  959. margin-left: 65%; }
  960. .offset-gt-sm-70 {
  961. margin-left: 70%; }
  962. .offset-gt-sm-75 {
  963. margin-left: 75%; }
  964. .offset-gt-sm-80 {
  965. margin-left: 80%; }
  966. .offset-gt-sm-85 {
  967. margin-left: 85%; }
  968. .offset-gt-sm-90 {
  969. margin-left: 90%; }
  970. .offset-gt-sm-95 {
  971. margin-left: 95%; }
  972. .offset-gt-sm-33, .offset-gt-sm-34 {
  973. margin-left: 33.33%; }
  974. .offset-gt-sm-66, .offset-gt-sm-67 {
  975. margin-left: 66.66%; }
  976. .flex-gt-sm {
  977. box-sizing: border-box;
  978. -webkit-flex: 1;
  979. -ms-flex: 1;
  980. flex: 1; }
  981. .flex-gt-sm-0 {
  982. -webkit-flex: 0 0 0%;
  983. -ms-flex: 0 0 0%;
  984. flex: 0 0 0%; }
  985. .layout-row > .flex-gt-sm-0 {
  986. max-width: 0%; }
  987. .layout-column > .flex-gt-sm-0 {
  988. max-height: 0%; }
  989. .flex-gt-sm-5 {
  990. -webkit-flex: 0 0 5%;
  991. -ms-flex: 0 0 5%;
  992. flex: 0 0 5%; }
  993. .layout-row > .flex-gt-sm-5 {
  994. max-width: 5%; }
  995. .layout-column > .flex-gt-sm-5 {
  996. max-height: 5%; }
  997. .flex-gt-sm-10 {
  998. -webkit-flex: 0 0 10%;
  999. -ms-flex: 0 0 10%;
  1000. flex: 0 0 10%; }
  1001. .layout-row > .flex-gt-sm-10 {
  1002. max-width: 10%; }
  1003. .layout-column > .flex-gt-sm-10 {
  1004. max-height: 10%; }
  1005. .flex-gt-sm-15 {
  1006. -webkit-flex: 0 0 15%;
  1007. -ms-flex: 0 0 15%;
  1008. flex: 0 0 15%; }
  1009. .layout-row > .flex-gt-sm-15 {
  1010. max-width: 15%; }
  1011. .layout-column > .flex-gt-sm-15 {
  1012. max-height: 15%; }
  1013. .flex-gt-sm-20 {
  1014. -webkit-flex: 0 0 20%;
  1015. -ms-flex: 0 0 20%;
  1016. flex: 0 0 20%; }
  1017. .layout-row > .flex-gt-sm-20 {
  1018. max-width: 20%; }
  1019. .layout-column > .flex-gt-sm-20 {
  1020. max-height: 20%; }
  1021. .flex-gt-sm-25 {
  1022. -webkit-flex: 0 0 25%;
  1023. -ms-flex: 0 0 25%;
  1024. flex: 0 0 25%; }
  1025. .layout-row > .flex-gt-sm-25 {
  1026. max-width: 25%; }
  1027. .layout-column > .flex-gt-sm-25 {
  1028. max-height: 25%; }
  1029. .flex-gt-sm-30 {
  1030. -webkit-flex: 0 0 30%;
  1031. -ms-flex: 0 0 30%;
  1032. flex: 0 0 30%; }
  1033. .layout-row > .flex-gt-sm-30 {
  1034. max-width: 30%; }
  1035. .layout-column > .flex-gt-sm-30 {
  1036. max-height: 30%; }
  1037. .flex-gt-sm-35 {
  1038. -webkit-flex: 0 0 35%;
  1039. -ms-flex: 0 0 35%;
  1040. flex: 0 0 35%; }
  1041. .layout-row > .flex-gt-sm-35 {
  1042. max-width: 35%; }
  1043. .layout-column > .flex-gt-sm-35 {
  1044. max-height: 35%; }
  1045. .flex-gt-sm-40 {
  1046. -webkit-flex: 0 0 40%;
  1047. -ms-flex: 0 0 40%;
  1048. flex: 0 0 40%; }
  1049. .layout-row > .flex-gt-sm-40 {
  1050. max-width: 40%; }
  1051. .layout-column > .flex-gt-sm-40 {
  1052. max-height: 40%; }
  1053. .flex-gt-sm-45 {
  1054. -webkit-flex: 0 0 45%;
  1055. -ms-flex: 0 0 45%;
  1056. flex: 0 0 45%; }
  1057. .layout-row > .flex-gt-sm-45 {
  1058. max-width: 45%; }
  1059. .layout-column > .flex-gt-sm-45 {
  1060. max-height: 45%; }
  1061. .flex-gt-sm-50 {
  1062. -webkit-flex: 0 0 50%;
  1063. -ms-flex: 0 0 50%;
  1064. flex: 0 0 50%; }
  1065. .layout-row > .flex-gt-sm-50 {
  1066. max-width: 50%; }
  1067. .layout-column > .flex-gt-sm-50 {
  1068. max-height: 50%; }
  1069. .flex-gt-sm-55 {
  1070. -webkit-flex: 0 0 55%;
  1071. -ms-flex: 0 0 55%;
  1072. flex: 0 0 55%; }
  1073. .layout-row > .flex-gt-sm-55 {
  1074. max-width: 55%; }
  1075. .layout-column > .flex-gt-sm-55 {
  1076. max-height: 55%; }
  1077. .flex-gt-sm-60 {
  1078. -webkit-flex: 0 0 60%;
  1079. -ms-flex: 0 0 60%;
  1080. flex: 0 0 60%; }
  1081. .layout-row > .flex-gt-sm-60 {
  1082. max-width: 60%; }
  1083. .layout-column > .flex-gt-sm-60 {
  1084. max-height: 60%; }
  1085. .flex-gt-sm-65 {
  1086. -webkit-flex: 0 0 65%;
  1087. -ms-flex: 0 0 65%;
  1088. flex: 0 0 65%; }
  1089. .layout-row > .flex-gt-sm-65 {
  1090. max-width: 65%; }
  1091. .layout-column > .flex-gt-sm-65 {
  1092. max-height: 65%; }
  1093. .flex-gt-sm-70 {
  1094. -webkit-flex: 0 0 70%;
  1095. -ms-flex: 0 0 70%;
  1096. flex: 0 0 70%; }
  1097. .layout-row > .flex-gt-sm-70 {
  1098. max-width: 70%; }
  1099. .layout-column > .flex-gt-sm-70 {
  1100. max-height: 70%; }
  1101. .flex-gt-sm-75 {
  1102. -webkit-flex: 0 0 75%;
  1103. -ms-flex: 0 0 75%;
  1104. flex: 0 0 75%; }
  1105. .layout-row > .flex-gt-sm-75 {
  1106. max-width: 75%; }
  1107. .layout-column > .flex-gt-sm-75 {
  1108. max-height: 75%; }
  1109. .flex-gt-sm-80 {
  1110. -webkit-flex: 0 0 80%;
  1111. -ms-flex: 0 0 80%;
  1112. flex: 0 0 80%; }
  1113. .layout-row > .flex-gt-sm-80 {
  1114. max-width: 80%; }
  1115. .layout-column > .flex-gt-sm-80 {
  1116. max-height: 80%; }
  1117. .flex-gt-sm-85 {
  1118. -webkit-flex: 0 0 85%;
  1119. -ms-flex: 0 0 85%;
  1120. flex: 0 0 85%; }
  1121. .layout-row > .flex-gt-sm-85 {
  1122. max-width: 85%; }
  1123. .layout-column > .flex-gt-sm-85 {
  1124. max-height: 85%; }
  1125. .flex-gt-sm-90 {
  1126. -webkit-flex: 0 0 90%;
  1127. -ms-flex: 0 0 90%;
  1128. flex: 0 0 90%; }
  1129. .layout-row > .flex-gt-sm-90 {
  1130. max-width: 90%; }
  1131. .layout-column > .flex-gt-sm-90 {
  1132. max-height: 90%; }
  1133. .flex-gt-sm-95 {
  1134. -webkit-flex: 0 0 95%;
  1135. -ms-flex: 0 0 95%;
  1136. flex: 0 0 95%; }
  1137. .layout-row > .flex-gt-sm-95 {
  1138. max-width: 95%; }
  1139. .layout-column > .flex-gt-sm-95 {
  1140. max-height: 95%; }
  1141. .flex-gt-sm-100 {
  1142. -webkit-flex: 0 0 100%;
  1143. -ms-flex: 0 0 100%;
  1144. flex: 0 0 100%; }
  1145. .layout-row > .flex-gt-sm-100 {
  1146. max-width: 100%; }
  1147. .layout-column > .flex-gt-sm-100 {
  1148. max-height: 100%; }
  1149. .flex-gt-sm-33, .flex-gt-sm-34 {
  1150. -webkit-flex: 0 0 33.33%;
  1151. -ms-flex: 0 0 33.33%;
  1152. flex: 0 0 33.33%; }
  1153. .flex-gt-sm-66, .flex-gt-sm-67 {
  1154. -webkit-flex: 0 0 66.66%;
  1155. -ms-flex: 0 0 66.66%;
  1156. flex: 0 0 66.66%; }
  1157. .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-34 {
  1158. max-width: 33.33%; }
  1159. .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-67 {
  1160. max-width: 66.66%; }
  1161. .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-34 {
  1162. max-height: 33.33%; }
  1163. .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-67 {
  1164. max-height: 66.66%; } }
  1165. @media (min-width: 600px) and (max-width: 959px) {
  1166. .hide:not(.show-gt-sm):not(.show-md):not(.show), .hide-gt-sm:not(.show-gt-sm):not(.show-md):not(.show) {
  1167. display: none; }
  1168. .hide-md:not(.show-md):not(.show) {
  1169. display: none; }
  1170. .flex-order-md-0 {
  1171. -webkit-order: 0;
  1172. -ms-flex-order: 0;
  1173. order: 0; }
  1174. .flex-order-md-1 {
  1175. -webkit-order: 1;
  1176. -ms-flex-order: 1;
  1177. order: 1; }
  1178. .flex-order-md-2 {
  1179. -webkit-order: 2;
  1180. -ms-flex-order: 2;
  1181. order: 2; }
  1182. .flex-order-md-3 {
  1183. -webkit-order: 3;
  1184. -ms-flex-order: 3;
  1185. order: 3; }
  1186. .flex-order-md-4 {
  1187. -webkit-order: 4;
  1188. -ms-flex-order: 4;
  1189. order: 4; }
  1190. .flex-order-md-5 {
  1191. -webkit-order: 5;
  1192. -ms-flex-order: 5;
  1193. order: 5; }
  1194. .flex-order-md-6 {
  1195. -webkit-order: 6;
  1196. -ms-flex-order: 6;
  1197. order: 6; }
  1198. .flex-order-md-7 {
  1199. -webkit-order: 7;
  1200. -ms-flex-order: 7;
  1201. order: 7; }
  1202. .flex-order-md-8 {
  1203. -webkit-order: 8;
  1204. -ms-flex-order: 8;
  1205. order: 8; }
  1206. .flex-order-md-9 {
  1207. -webkit-order: 9;
  1208. -ms-flex-order: 9;
  1209. order: 9; }
  1210. .layout-align-md-center, .layout-align-md-center-center, .layout-align-md-center-start, .layout-align-md-center-end {
  1211. -webkit-justify-content: center;
  1212. -ms-flex-pack: center;
  1213. justify-content: center; }
  1214. .layout-align-md-end, .layout-align-md-end-center, .layout-align-md-end-start, .layout-align-md-end-end {
  1215. -webkit-justify-content: flex-end;
  1216. -ms-flex-pack: end;
  1217. justify-content: flex-end; }
  1218. .layout-align-md-space-around, .layout-align-md-space-around-center, .layout-align-md-space-around-start, .layout-align-md-space-around-end {
  1219. -webkit-justify-content: space-around;
  1220. -ms-flex-pack: distribute;
  1221. justify-content: space-around; }
  1222. .layout-align-md-space-between, .layout-align-md-space-between-center, .layout-align-md-space-between-start, .layout-align-md-space-between-end {
  1223. -webkit-justify-content: space-between;
  1224. -ms-flex-pack: justify;
  1225. justify-content: space-between; }
  1226. .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 {
  1227. -webkit-align-items: center;
  1228. -ms-flex-align: center;
  1229. align-items: center; }
  1230. .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 {
  1231. -webkit-align-items: flex-start;
  1232. -ms-flex-align: start;
  1233. align-items: flex-start; }
  1234. .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 {
  1235. -webkit-align-items: flex-end;
  1236. -ms-flex-align: end;
  1237. align-items: flex-end; }
  1238. .layout-md {
  1239. box-sizing: border-box;
  1240. display: -webkit-flex;
  1241. display: -moz-flex;
  1242. display: -ms-flexbox;
  1243. display: flex; }
  1244. .layout-md-column {
  1245. -webkit-flex-direction: column;
  1246. -ms-flex-direction: column;
  1247. flex-direction: column; }
  1248. .layout-md-row {
  1249. -webkit-flex-direction: row;
  1250. -ms-flex-direction: row;
  1251. flex-direction: row; }
  1252. .offset-md-5 {
  1253. margin-left: 5%; }
  1254. .offset-md-10 {
  1255. margin-left: 10%; }
  1256. .offset-md-15 {
  1257. margin-left: 15%; }
  1258. .offset-md-20 {
  1259. margin-left: 20%; }
  1260. .offset-md-25 {
  1261. margin-left: 25%; }
  1262. .offset-md-30 {
  1263. margin-left: 30%; }
  1264. .offset-md-35 {
  1265. margin-left: 35%; }
  1266. .offset-md-40 {
  1267. margin-left: 40%; }
  1268. .offset-md-45 {
  1269. margin-left: 45%; }
  1270. .offset-md-50 {
  1271. margin-left: 50%; }
  1272. .offset-md-55 {
  1273. margin-left: 55%; }
  1274. .offset-md-60 {
  1275. margin-left: 60%; }
  1276. .offset-md-65 {
  1277. margin-left: 65%; }
  1278. .offset-md-70 {
  1279. margin-left: 70%; }
  1280. .offset-md-75 {
  1281. margin-left: 75%; }
  1282. .offset-md-80 {
  1283. margin-left: 80%; }
  1284. .offset-md-85 {
  1285. margin-left: 85%; }
  1286. .offset-md-90 {
  1287. margin-left: 90%; }
  1288. .offset-md-95 {
  1289. margin-left: 95%; }
  1290. .offset-md-33, .offset-md-34 {
  1291. margin-left: 33.33%; }
  1292. .offset-md-66, .offset-md-67 {
  1293. margin-left: 66.66%; }
  1294. .flex-md {
  1295. box-sizing: border-box;
  1296. -webkit-flex: 1;
  1297. -ms-flex: 1;
  1298. flex: 1; }
  1299. .flex-md-0 {
  1300. -webkit-flex: 0 0 0%;
  1301. -ms-flex: 0 0 0%;
  1302. flex: 0 0 0%; }
  1303. .layout-row > .flex-md-0 {
  1304. max-width: 0%; }
  1305. .layout-column > .flex-md-0 {
  1306. max-height: 0%; }
  1307. .flex-md-5 {
  1308. -webkit-flex: 0 0 5%;
  1309. -ms-flex: 0 0 5%;
  1310. flex: 0 0 5%; }
  1311. .layout-row > .flex-md-5 {
  1312. max-width: 5%; }
  1313. .layout-column > .flex-md-5 {
  1314. max-height: 5%; }
  1315. .flex-md-10 {
  1316. -webkit-flex: 0 0 10%;
  1317. -ms-flex: 0 0 10%;
  1318. flex: 0 0 10%; }
  1319. .layout-row > .flex-md-10 {
  1320. max-width: 10%; }
  1321. .layout-column > .flex-md-10 {
  1322. max-height: 10%; }
  1323. .flex-md-15 {
  1324. -webkit-flex: 0 0 15%;
  1325. -ms-flex: 0 0 15%;
  1326. flex: 0 0 15%; }
  1327. .layout-row > .flex-md-15 {
  1328. max-width: 15%; }
  1329. .layout-column > .flex-md-15 {
  1330. max-height: 15%; }
  1331. .flex-md-20 {
  1332. -webkit-flex: 0 0 20%;
  1333. -ms-flex: 0 0 20%;
  1334. flex: 0 0 20%; }
  1335. .layout-row > .flex-md-20 {
  1336. max-width: 20%; }
  1337. .layout-column > .flex-md-20 {
  1338. max-height: 20%; }
  1339. .flex-md-25 {
  1340. -webkit-flex: 0 0 25%;
  1341. -ms-flex: 0 0 25%;
  1342. flex: 0 0 25%; }
  1343. .layout-row > .flex-md-25 {
  1344. max-width: 25%; }
  1345. .layout-column > .flex-md-25 {
  1346. max-height: 25%; }
  1347. .flex-md-30 {
  1348. -webkit-flex: 0 0 30%;
  1349. -ms-flex: 0 0 30%;
  1350. flex: 0 0 30%; }
  1351. .layout-row > .flex-md-30 {
  1352. max-width: 30%; }
  1353. .layout-column > .flex-md-30 {
  1354. max-height: 30%; }
  1355. .flex-md-35 {
  1356. -webkit-flex: 0 0 35%;
  1357. -ms-flex: 0 0 35%;
  1358. flex: 0 0 35%; }
  1359. .layout-row > .flex-md-35 {
  1360. max-width: 35%; }
  1361. .layout-column > .flex-md-35 {
  1362. max-height: 35%; }
  1363. .flex-md-40 {
  1364. -webkit-flex: 0 0 40%;
  1365. -ms-flex: 0 0 40%;
  1366. flex: 0 0 40%; }
  1367. .layout-row > .flex-md-40 {
  1368. max-width: 40%; }
  1369. .layout-column > .flex-md-40 {
  1370. max-height: 40%; }
  1371. .flex-md-45 {
  1372. -webkit-flex: 0 0 45%;
  1373. -ms-flex: 0 0 45%;
  1374. flex: 0 0 45%; }
  1375. .layout-row > .flex-md-45 {
  1376. max-width: 45%; }
  1377. .layout-column > .flex-md-45 {
  1378. max-height: 45%; }
  1379. .flex-md-50 {
  1380. -webkit-flex: 0 0 50%;
  1381. -ms-flex: 0 0 50%;
  1382. flex: 0 0 50%; }
  1383. .layout-row > .flex-md-50 {
  1384. max-width: 50%; }
  1385. .layout-column > .flex-md-50 {
  1386. max-height: 50%; }
  1387. .flex-md-55 {
  1388. -webkit-flex: 0 0 55%;
  1389. -ms-flex: 0 0 55%;
  1390. flex: 0 0 55%; }
  1391. .layout-row > .flex-md-55 {
  1392. max-width: 55%; }
  1393. .layout-column > .flex-md-55 {
  1394. max-height: 55%; }
  1395. .flex-md-60 {
  1396. -webkit-flex: 0 0 60%;
  1397. -ms-flex: 0 0 60%;
  1398. flex: 0 0 60%; }
  1399. .layout-row > .flex-md-60 {
  1400. max-width: 60%; }
  1401. .layout-column > .flex-md-60 {
  1402. max-height: 60%; }
  1403. .flex-md-65 {
  1404. -webkit-flex: 0 0 65%;
  1405. -ms-flex: 0 0 65%;
  1406. flex: 0 0 65%; }
  1407. .layout-row > .flex-md-65 {
  1408. max-width: 65%; }
  1409. .layout-column > .flex-md-65 {
  1410. max-height: 65%; }
  1411. .flex-md-70 {
  1412. -webkit-flex: 0 0 70%;
  1413. -ms-flex: 0 0 70%;
  1414. flex: 0 0 70%; }
  1415. .layout-row > .flex-md-70 {
  1416. max-width: 70%; }
  1417. .layout-column > .flex-md-70 {
  1418. max-height: 70%; }
  1419. .flex-md-75 {
  1420. -webkit-flex: 0 0 75%;
  1421. -ms-flex: 0 0 75%;
  1422. flex: 0 0 75%; }
  1423. .layout-row > .flex-md-75 {
  1424. max-width: 75%; }
  1425. .layout-column > .flex-md-75 {
  1426. max-height: 75%; }
  1427. .flex-md-80 {
  1428. -webkit-flex: 0 0 80%;
  1429. -ms-flex: 0 0 80%;
  1430. flex: 0 0 80%; }
  1431. .layout-row > .flex-md-80 {
  1432. max-width: 80%; }
  1433. .layout-column > .flex-md-80 {
  1434. max-height: 80%; }
  1435. .flex-md-85 {
  1436. -webkit-flex: 0 0 85%;
  1437. -ms-flex: 0 0 85%;
  1438. flex: 0 0 85%; }
  1439. .layout-row > .flex-md-85 {
  1440. max-width: 85%; }
  1441. .layout-column > .flex-md-85 {
  1442. max-height: 85%; }
  1443. .flex-md-90 {
  1444. -webkit-flex: 0 0 90%;
  1445. -ms-flex: 0 0 90%;
  1446. flex: 0 0 90%; }
  1447. .layout-row > .flex-md-90 {
  1448. max-width: 90%; }
  1449. .layout-column > .flex-md-90 {
  1450. max-height: 90%; }
  1451. .flex-md-95 {
  1452. -webkit-flex: 0 0 95%;
  1453. -ms-flex: 0 0 95%;
  1454. flex: 0 0 95%; }
  1455. .layout-row > .flex-md-95 {
  1456. max-width: 95%; }
  1457. .layout-column > .flex-md-95 {
  1458. max-height: 95%; }
  1459. .flex-md-100 {
  1460. -webkit-flex: 0 0 100%;
  1461. -ms-flex: 0 0 100%;
  1462. flex: 0 0 100%; }
  1463. .layout-row > .flex-md-100 {
  1464. max-width: 100%; }
  1465. .layout-column > .flex-md-100 {
  1466. max-height: 100%; }
  1467. .flex-md-33, .flex-md-34 {
  1468. -webkit-flex: 0 0 33.33%;
  1469. -ms-flex: 0 0 33.33%;
  1470. flex: 0 0 33.33%; }
  1471. .flex-md-66, .flex-md-67 {
  1472. -webkit-flex: 0 0 66.66%;
  1473. -ms-flex: 0 0 66.66%;
  1474. flex: 0 0 66.66%; }
  1475. .layout-row > .flex-md-33, .layout-row > .flex-md-34 {
  1476. max-width: 33.33%; }
  1477. .layout-row > .flex-md-66, .layout-row > .flex-md-67 {
  1478. max-width: 66.66%; }
  1479. .layout-column > .flex-md-33, .layout-column > .flex-md-34 {
  1480. max-height: 33.33%; }
  1481. .layout-column > .flex-md-66, .layout-column > .flex-md-67 {
  1482. max-height: 66.66%; } }
  1483. @media (min-width: 960px) {
  1484. .flex-order-gt-md-0 {
  1485. -webkit-order: 0;
  1486. -ms-flex-order: 0;
  1487. order: 0; }
  1488. .flex-order-gt-md-1 {
  1489. -webkit-order: 1;
  1490. -ms-flex-order: 1;
  1491. order: 1; }
  1492. .flex-order-gt-md-2 {
  1493. -webkit-order: 2;
  1494. -ms-flex-order: 2;
  1495. order: 2; }
  1496. .flex-order-gt-md-3 {
  1497. -webkit-order: 3;
  1498. -ms-flex-order: 3;
  1499. order: 3; }
  1500. .flex-order-gt-md-4 {
  1501. -webkit-order: 4;
  1502. -ms-flex-order: 4;
  1503. order: 4; }
  1504. .flex-order-gt-md-5 {
  1505. -webkit-order: 5;
  1506. -ms-flex-order: 5;
  1507. order: 5; }
  1508. .flex-order-gt-md-6 {
  1509. -webkit-order: 6;
  1510. -ms-flex-order: 6;
  1511. order: 6; }
  1512. .flex-order-gt-md-7 {
  1513. -webkit-order: 7;
  1514. -ms-flex-order: 7;
  1515. order: 7; }
  1516. .flex-order-gt-md-8 {
  1517. -webkit-order: 8;
  1518. -ms-flex-order: 8;
  1519. order: 8; }
  1520. .flex-order-gt-md-9 {
  1521. -webkit-order: 9;
  1522. -ms-flex-order: 9;
  1523. order: 9; }
  1524. .layout-align-gt-md-center, .layout-align-gt-md-center-center, .layout-align-gt-md-center-start, .layout-align-gt-md-center-end {
  1525. -webkit-justify-content: center;
  1526. -ms-flex-pack: center;
  1527. justify-content: center; }
  1528. .layout-align-gt-md-end, .layout-align-gt-md-end-center, .layout-align-gt-md-end-start, .layout-align-gt-md-end-end {
  1529. -webkit-justify-content: flex-end;
  1530. -ms-flex-pack: end;
  1531. justify-content: flex-end; }
  1532. .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 {
  1533. -webkit-justify-content: space-around;
  1534. -ms-flex-pack: distribute;
  1535. justify-content: space-around; }
  1536. .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 {
  1537. -webkit-justify-content: space-between;
  1538. -ms-flex-pack: justify;
  1539. justify-content: space-between; }
  1540. .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 {
  1541. -webkit-align-items: center;
  1542. -ms-flex-align: center;
  1543. align-items: center; }
  1544. .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 {
  1545. -webkit-align-items: flex-start;
  1546. -ms-flex-align: start;
  1547. align-items: flex-start; }
  1548. .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 {
  1549. -webkit-align-items: flex-end;
  1550. -ms-flex-align: end;
  1551. align-items: flex-end; }
  1552. .layout-gt-md {
  1553. box-sizing: border-box;
  1554. display: -webkit-flex;
  1555. display: -moz-flex;
  1556. display: -ms-flexbox;
  1557. display: flex; }
  1558. .layout-gt-md-column {
  1559. -webkit-flex-direction: column;
  1560. -ms-flex-direction: column;
  1561. flex-direction: column; }
  1562. .layout-gt-md-row {
  1563. -webkit-flex-direction: row;
  1564. -ms-flex-direction: row;
  1565. flex-direction: row; }
  1566. .offset-gt-md-5 {
  1567. margin-left: 5%; }
  1568. .offset-gt-md-10 {
  1569. margin-left: 10%; }
  1570. .offset-gt-md-15 {
  1571. margin-left: 15%; }
  1572. .offset-gt-md-20 {
  1573. margin-left: 20%; }
  1574. .offset-gt-md-25 {
  1575. margin-left: 25%; }
  1576. .offset-gt-md-30 {
  1577. margin-left: 30%; }
  1578. .offset-gt-md-35 {
  1579. margin-left: 35%; }
  1580. .offset-gt-md-40 {
  1581. margin-left: 40%; }
  1582. .offset-gt-md-45 {
  1583. margin-left: 45%; }
  1584. .offset-gt-md-50 {
  1585. margin-left: 50%; }
  1586. .offset-gt-md-55 {
  1587. margin-left: 55%; }
  1588. .offset-gt-md-60 {
  1589. margin-left: 60%; }
  1590. .offset-gt-md-65 {
  1591. margin-left: 65%; }
  1592. .offset-gt-md-70 {
  1593. margin-left: 70%; }
  1594. .offset-gt-md-75 {
  1595. margin-left: 75%; }
  1596. .offset-gt-md-80 {
  1597. margin-left: 80%; }
  1598. .offset-gt-md-85 {
  1599. margin-left: 85%; }
  1600. .offset-gt-md-90 {
  1601. margin-left: 90%; }
  1602. .offset-gt-md-95 {
  1603. margin-left: 95%; }
  1604. .offset-gt-md-33, .offset-gt-md-34 {
  1605. margin-left: 33.33%; }
  1606. .offset-gt-md-66, .offset-gt-md-67 {
  1607. margin-left: 66.66%; }
  1608. .flex-gt-md {
  1609. box-sizing: border-box;
  1610. -webkit-flex: 1;
  1611. -ms-flex: 1;
  1612. flex: 1; }
  1613. .flex-gt-md-0 {
  1614. -webkit-flex: 0 0 0%;
  1615. -ms-flex: 0 0 0%;
  1616. flex: 0 0 0%; }
  1617. .layout-row > .flex-gt-md-0 {
  1618. max-width: 0%; }
  1619. .layout-column > .flex-gt-md-0 {
  1620. max-height: 0%; }
  1621. .flex-gt-md-5 {
  1622. -webkit-flex: 0 0 5%;
  1623. -ms-flex: 0 0 5%;
  1624. flex: 0 0 5%; }
  1625. .layout-row > .flex-gt-md-5 {
  1626. max-width: 5%; }
  1627. .layout-column > .flex-gt-md-5 {
  1628. max-height: 5%; }
  1629. .flex-gt-md-10 {
  1630. -webkit-flex: 0 0 10%;
  1631. -ms-flex: 0 0 10%;
  1632. flex: 0 0 10%; }
  1633. .layout-row > .flex-gt-md-10 {
  1634. max-width: 10%; }
  1635. .layout-column > .flex-gt-md-10 {
  1636. max-height: 10%; }
  1637. .flex-gt-md-15 {
  1638. -webkit-flex: 0 0 15%;
  1639. -ms-flex: 0 0 15%;
  1640. flex: 0 0 15%; }
  1641. .layout-row > .flex-gt-md-15 {
  1642. max-width: 15%; }
  1643. .layout-column > .flex-gt-md-15 {
  1644. max-height: 15%; }
  1645. .flex-gt-md-20 {
  1646. -webkit-flex: 0 0 20%;
  1647. -ms-flex: 0 0 20%;
  1648. flex: 0 0 20%; }
  1649. .layout-row > .flex-gt-md-20 {
  1650. max-width: 20%; }
  1651. .layout-column > .flex-gt-md-20 {
  1652. max-height: 20%; }
  1653. .flex-gt-md-25 {
  1654. -webkit-flex: 0 0 25%;
  1655. -ms-flex: 0 0 25%;
  1656. flex: 0 0 25%; }
  1657. .layout-row > .flex-gt-md-25 {
  1658. max-width: 25%; }
  1659. .layout-column > .flex-gt-md-25 {
  1660. max-height: 25%; }
  1661. .flex-gt-md-30 {
  1662. -webkit-flex: 0 0 30%;
  1663. -ms-flex: 0 0 30%;
  1664. flex: 0 0 30%; }
  1665. .layout-row > .flex-gt-md-30 {
  1666. max-width: 30%; }
  1667. .layout-column > .flex-gt-md-30 {
  1668. max-height: 30%; }
  1669. .flex-gt-md-35 {
  1670. -webkit-flex: 0 0 35%;
  1671. -ms-flex: 0 0 35%;
  1672. flex: 0 0 35%; }
  1673. .layout-row > .flex-gt-md-35 {
  1674. max-width: 35%; }
  1675. .layout-column > .flex-gt-md-35 {
  1676. max-height: 35%; }
  1677. .flex-gt-md-40 {
  1678. -webkit-flex: 0 0 40%;
  1679. -ms-flex: 0 0 40%;
  1680. flex: 0 0 40%; }
  1681. .layout-row > .flex-gt-md-40 {
  1682. max-width: 40%; }
  1683. .layout-column > .flex-gt-md-40 {
  1684. max-height: 40%; }
  1685. .flex-gt-md-45 {
  1686. -webkit-flex: 0 0 45%;
  1687. -ms-flex: 0 0 45%;
  1688. flex: 0 0 45%; }
  1689. .layout-row > .flex-gt-md-45 {
  1690. max-width: 45%; }
  1691. .layout-column > .flex-gt-md-45 {
  1692. max-height: 45%; }
  1693. .flex-gt-md-50 {
  1694. -webkit-flex: 0 0 50%;
  1695. -ms-flex: 0 0 50%;
  1696. flex: 0 0 50%; }
  1697. .layout-row > .flex-gt-md-50 {
  1698. max-width: 50%; }
  1699. .layout-column > .flex-gt-md-50 {
  1700. max-height: 50%; }
  1701. .flex-gt-md-55 {
  1702. -webkit-flex: 0 0 55%;
  1703. -ms-flex: 0 0 55%;
  1704. flex: 0 0 55%; }
  1705. .layout-row > .flex-gt-md-55 {
  1706. max-width: 55%; }
  1707. .layout-column > .flex-gt-md-55 {
  1708. max-height: 55%; }
  1709. .flex-gt-md-60 {
  1710. -webkit-flex: 0 0 60%;
  1711. -ms-flex: 0 0 60%;
  1712. flex: 0 0 60%; }
  1713. .layout-row > .flex-gt-md-60 {
  1714. max-width: 60%; }
  1715. .layout-column > .flex-gt-md-60 {
  1716. max-height: 60%; }
  1717. .flex-gt-md-65 {
  1718. -webkit-flex: 0 0 65%;
  1719. -ms-flex: 0 0 65%;
  1720. flex: 0 0 65%; }
  1721. .layout-row > .flex-gt-md-65 {
  1722. max-width: 65%; }
  1723. .layout-column > .flex-gt-md-65 {
  1724. max-height: 65%; }
  1725. .flex-gt-md-70 {
  1726. -webkit-flex: 0 0 70%;
  1727. -ms-flex: 0 0 70%;
  1728. flex: 0 0 70%; }
  1729. .layout-row > .flex-gt-md-70 {
  1730. max-width: 70%; }
  1731. .layout-column > .flex-gt-md-70 {
  1732. max-height: 70%; }
  1733. .flex-gt-md-75 {
  1734. -webkit-flex: 0 0 75%;
  1735. -ms-flex: 0 0 75%;
  1736. flex: 0 0 75%; }
  1737. .layout-row > .flex-gt-md-75 {
  1738. max-width: 75%; }
  1739. .layout-column > .flex-gt-md-75 {
  1740. max-height: 75%; }
  1741. .flex-gt-md-80 {
  1742. -webkit-flex: 0 0 80%;
  1743. -ms-flex: 0 0 80%;
  1744. flex: 0 0 80%; }
  1745. .layout-row > .flex-gt-md-80 {
  1746. max-width: 80%; }
  1747. .layout-column > .flex-gt-md-80 {
  1748. max-height: 80%; }
  1749. .flex-gt-md-85 {
  1750. -webkit-flex: 0 0 85%;
  1751. -ms-flex: 0 0 85%;
  1752. flex: 0 0 85%; }
  1753. .layout-row > .flex-gt-md-85 {
  1754. max-width: 85%; }
  1755. .layout-column > .flex-gt-md-85 {
  1756. max-height: 85%; }
  1757. .flex-gt-md-90 {
  1758. -webkit-flex: 0 0 90%;
  1759. -ms-flex: 0 0 90%;
  1760. flex: 0 0 90%; }
  1761. .layout-row > .flex-gt-md-90 {
  1762. max-width: 90%; }
  1763. .layout-column > .flex-gt-md-90 {
  1764. max-height: 90%; }
  1765. .flex-gt-md-95 {
  1766. -webkit-flex: 0 0 95%;
  1767. -ms-flex: 0 0 95%;
  1768. flex: 0 0 95%; }
  1769. .layout-row > .flex-gt-md-95 {
  1770. max-width: 95%; }
  1771. .layout-column > .flex-gt-md-95 {
  1772. max-height: 95%; }
  1773. .flex-gt-md-100 {
  1774. -webkit-flex: 0 0 100%;
  1775. -ms-flex: 0 0 100%;
  1776. flex: 0 0 100%; }
  1777. .layout-row > .flex-gt-md-100 {
  1778. max-width: 100%; }
  1779. .layout-column > .flex-gt-md-100 {
  1780. max-height: 100%; }
  1781. .flex-gt-md-33, .flex-gt-md-34 {
  1782. -webkit-flex: 0 0 33.33%;
  1783. -ms-flex: 0 0 33.33%;
  1784. flex: 0 0 33.33%; }
  1785. .flex-gt-md-66, .flex-gt-md-67 {
  1786. -webkit-flex: 0 0 66.66%;
  1787. -ms-flex: 0 0 66.66%;
  1788. flex: 0 0 66.66%; }
  1789. .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-34 {
  1790. max-width: 33.33%; }
  1791. .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-67 {
  1792. max-width: 66.66%; }
  1793. .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-34 {
  1794. max-height: 33.33%; }
  1795. .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-67 {
  1796. max-height: 66.66%; } }
  1797. @media (min-width: 960px) and (max-width: 1199px) {
  1798. .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) {
  1799. display: none; }
  1800. .hide-lg:not(.show-lg):not(.show) {
  1801. display: none; }
  1802. .flex-order-lg-0 {
  1803. -webkit-order: 0;
  1804. -ms-flex-order: 0;
  1805. order: 0; }
  1806. .flex-order-lg-1 {
  1807. -webkit-order: 1;
  1808. -ms-flex-order: 1;
  1809. order: 1; }
  1810. .flex-order-lg-2 {
  1811. -webkit-order: 2;
  1812. -ms-flex-order: 2;
  1813. order: 2; }
  1814. .flex-order-lg-3 {
  1815. -webkit-order: 3;
  1816. -ms-flex-order: 3;
  1817. order: 3; }
  1818. .flex-order-lg-4 {
  1819. -webkit-order: 4;
  1820. -ms-flex-order: 4;
  1821. order: 4; }
  1822. .flex-order-lg-5 {
  1823. -webkit-order: 5;
  1824. -ms-flex-order: 5;
  1825. order: 5; }
  1826. .flex-order-lg-6 {
  1827. -webkit-order: 6;
  1828. -ms-flex-order: 6;
  1829. order: 6; }
  1830. .flex-order-lg-7 {
  1831. -webkit-order: 7;
  1832. -ms-flex-order: 7;
  1833. order: 7; }
  1834. .flex-order-lg-8 {
  1835. -webkit-order: 8;
  1836. -ms-flex-order: 8;
  1837. order: 8; }
  1838. .flex-order-lg-9 {
  1839. -webkit-order: 9;
  1840. -ms-flex-order: 9;
  1841. order: 9; }
  1842. .layout-align-lg-center, .layout-align-lg-center-center, .layout-align-lg-center-start, .layout-align-lg-center-end {
  1843. -webkit-justify-content: center;
  1844. -ms-flex-pack: center;
  1845. justify-content: center; }
  1846. .layout-align-lg-end, .layout-align-lg-end-center, .layout-align-lg-end-start, .layout-align-lg-end-end {
  1847. -webkit-justify-content: flex-end;
  1848. -ms-flex-pack: end;
  1849. justify-content: flex-end; }
  1850. .layout-align-lg-space-around, .layout-align-lg-space-around-center, .layout-align-lg-space-around-start, .layout-align-lg-space-around-end {
  1851. -webkit-justify-content: space-around;
  1852. -ms-flex-pack: distribute;
  1853. justify-content: space-around; }
  1854. .layout-align-lg-space-between, .layout-align-lg-space-between-center, .layout-align-lg-space-between-start, .layout-align-lg-space-between-end {
  1855. -webkit-justify-content: space-between;
  1856. -ms-flex-pack: justify;
  1857. justify-content: space-between; }
  1858. .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 {
  1859. -webkit-align-items: center;
  1860. -ms-flex-align: center;
  1861. align-items: center; }
  1862. .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 {
  1863. -webkit-align-items: flex-start;
  1864. -ms-flex-align: start;
  1865. align-items: flex-start; }
  1866. .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 {
  1867. -webkit-align-items: flex-end;
  1868. -ms-flex-align: end;
  1869. align-items: flex-end; }
  1870. .layout-lg {
  1871. box-sizing: border-box;
  1872. display: -webkit-flex;
  1873. display: -moz-flex;
  1874. display: -ms-flexbox;
  1875. display: flex; }
  1876. .layout-lg-column {
  1877. -webkit-flex-direction: column;
  1878. -ms-flex-direction: column;
  1879. flex-direction: column; }
  1880. .layout-lg-row {
  1881. -webkit-flex-direction: row;
  1882. -ms-flex-direction: row;
  1883. flex-direction: row; }
  1884. .offset-lg-5 {
  1885. margin-left: 5%; }
  1886. .offset-lg-10 {
  1887. margin-left: 10%; }
  1888. .offset-lg-15 {
  1889. margin-left: 15%; }
  1890. .offset-lg-20 {
  1891. margin-left: 20%; }
  1892. .offset-lg-25 {
  1893. margin-left: 25%; }
  1894. .offset-lg-30 {
  1895. margin-left: 30%; }
  1896. .offset-lg-35 {
  1897. margin-left: 35%; }
  1898. .offset-lg-40 {
  1899. margin-left: 40%; }
  1900. .offset-lg-45 {
  1901. margin-left: 45%; }
  1902. .offset-lg-50 {
  1903. margin-left: 50%; }
  1904. .offset-lg-55 {
  1905. margin-left: 55%; }
  1906. .offset-lg-60 {
  1907. margin-left: 60%; }
  1908. .offset-lg-65 {
  1909. margin-left: 65%; }
  1910. .offset-lg-70 {
  1911. margin-left: 70%; }
  1912. .offset-lg-75 {
  1913. margin-left: 75%; }
  1914. .offset-lg-80 {
  1915. margin-left: 80%; }
  1916. .offset-lg-85 {
  1917. margin-left: 85%; }
  1918. .offset-lg-90 {
  1919. margin-left: 90%; }
  1920. .offset-lg-95 {
  1921. margin-left: 95%; }
  1922. .offset-lg-33, .offset-lg-34 {
  1923. margin-left: 33.33%; }
  1924. .offset-lg-66, .offset-lg-67 {
  1925. margin-left: 66.66%; }
  1926. .flex-lg {
  1927. box-sizing: border-box;
  1928. -webkit-flex: 1;
  1929. -ms-flex: 1;
  1930. flex: 1; }
  1931. .flex-lg-0 {
  1932. -webkit-flex: 0 0 0%;
  1933. -ms-flex: 0 0 0%;
  1934. flex: 0 0 0%; }
  1935. .layout-row > .flex-lg-0 {
  1936. max-width: 0%; }
  1937. .layout-column > .flex-lg-0 {
  1938. max-height: 0%; }
  1939. .flex-lg-5 {
  1940. -webkit-flex: 0 0 5%;
  1941. -ms-flex: 0 0 5%;
  1942. flex: 0 0 5%; }
  1943. .layout-row > .flex-lg-5 {
  1944. max-width: 5%; }
  1945. .layout-column > .flex-lg-5 {
  1946. max-height: 5%; }
  1947. .flex-lg-10 {
  1948. -webkit-flex: 0 0 10%;
  1949. -ms-flex: 0 0 10%;
  1950. flex: 0 0 10%; }
  1951. .layout-row > .flex-lg-10 {
  1952. max-width: 10%; }
  1953. .layout-column > .flex-lg-10 {
  1954. max-height: 10%; }
  1955. .flex-lg-15 {
  1956. -webkit-flex: 0 0 15%;
  1957. -ms-flex: 0 0 15%;
  1958. flex: 0 0 15%; }
  1959. .layout-row > .flex-lg-15 {
  1960. max-width: 15%; }
  1961. .layout-column > .flex-lg-15 {
  1962. max-height: 15%; }
  1963. .flex-lg-20 {
  1964. -webkit-flex: 0 0 20%;
  1965. -ms-flex: 0 0 20%;
  1966. flex: 0 0 20%; }
  1967. .layout-row > .flex-lg-20 {
  1968. max-width: 20%; }
  1969. .layout-column > .flex-lg-20 {
  1970. max-height: 20%; }
  1971. .flex-lg-25 {
  1972. -webkit-flex: 0 0 25%;
  1973. -ms-flex: 0 0 25%;
  1974. flex: 0 0 25%; }
  1975. .layout-row > .flex-lg-25 {
  1976. max-width: 25%; }
  1977. .layout-column > .flex-lg-25 {
  1978. max-height: 25%; }
  1979. .flex-lg-30 {
  1980. -webkit-flex: 0 0 30%;
  1981. -ms-flex: 0 0 30%;
  1982. flex: 0 0 30%; }
  1983. .layout-row > .flex-lg-30 {
  1984. max-width: 30%; }
  1985. .layout-column > .flex-lg-30 {
  1986. max-height: 30%; }
  1987. .flex-lg-35 {
  1988. -webkit-flex: 0 0 35%;
  1989. -ms-flex: 0 0 35%;
  1990. flex: 0 0 35%; }
  1991. .layout-row > .flex-lg-35 {
  1992. max-width: 35%; }
  1993. .layout-column > .flex-lg-35 {
  1994. max-height: 35%; }
  1995. .flex-lg-40 {
  1996. -webkit-flex: 0 0 40%;
  1997. -ms-flex: 0 0 40%;
  1998. flex: 0 0 40%; }
  1999. .layout-row > .flex-lg-40 {
  2000. max-width: 40%; }
  2001. .layout-column > .flex-lg-40 {
  2002. max-height: 40%; }
  2003. .flex-lg-45 {
  2004. -webkit-flex: 0 0 45%;
  2005. -ms-flex: 0 0 45%;
  2006. flex: 0 0 45%; }
  2007. .layout-row > .flex-lg-45 {
  2008. max-width: 45%; }
  2009. .layout-column > .flex-lg-45 {
  2010. max-height: 45%; }
  2011. .flex-lg-50 {
  2012. -webkit-flex: 0 0 50%;
  2013. -ms-flex: 0 0 50%;
  2014. flex: 0 0 50%; }
  2015. .layout-row > .flex-lg-50 {
  2016. max-width: 50%; }
  2017. .layout-column > .flex-lg-50 {
  2018. max-height: 50%; }
  2019. .flex-lg-55 {
  2020. -webkit-flex: 0 0 55%;
  2021. -ms-flex: 0 0 55%;
  2022. flex: 0 0 55%; }
  2023. .layout-row > .flex-lg-55 {
  2024. max-width: 55%; }
  2025. .layout-column > .flex-lg-55 {
  2026. max-height: 55%; }
  2027. .flex-lg-60 {
  2028. -webkit-flex: 0 0 60%;
  2029. -ms-flex: 0 0 60%;
  2030. flex: 0 0 60%; }
  2031. .layout-row > .flex-lg-60 {
  2032. max-width: 60%; }
  2033. .layout-column > .flex-lg-60 {
  2034. max-height: 60%; }
  2035. .flex-lg-65 {
  2036. -webkit-flex: 0 0 65%;
  2037. -ms-flex: 0 0 65%;
  2038. flex: 0 0 65%; }
  2039. .layout-row > .flex-lg-65 {
  2040. max-width: 65%; }
  2041. .layout-column > .flex-lg-65 {
  2042. max-height: 65%; }
  2043. .flex-lg-70 {
  2044. -webkit-flex: 0 0 70%;
  2045. -ms-flex: 0 0 70%;
  2046. flex: 0 0 70%; }
  2047. .layout-row > .flex-lg-70 {
  2048. max-width: 70%; }
  2049. .layout-column > .flex-lg-70 {
  2050. max-height: 70%; }
  2051. .flex-lg-75 {
  2052. -webkit-flex: 0 0 75%;
  2053. -ms-flex: 0 0 75%;
  2054. flex: 0 0 75%; }
  2055. .layout-row > .flex-lg-75 {
  2056. max-width: 75%; }
  2057. .layout-column > .flex-lg-75 {
  2058. max-height: 75%; }
  2059. .flex-lg-80 {
  2060. -webkit-flex: 0 0 80%;
  2061. -ms-flex: 0 0 80%;
  2062. flex: 0 0 80%; }
  2063. .layout-row > .flex-lg-80 {
  2064. max-width: 80%; }
  2065. .layout-column > .flex-lg-80 {
  2066. max-height: 80%; }
  2067. .flex-lg-85 {
  2068. -webkit-flex: 0 0 85%;
  2069. -ms-flex: 0 0 85%;
  2070. flex: 0 0 85%; }
  2071. .layout-row > .flex-lg-85 {
  2072. max-width: 85%; }
  2073. .layout-column > .flex-lg-85 {
  2074. max-height: 85%; }
  2075. .flex-lg-90 {
  2076. -webkit-flex: 0 0 90%;
  2077. -ms-flex: 0 0 90%;
  2078. flex: 0 0 90%; }
  2079. .layout-row > .flex-lg-90 {
  2080. max-width: 90%; }
  2081. .layout-column > .flex-lg-90 {
  2082. max-height: 90%; }
  2083. .flex-lg-95 {
  2084. -webkit-flex: 0 0 95%;
  2085. -ms-flex: 0 0 95%;
  2086. flex: 0 0 95%; }
  2087. .layout-row > .flex-lg-95 {
  2088. max-width: 95%; }
  2089. .layout-column > .flex-lg-95 {
  2090. max-height: 95%; }
  2091. .flex-lg-100 {
  2092. -webkit-flex: 0 0 100%;
  2093. -ms-flex: 0 0 100%;
  2094. flex: 0 0 100%; }
  2095. .layout-row > .flex-lg-100 {
  2096. max-width: 100%; }
  2097. .layout-column > .flex-lg-100 {
  2098. max-height: 100%; }
  2099. .flex-lg-33, .flex-lg-34 {
  2100. -webkit-flex: 0 0 33.33%;
  2101. -ms-flex: 0 0 33.33%;
  2102. flex: 0 0 33.33%; }
  2103. .flex-lg-66, .flex-lg-67 {
  2104. -webkit-flex: 0 0 66.66%;
  2105. -ms-flex: 0 0 66.66%;
  2106. flex: 0 0 66.66%; }
  2107. .layout-row > .flex-lg-33, .layout-row > .flex-lg-34 {
  2108. max-width: 33.33%; }
  2109. .layout-row > .flex-lg-66, .layout-row > .flex-lg-67 {
  2110. max-width: 66.66%; }
  2111. .layout-column > .flex-lg-33, .layout-column > .flex-lg-34 {
  2112. max-height: 33.33%; }
  2113. .layout-column > .flex-lg-66, .layout-column > .flex-lg-67 {
  2114. max-height: 66.66%; } }
  2115. @media (min-width: 1200px) {
  2116. .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) {
  2117. display: none; }
  2118. .flex-order-gt-lg-0 {
  2119. -webkit-order: 0;
  2120. -ms-flex-order: 0;
  2121. order: 0; }
  2122. .flex-order-gt-lg-1 {
  2123. -webkit-order: 1;
  2124. -ms-flex-order: 1;
  2125. order: 1; }
  2126. .flex-order-gt-lg-2 {
  2127. -webkit-order: 2;
  2128. -ms-flex-order: 2;
  2129. order: 2; }
  2130. .flex-order-gt-lg-3 {
  2131. -webkit-order: 3;
  2132. -ms-flex-order: 3;
  2133. order: 3; }
  2134. .flex-order-gt-lg-4 {
  2135. -webkit-order: 4;
  2136. -ms-flex-order: 4;
  2137. order: 4; }
  2138. .flex-order-gt-lg-5 {
  2139. -webkit-order: 5;
  2140. -ms-flex-order: 5;
  2141. order: 5; }
  2142. .flex-order-gt-lg-6 {
  2143. -webkit-order: 6;
  2144. -ms-flex-order: 6;
  2145. order: 6; }
  2146. .flex-order-gt-lg-7 {
  2147. -webkit-order: 7;
  2148. -ms-flex-order: 7;
  2149. order: 7; }
  2150. .flex-order-gt-lg-8 {
  2151. -webkit-order: 8;
  2152. -ms-flex-order: 8;
  2153. order: 8; }
  2154. .flex-order-gt-lg-9 {
  2155. -webkit-order: 9;
  2156. -ms-flex-order: 9;
  2157. order: 9; }
  2158. .layout-align-gt-lg-center, .layout-align-gt-lg-center-center, .layout-align-gt-lg-center-start, .layout-align-gt-lg-center-end {
  2159. -webkit-justify-content: center;
  2160. -ms-flex-pack: center;
  2161. justify-content: center; }
  2162. .layout-align-gt-lg-end, .layout-align-gt-lg-end-center, .layout-align-gt-lg-end-start, .layout-align-gt-lg-end-end {
  2163. -webkit-justify-content: flex-end;
  2164. -ms-flex-pack: end;
  2165. justify-content: flex-end; }
  2166. .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 {
  2167. -webkit-justify-content: space-around;
  2168. -ms-flex-pack: distribute;
  2169. justify-content: space-around; }
  2170. .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 {
  2171. -webkit-justify-content: space-between;
  2172. -ms-flex-pack: justify;
  2173. justify-content: space-between; }
  2174. .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 {
  2175. -webkit-align-items: center;
  2176. -ms-flex-align: center;
  2177. align-items: center; }
  2178. .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 {
  2179. -webkit-align-items: flex-start;
  2180. -ms-flex-align: start;
  2181. align-items: flex-start; }
  2182. .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 {
  2183. -webkit-align-items: flex-end;
  2184. -ms-flex-align: end;
  2185. align-items: flex-end; }
  2186. .layout-gt-lg {
  2187. box-sizing: border-box;
  2188. display: -webkit-flex;
  2189. display: -moz-flex;
  2190. display: -ms-flexbox;
  2191. display: flex; }
  2192. .layout-gt-lg-column {
  2193. -webkit-flex-direction: column;
  2194. -ms-flex-direction: column;
  2195. flex-direction: column; }
  2196. .layout-gt-lg-row {
  2197. -webkit-flex-direction: row;
  2198. -ms-flex-direction: row;
  2199. flex-direction: row; }
  2200. .offset-gt-lg-5 {
  2201. margin-left: 5%; }
  2202. .offset-gt-lg-10 {
  2203. margin-left: 10%; }
  2204. .offset-gt-lg-15 {
  2205. margin-left: 15%; }
  2206. .offset-gt-lg-20 {
  2207. margin-left: 20%; }
  2208. .offset-gt-lg-25 {
  2209. margin-left: 25%; }
  2210. .offset-gt-lg-30 {
  2211. margin-left: 30%; }
  2212. .offset-gt-lg-35 {
  2213. margin-left: 35%; }
  2214. .offset-gt-lg-40 {
  2215. margin-left: 40%; }
  2216. .offset-gt-lg-45 {
  2217. margin-left: 45%; }
  2218. .offset-gt-lg-50 {
  2219. margin-left: 50%; }
  2220. .offset-gt-lg-55 {
  2221. margin-left: 55%; }
  2222. .offset-gt-lg-60 {
  2223. margin-left: 60%; }
  2224. .offset-gt-lg-65 {
  2225. margin-left: 65%; }
  2226. .offset-gt-lg-70 {
  2227. margin-left: 70%; }
  2228. .offset-gt-lg-75 {
  2229. margin-left: 75%; }
  2230. .offset-gt-lg-80 {
  2231. margin-left: 80%; }
  2232. .offset-gt-lg-85 {
  2233. margin-left: 85%; }
  2234. .offset-gt-lg-90 {
  2235. margin-left: 90%; }
  2236. .offset-gt-lg-95 {
  2237. margin-left: 95%; }
  2238. .offset-gt-lg-33, .offset-gt-lg-34 {
  2239. margin-left: 33.33%; }
  2240. .offset-gt-lg-66, .offset-gt-lg-67 {
  2241. margin-left: 66.66%; }
  2242. .flex-gt-lg {
  2243. box-sizing: border-box;
  2244. -webkit-flex: 1;
  2245. -ms-flex: 1;
  2246. flex: 1; }
  2247. .flex-gt-lg-0 {
  2248. -webkit-flex: 0 0 0%;
  2249. -ms-flex: 0 0 0%;
  2250. flex: 0 0 0%; }
  2251. .layout-row > .flex-gt-lg-0 {
  2252. max-width: 0%; }
  2253. .layout-column > .flex-gt-lg-0 {
  2254. max-height: 0%; }
  2255. .flex-gt-lg-5 {
  2256. -webkit-flex: 0 0 5%;
  2257. -ms-flex: 0 0 5%;
  2258. flex: 0 0 5%; }
  2259. .layout-row > .flex-gt-lg-5 {
  2260. max-width: 5%; }
  2261. .layout-column > .flex-gt-lg-5 {
  2262. max-height: 5%; }
  2263. .flex-gt-lg-10 {
  2264. -webkit-flex: 0 0 10%;
  2265. -ms-flex: 0 0 10%;
  2266. flex: 0 0 10%; }
  2267. .layout-row > .flex-gt-lg-10 {
  2268. max-width: 10%; }
  2269. .layout-column > .flex-gt-lg-10 {
  2270. max-height: 10%; }
  2271. .flex-gt-lg-15 {
  2272. -webkit-flex: 0 0 15%;
  2273. -ms-flex: 0 0 15%;
  2274. flex: 0 0 15%; }
  2275. .layout-row > .flex-gt-lg-15 {
  2276. max-width: 15%; }
  2277. .layout-column > .flex-gt-lg-15 {
  2278. max-height: 15%; }
  2279. .flex-gt-lg-20 {
  2280. -webkit-flex: 0 0 20%;
  2281. -ms-flex: 0 0 20%;
  2282. flex: 0 0 20%; }
  2283. .layout-row > .flex-gt-lg-20 {
  2284. max-width: 20%; }
  2285. .layout-column > .flex-gt-lg-20 {
  2286. max-height: 20%; }
  2287. .flex-gt-lg-25 {
  2288. -webkit-flex: 0 0 25%;
  2289. -ms-flex: 0 0 25%;
  2290. flex: 0 0 25%; }
  2291. .layout-row > .flex-gt-lg-25 {
  2292. max-width: 25%; }
  2293. .layout-column > .flex-gt-lg-25 {
  2294. max-height: 25%; }
  2295. .flex-gt-lg-30 {
  2296. -webkit-flex: 0 0 30%;
  2297. -ms-flex: 0 0 30%;
  2298. flex: 0 0 30%; }
  2299. .layout-row > .flex-gt-lg-30 {
  2300. max-width: 30%; }
  2301. .layout-column > .flex-gt-lg-30 {
  2302. max-height: 30%; }
  2303. .flex-gt-lg-35 {
  2304. -webkit-flex: 0 0 35%;
  2305. -ms-flex: 0 0 35%;
  2306. flex: 0 0 35%; }
  2307. .layout-row > .flex-gt-lg-35 {
  2308. max-width: 35%; }
  2309. .layout-column > .flex-gt-lg-35 {
  2310. max-height: 35%; }
  2311. .flex-gt-lg-40 {
  2312. -webkit-flex: 0 0 40%;
  2313. -ms-flex: 0 0 40%;
  2314. flex: 0 0 40%; }
  2315. .layout-row > .flex-gt-lg-40 {
  2316. max-width: 40%; }
  2317. .layout-column > .flex-gt-lg-40 {
  2318. max-height: 40%; }
  2319. .flex-gt-lg-45 {
  2320. -webkit-flex: 0 0 45%;
  2321. -ms-flex: 0 0 45%;
  2322. flex: 0 0 45%; }
  2323. .layout-row > .flex-gt-lg-45 {
  2324. max-width: 45%; }
  2325. .layout-column > .flex-gt-lg-45 {
  2326. max-height: 45%; }
  2327. .flex-gt-lg-50 {
  2328. -webkit-flex: 0 0 50%;
  2329. -ms-flex: 0 0 50%;
  2330. flex: 0 0 50%; }
  2331. .layout-row > .flex-gt-lg-50 {
  2332. max-width: 50%; }
  2333. .layout-column > .flex-gt-lg-50 {
  2334. max-height: 50%; }
  2335. .flex-gt-lg-55 {
  2336. -webkit-flex: 0 0 55%;
  2337. -ms-flex: 0 0 55%;
  2338. flex: 0 0 55%; }
  2339. .layout-row > .flex-gt-lg-55 {
  2340. max-width: 55%; }
  2341. .layout-column > .flex-gt-lg-55 {
  2342. max-height: 55%; }
  2343. .flex-gt-lg-60 {
  2344. -webkit-flex: 0 0 60%;
  2345. -ms-flex: 0 0 60%;
  2346. flex: 0 0 60%; }
  2347. .layout-row > .flex-gt-lg-60 {
  2348. max-width: 60%; }
  2349. .layout-column > .flex-gt-lg-60 {
  2350. max-height: 60%; }
  2351. .flex-gt-lg-65 {
  2352. -webkit-flex: 0 0 65%;
  2353. -ms-flex: 0 0 65%;
  2354. flex: 0 0 65%; }
  2355. .layout-row > .flex-gt-lg-65 {
  2356. max-width: 65%; }
  2357. .layout-column > .flex-gt-lg-65 {
  2358. max-height: 65%; }
  2359. .flex-gt-lg-70 {
  2360. -webkit-flex: 0 0 70%;
  2361. -ms-flex: 0 0 70%;
  2362. flex: 0 0 70%; }
  2363. .layout-row > .flex-gt-lg-70 {
  2364. max-width: 70%; }
  2365. .layout-column > .flex-gt-lg-70 {
  2366. max-height: 70%; }
  2367. .flex-gt-lg-75 {
  2368. -webkit-flex: 0 0 75%;
  2369. -ms-flex: 0 0 75%;
  2370. flex: 0 0 75%; }
  2371. .layout-row > .flex-gt-lg-75 {
  2372. max-width: 75%; }
  2373. .layout-column > .flex-gt-lg-75 {
  2374. max-height: 75%; }
  2375. .flex-gt-lg-80 {
  2376. -webkit-flex: 0 0 80%;
  2377. -ms-flex: 0 0 80%;
  2378. flex: 0 0 80%; }
  2379. .layout-row > .flex-gt-lg-80 {
  2380. max-width: 80%; }
  2381. .layout-column > .flex-gt-lg-80 {
  2382. max-height: 80%; }
  2383. .flex-gt-lg-85 {
  2384. -webkit-flex: 0 0 85%;
  2385. -ms-flex: 0 0 85%;
  2386. flex: 0 0 85%; }
  2387. .layout-row > .flex-gt-lg-85 {
  2388. max-width: 85%; }
  2389. .layout-column > .flex-gt-lg-85 {
  2390. max-height: 85%; }
  2391. .flex-gt-lg-90 {
  2392. -webkit-flex: 0 0 90%;
  2393. -ms-flex: 0 0 90%;
  2394. flex: 0 0 90%; }
  2395. .layout-row > .flex-gt-lg-90 {
  2396. max-width: 90%; }
  2397. .layout-column > .flex-gt-lg-90 {
  2398. max-height: 90%; }
  2399. .flex-gt-lg-95 {
  2400. -webkit-flex: 0 0 95%;
  2401. -ms-flex: 0 0 95%;
  2402. flex: 0 0 95%; }
  2403. .layout-row > .flex-gt-lg-95 {
  2404. max-width: 95%; }
  2405. .layout-column > .flex-gt-lg-95 {
  2406. max-height: 95%; }
  2407. .flex-gt-lg-100 {
  2408. -webkit-flex: 0 0 100%;
  2409. -ms-flex: 0 0 100%;
  2410. flex: 0 0 100%; }
  2411. .layout-row > .flex-gt-lg-100 {
  2412. max-width: 100%; }
  2413. .layout-column > .flex-gt-lg-100 {
  2414. max-height: 100%; }
  2415. .flex-gt-lg-33, .flex-gt-lg-34 {
  2416. -webkit-flex: 0 0 33.33%;
  2417. -ms-flex: 0 0 33.33%;
  2418. flex: 0 0 33.33%; }
  2419. .flex-gt-lg-66, .flex-gt-lg-67 {
  2420. -webkit-flex: 0 0 66.66%;
  2421. -ms-flex: 0 0 66.66%;
  2422. flex: 0 0 66.66%; }
  2423. .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-34 {
  2424. max-width: 33.33%; }
  2425. .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-67 {
  2426. max-width: 66.66%; }
  2427. .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-34 {
  2428. max-height: 33.33%; }
  2429. .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-67 {
  2430. max-height: 66.66%; } }
  2431. @-webkit-keyframes md-autocomplete-list-out {
  2432. 0% {
  2433. -webkit-animation-timing-function: linear;
  2434. animation-timing-function: linear; }
  2435. 50% {
  2436. opacity: 0;
  2437. height: 40px;
  2438. -webkit-animation-timing-function: ease-in;
  2439. animation-timing-function: ease-in; }
  2440. 100% {
  2441. height: 0;
  2442. opacity: 0; } }
  2443. @keyframes md-autocomplete-list-out {
  2444. 0% {
  2445. -webkit-animation-timing-function: linear;
  2446. animation-timing-function: linear; }
  2447. 50% {
  2448. opacity: 0;
  2449. height: 40px;
  2450. -webkit-animation-timing-function: ease-in;
  2451. animation-timing-function: ease-in; }
  2452. 100% {
  2453. height: 0;
  2454. opacity: 0; } }
  2455. @-webkit-keyframes md-autocomplete-list-in {
  2456. 0% {
  2457. opacity: 0;
  2458. height: 0;
  2459. -webkit-animation-timing-function: ease-out;
  2460. animation-timing-function: ease-out; }
  2461. 50% {
  2462. opacity: 0;
  2463. height: 40px; }
  2464. 100% {
  2465. opacity: 1;
  2466. height: 40px; } }
  2467. @keyframes md-autocomplete-list-in {
  2468. 0% {
  2469. opacity: 0;
  2470. height: 0;
  2471. -webkit-animation-timing-function: ease-out;
  2472. animation-timing-function: ease-out; }
  2473. 50% {
  2474. opacity: 0;
  2475. height: 40px; }
  2476. 100% {
  2477. opacity: 1;
  2478. height: 40px; } }
  2479. md-autocomplete {
  2480. border-radius: 2px;
  2481. display: block;
  2482. height: 40px;
  2483. position: relative;
  2484. overflow: visible;
  2485. min-width: 190px; }
  2486. md-autocomplete[disabled] input {
  2487. cursor: not-allowed; }
  2488. md-autocomplete[md-floating-label] {
  2489. padding-bottom: 26px;
  2490. border-radius: 0;
  2491. background: transparent;
  2492. height: auto; }
  2493. md-autocomplete[md-floating-label] md-input-container {
  2494. padding-bottom: 0; }
  2495. md-autocomplete[md-floating-label] md-autocomplete-wrap {
  2496. height: auto; }
  2497. md-autocomplete[md-floating-label] button {
  2498. position: absolute;
  2499. top: auto;
  2500. bottom: 0;
  2501. right: 0;
  2502. width: 30px;
  2503. height: 30px; }
  2504. md-autocomplete md-autocomplete-wrap {
  2505. display: block;
  2506. position: relative;
  2507. overflow: visible;
  2508. height: 40px; }
  2509. md-autocomplete md-autocomplete-wrap.md-menu-showing {
  2510. z-index: 51; }
  2511. md-autocomplete md-autocomplete-wrap md-progress-linear[md-mode=indeterminate] {
  2512. position: absolute;
  2513. bottom: 0;
  2514. left: 0;
  2515. width: 100%;
  2516. height: 3px;
  2517. transition: none; }
  2518. md-autocomplete md-autocomplete-wrap md-progress-linear[md-mode=indeterminate] .md-container {
  2519. transition: none;
  2520. top: auto;
  2521. height: 3px; }
  2522. md-autocomplete md-autocomplete-wrap md-progress-linear[md-mode=indeterminate].ng-enter {
  2523. transition: opacity 0.15s linear; }
  2524. md-autocomplete md-autocomplete-wrap md-progress-linear[md-mode=indeterminate].ng-enter.ng-enter-active {
  2525. opacity: 1; }
  2526. md-autocomplete md-autocomplete-wrap md-progress-linear[md-mode=indeterminate].ng-leave {
  2527. transition: opacity 0.15s linear; }
  2528. md-autocomplete md-autocomplete-wrap md-progress-linear[md-mode=indeterminate].ng-leave.ng-leave-active {
  2529. opacity: 0; }
  2530. md-autocomplete input:not(.md-input) {
  2531. font-size: 14px;
  2532. box-sizing: border-box;
  2533. border: none;
  2534. box-shadow: none;
  2535. outline: none;
  2536. background: transparent;
  2537. width: 100%;
  2538. padding: 0 15px;
  2539. line-height: 40px;
  2540. height: 40px; }
  2541. md-autocomplete input:not(.md-input)::-ms-clear {
  2542. display: none; }
  2543. md-autocomplete button {
  2544. position: relative;
  2545. line-height: 20px;
  2546. text-align: center;
  2547. width: 30px;
  2548. height: 30px;
  2549. cursor: pointer;
  2550. border: none;
  2551. border-radius: 50%;
  2552. padding: 0;
  2553. font-size: 12px;
  2554. background: transparent;
  2555. margin: auto 5px; }
  2556. md-autocomplete button:after {
  2557. content: '';
  2558. position: absolute;
  2559. top: -6px;
  2560. right: -6px;
  2561. bottom: -6px;
  2562. left: -6px;
  2563. border-radius: 50%;
  2564. -webkit-transform: scale(0);
  2565. transform: scale(0);
  2566. opacity: 0;
  2567. transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
  2568. md-autocomplete button:focus {
  2569. outline: none; }
  2570. md-autocomplete button:focus:after {
  2571. -webkit-transform: scale(1);
  2572. transform: scale(1);
  2573. opacity: 1; }
  2574. md-autocomplete button md-icon {
  2575. position: absolute;
  2576. top: 50%;
  2577. left: 50%;
  2578. -webkit-transform: translate3d(-50%, -50%, 0) scale(0.9);
  2579. transform: translate3d(-50%, -50%, 0) scale(0.9); }
  2580. md-autocomplete button md-icon path {
  2581. stroke-width: 0; }
  2582. md-autocomplete button.ng-enter {
  2583. -webkit-transform: scale(0);
  2584. transform: scale(0);
  2585. transition: -webkit-transform 0.15s ease-out;
  2586. transition: transform 0.15s ease-out; }
  2587. md-autocomplete button.ng-enter.ng-enter-active {
  2588. -webkit-transform: scale(1);
  2589. transform: scale(1); }
  2590. md-autocomplete button.ng-leave {
  2591. transition: -webkit-transform 0.15s ease-out;
  2592. transition: transform 0.15s ease-out; }
  2593. md-autocomplete button.ng-leave.ng-leave-active {
  2594. -webkit-transform: scale(0);
  2595. transform: scale(0); }
  2596. @media screen and (-ms-high-contrast: active) {
  2597. md-autocomplete input {
  2598. border: 1px solid #fff; }
  2599. md-autocomplete li:focus {
  2600. color: #fff; } }
  2601. .md-virtual-repeat-container.md-autocomplete-suggestions-container {
  2602. position: absolute;
  2603. box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  2604. height: 225.5px;
  2605. max-height: 225.5px;
  2606. z-index: 100; }
  2607. .md-autocomplete-suggestions {
  2608. margin: 0;
  2609. list-style: none;
  2610. padding: 0; }
  2611. .md-autocomplete-suggestions li {
  2612. cursor: pointer;
  2613. font-size: 14px;
  2614. overflow: hidden;
  2615. padding: 0 15px;
  2616. line-height: 48px;
  2617. height: 48px;
  2618. transition: background 0.15s linear;
  2619. margin: 0;
  2620. white-space: nowrap;
  2621. text-overflow: ellipsis; }
  2622. .md-autocomplete-suggestions li:focus {
  2623. outline: none; }
  2624. @media screen and (-ms-high-contrast: active) {
  2625. md-autocomplete, .md-autocomplete-suggestions {
  2626. border: 1px solid #fff; } }
  2627. md-backdrop {
  2628. transition: opacity 450ms;
  2629. position: absolute;
  2630. top: 0;
  2631. bottom: 0;
  2632. left: 0;
  2633. right: 0;
  2634. z-index: 50; }
  2635. md-backdrop.md-menu-backdrop {
  2636. position: fixed !important;
  2637. z-index: 98; }
  2638. md-backdrop.md-select-backdrop {
  2639. z-index: 81;
  2640. transition-duration: 0; }
  2641. md-backdrop.md-dialog-backdrop {
  2642. z-index: 79; }
  2643. md-backdrop.md-bottom-sheet-backdrop {
  2644. z-index: 69; }
  2645. md-backdrop.md-sidenav-backdrop {
  2646. z-index: 59; }
  2647. md-backdrop.md-click-catcher {
  2648. position: absolute; }
  2649. md-backdrop.md-opaque {
  2650. opacity: .48; }
  2651. md-backdrop.md-opaque.ng-enter {
  2652. opacity: 0; }
  2653. md-backdrop.md-opaque.ng-enter.md-opaque.ng-enter-active {
  2654. opacity: .48; }
  2655. md-backdrop.md-opaque.ng-leave {
  2656. opacity: .48;
  2657. transition: opacity 400ms; }
  2658. md-backdrop.md-opaque.ng-leave.md-opaque.ng-leave-active {
  2659. opacity: 0; }
  2660. md-bottom-sheet {
  2661. position: absolute;
  2662. left: 0;
  2663. right: 0;
  2664. bottom: 0;
  2665. padding: 8px 16px 88px 16px;
  2666. z-index: 70;
  2667. border-top-width: 1px;
  2668. border-top-style: solid;
  2669. -webkit-transform: translate3d(0, 80px, 0);
  2670. transform: translate3d(0, 80px, 0);
  2671. transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  2672. transition-property: -webkit-transform;
  2673. transition-property: transform; }
  2674. md-bottom-sheet.md-has-header {
  2675. padding-top: 0; }
  2676. md-bottom-sheet.ng-enter {
  2677. opacity: 0;
  2678. -webkit-transform: translate3d(0, 100%, 0);
  2679. transform: translate3d(0, 100%, 0); }
  2680. md-bottom-sheet.ng-enter-active {
  2681. opacity: 1;
  2682. display: block;
  2683. -webkit-transform: translate3d(0, 80px, 0) !important;
  2684. transform: translate3d(0, 80px, 0) !important; }
  2685. md-bottom-sheet.ng-leave-active {
  2686. -webkit-transform: translate3d(0, 100%, 0) !important;
  2687. transform: translate3d(0, 100%, 0) !important;
  2688. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  2689. md-bottom-sheet .md-subheader {
  2690. background-color: transparent;
  2691. font-family: Roboto, 'Helvetica Neue', sans-serif;
  2692. line-height: 56px;
  2693. padding: 0;
  2694. white-space: nowrap; }
  2695. md-bottom-sheet md-inline-icon {
  2696. display: inline-block;
  2697. height: 24px;
  2698. width: 24px;
  2699. fill: #444; }
  2700. md-bottom-sheet md-list-item {
  2701. display: -webkit-flex;
  2702. display: -ms-flexbox;
  2703. display: flex;
  2704. outline: none; }
  2705. md-bottom-sheet md-list-item:hover {
  2706. cursor: pointer; }
  2707. md-bottom-sheet.md-list md-list-item {
  2708. padding: 0;
  2709. -webkit-align-items: center;
  2710. -ms-flex-align: center;
  2711. align-items: center;
  2712. height: 48px; }
  2713. md-bottom-sheet.md-list md-list-item div.md-icon-container {
  2714. display: inline-block;
  2715. height: 24px;
  2716. margin-right: 32px; }
  2717. md-bottom-sheet.md-grid {
  2718. padding-left: 24px;
  2719. padding-right: 24px;
  2720. padding-top: 0; }
  2721. md-bottom-sheet.md-grid md-list {
  2722. display: -webkit-flex;
  2723. display: -ms-flexbox;
  2724. display: flex;
  2725. -webkit-flex-direction: row;
  2726. -ms-flex-direction: row;
  2727. flex-direction: row;
  2728. -webkit-flex-wrap: wrap;
  2729. -ms-flex-wrap: wrap;
  2730. flex-wrap: wrap;
  2731. transition: all 0.5s;
  2732. -webkit-align-items: center;
  2733. -ms-flex-align: center;
  2734. align-items: center; }
  2735. md-bottom-sheet.md-grid md-list-item {
  2736. -webkit-flex-direction: column;
  2737. -ms-flex-direction: column;
  2738. flex-direction: column;
  2739. -webkit-align-items: center;
  2740. -ms-flex-align: center;
  2741. align-items: center;
  2742. transition: all 0.5s;
  2743. height: 96px;
  2744. margin-top: 8px;
  2745. margin-bottom: 8px;
  2746. /* Mixin for how many grid items to show per row */ }
  2747. @media screen and (max-width: 600px) {
  2748. md-bottom-sheet.md-grid md-list-item {
  2749. -webkit-flex: 1 1 33.33333%;
  2750. -ms-flex: 1 1 33.33333%;
  2751. flex: 1 1 33.33333%;
  2752. max-width: 33.33333%; }
  2753. md-bottom-sheet.md-grid md-list-item:nth-of-type(3n+1) {
  2754. -webkit-align-items: flex-start;
  2755. -ms-flex-align: start;
  2756. align-items: flex-start; }
  2757. md-bottom-sheet.md-grid md-list-item:nth-of-type(3n) {
  2758. -webkit-align-items: flex-end;
  2759. -ms-flex-align: end;
  2760. align-items: flex-end; } }
  2761. @media screen and (min-width: 600px) and (max-width: 960px) {
  2762. md-bottom-sheet.md-grid md-list-item {
  2763. -webkit-flex: 1 1 25%;
  2764. -ms-flex: 1 1 25%;
  2765. flex: 1 1 25%;
  2766. max-width: 25%; } }
  2767. @media screen and (min-width: 960px) and (max-width: 1200px) {
  2768. md-bottom-sheet.md-grid md-list-item {
  2769. -webkit-flex: 1 1 16.66667%;
  2770. -ms-flex: 1 1 16.66667%;
  2771. flex: 1 1 16.66667%;
  2772. max-width: 16.66667%; } }
  2773. @media screen and (min-width: 1200px) {
  2774. md-bottom-sheet.md-grid md-list-item {
  2775. -webkit-flex: 1 1 14.28571%;
  2776. -ms-flex: 1 1 14.28571%;
  2777. flex: 1 1 14.28571%;
  2778. max-width: 14.28571%; } }
  2779. md-bottom-sheet.md-grid md-list-item .md-list-item-content {
  2780. display: -webkit-flex;
  2781. display: -ms-flexbox;
  2782. display: flex;
  2783. -webkit-flex-direction: column;
  2784. -ms-flex-direction: column;
  2785. flex-direction: column;
  2786. -webkit-align-items: center;
  2787. -ms-flex-align: center;
  2788. align-items: center;
  2789. width: 48px;
  2790. padding-bottom: 16px; }
  2791. md-bottom-sheet.md-grid md-list-item .md-grid-item-content {
  2792. border: 1px solid transparent;
  2793. display: -webkit-flex;
  2794. display: -ms-flexbox;
  2795. display: flex;
  2796. -webkit-flex-direction: column;
  2797. -ms-flex-direction: column;
  2798. flex-direction: column;
  2799. -webkit-align-items: center;
  2800. -ms-flex-align: center;
  2801. align-items: center;
  2802. width: 80px; }
  2803. md-bottom-sheet.md-grid md-list-item .md-icon-container {
  2804. display: inline-block;
  2805. box-sizing: border-box;
  2806. height: 48px;
  2807. width: 48px;
  2808. margin: 0 0; }
  2809. md-bottom-sheet.md-grid md-list-item .md-grid-text {
  2810. font-weight: 400;
  2811. line-height: 16px;
  2812. font-size: 13px;
  2813. margin: 0;
  2814. white-space: nowrap;
  2815. width: 64px;
  2816. text-align: center;
  2817. text-transform: none;
  2818. padding-top: 8px; }
  2819. @media screen and (-ms-high-contrast: active) {
  2820. md-bottom-sheet {
  2821. border: 1px solid #fff; } }
  2822. .md-button {
  2823. border-radius: 3px;
  2824. box-sizing: border-box;
  2825. color: currentColor;
  2826. -webkit-user-select: none;
  2827. -moz-user-select: none;
  2828. -ms-user-select: none;
  2829. user-select: none;
  2830. position: relative;
  2831. outline: none;
  2832. border: 0;
  2833. display: inline-block;
  2834. -webkit-align-items: center;
  2835. -ms-flex-align: center;
  2836. align-items: center;
  2837. padding: 0 6px;
  2838. margin: 6px 8px;
  2839. line-height: 36px;
  2840. min-height: 36px;
  2841. background: transparent;
  2842. white-space: nowrap;
  2843. min-width: 88px;
  2844. text-align: center;
  2845. text-transform: uppercase;
  2846. font-weight: 500;
  2847. font-size: 14px;
  2848. font-style: inherit;
  2849. font-variant: inherit;
  2850. font-family: inherit;
  2851. text-decoration: none;
  2852. cursor: pointer;
  2853. overflow: hidden;
  2854. 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); }
  2855. .md-button:focus {
  2856. outline: none; }
  2857. .md-button:hover, .md-button:focus {
  2858. text-decoration: none; }
  2859. .md-button.ng-hide, .md-button.ng-leave {
  2860. transition: none; }
  2861. .md-button.md-cornered {
  2862. border-radius: 0; }
  2863. .md-button.md-icon {
  2864. padding: 0;
  2865. background: none; }
  2866. .md-button.md-raised:not([disabled]) {
  2867. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
  2868. .md-button.md-icon-button {
  2869. margin: 0 6px;
  2870. height: 48px;
  2871. min-width: 0;
  2872. line-height: 48px;
  2873. padding-left: 0;
  2874. padding-right: 0;
  2875. width: 48px;
  2876. border-radius: 50%; }
  2877. .md-button.md-icon-button .md-ripple-container {
  2878. border-radius: 50%;
  2879. background-clip: padding-box;
  2880. overflow: hidden;
  2881. -webkit-mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC'); }
  2882. .md-button.md-fab {
  2883. z-index: 20;
  2884. line-height: 56px;
  2885. min-width: 0;
  2886. width: 56px;
  2887. height: 56px;
  2888. vertical-align: middle;
  2889. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  2890. border-radius: 50%;
  2891. background-clip: padding-box;
  2892. overflow: hidden;
  2893. transition: 0.2s linear;
  2894. transition-property: background-color, box-shadow; }
  2895. .md-button.md-fab.md-fab-bottom-right {
  2896. top: auto;
  2897. right: 20px;
  2898. bottom: 20px;
  2899. left: auto;
  2900. position: absolute; }
  2901. .md-button.md-fab.md-fab-bottom-left {
  2902. top: auto;
  2903. right: auto;
  2904. bottom: 20px;
  2905. left: 20px;
  2906. position: absolute; }
  2907. .md-button.md-fab.md-fab-top-right {
  2908. top: 20px;
  2909. right: 20px;
  2910. bottom: auto;
  2911. left: auto;
  2912. position: absolute; }
  2913. .md-button.md-fab.md-fab-top-left {
  2914. top: 20px;
  2915. right: auto;
  2916. bottom: auto;
  2917. left: 20px;
  2918. position: absolute; }
  2919. .md-button.md-fab .md-ripple-container {
  2920. border-radius: 50%;
  2921. background-clip: padding-box;
  2922. overflow: hidden;
  2923. -webkit-mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC'); }
  2924. .md-button.md-fab.md-mini {
  2925. line-height: 40px;
  2926. width: 40px;
  2927. height: 40px; }
  2928. .md-button:not([disabled]).md-raised.md-focused, .md-button:not([disabled]).md-fab.md-focused {
  2929. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
  2930. .md-button:not([disabled]).md-raised:active, .md-button:not([disabled]).md-fab:active {
  2931. box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); }
  2932. .md-button .md-ripple-container {
  2933. border-radius: 3px;
  2934. background-clip: padding-box;
  2935. overflow: hidden;
  2936. -webkit-mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC'); }
  2937. .md-toast-open-top .md-button.md-fab-top-left, .md-toast-open-top .md-button.md-fab-top-right {
  2938. -webkit-transform: translate3d(0, 42px, 0);
  2939. transform: translate3d(0, 42px, 0); }
  2940. .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 {
  2941. -webkit-transform: translate3d(0, 41px, 0);
  2942. transform: translate3d(0, 41px, 0); }
  2943. .md-toast-open-bottom .md-button.md-fab-bottom-left, .md-toast-open-bottom .md-button.md-fab-bottom-right {
  2944. -webkit-transform: translate3d(0, -42px, 0);
  2945. transform: translate3d(0, -42px, 0); }
  2946. .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 {
  2947. -webkit-transform: translate3d(0, -43px, 0);
  2948. transform: translate3d(0, -43px, 0); }
  2949. .md-button-group {
  2950. display: -webkit-flex;
  2951. display: -ms-flexbox;
  2952. display: flex;
  2953. -webkit-flex: 1;
  2954. -ms-flex: 1;
  2955. flex: 1;
  2956. width: 100%; }
  2957. .md-button-group > .md-button {
  2958. -webkit-flex: 1;
  2959. -ms-flex: 1;
  2960. flex: 1;
  2961. display: block;
  2962. overflow: hidden;
  2963. width: 0;
  2964. border-width: 1px 0px 1px 1px;
  2965. border-radius: 0;
  2966. text-align: center;
  2967. text-overflow: ellipsis;
  2968. white-space: nowrap; }
  2969. .md-button-group > .md-button:first-child {
  2970. border-radius: 2px 0px 0px 2px; }
  2971. .md-button-group > .md-button:last-child {
  2972. border-right-width: 1px;
  2973. border-radius: 0px 2px 2px 0px; }
  2974. @media screen and (-ms-high-contrast: active) {
  2975. .md-button.md-raised, .md-button.md-fab {
  2976. border: 1px solid #fff; } }
  2977. md-card {
  2978. box-sizing: border-box;
  2979. display: -webkit-flex;
  2980. display: -ms-flexbox;
  2981. display: flex;
  2982. -webkit-flex-direction: column;
  2983. -ms-flex-direction: column;
  2984. flex-direction: column;
  2985. margin: 8px;
  2986. box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084); }
  2987. md-card > img, md-card > :not(md-card-content) img {
  2988. width: 100%; }
  2989. md-card md-card-content {
  2990. padding: 16px; }
  2991. md-card .md-actions {
  2992. margin: 0; }
  2993. md-card .md-actions .md-button {
  2994. margin-bottom: 8px;
  2995. margin-top: 8px;
  2996. margin-right: 4px;
  2997. margin-left: 4px; }
  2998. md-card md-card-footer {
  2999. padding: 16px; }
  3000. @media screen and (-ms-high-contrast: active) {
  3001. md-card {
  3002. border: 1px solid #fff; } }
  3003. md-checkbox {
  3004. box-sizing: border-box;
  3005. display: block;
  3006. margin: 8px;
  3007. white-space: nowrap;
  3008. cursor: pointer;
  3009. outline: none;
  3010. -webkit-user-select: none;
  3011. -moz-user-select: none;
  3012. -ms-user-select: none;
  3013. user-select: none;
  3014. padding-left: 18px;
  3015. padding-right: 0;
  3016. position: relative;
  3017. line-height: 26px;
  3018. min-width: 18px;
  3019. min-height: 18px; }
  3020. html[dir=rtl] md-checkbox {
  3021. padding-left: 0;
  3022. unicode-bidi: embed; }
  3023. body[dir=rtl] md-checkbox {
  3024. padding-left: 0;
  3025. unicode-bidi: embed; }
  3026. md-checkbox bdo[dir=rtl] {
  3027. direction: rtl;
  3028. unicode-bidi: bidi-override; }
  3029. md-checkbox bdo[dir=ltr] {
  3030. direction: ltr;
  3031. unicode-bidi: bidi-override; }
  3032. html[dir=rtl] md-checkbox {
  3033. padding-right: 18px;
  3034. unicode-bidi: embed; }
  3035. body[dir=rtl] md-checkbox {
  3036. padding-right: 18px;
  3037. unicode-bidi: embed; }
  3038. md-checkbox bdo[dir=rtl] {
  3039. direction: rtl;
  3040. unicode-bidi: bidi-override; }
  3041. md-checkbox bdo[dir=ltr] {
  3042. direction: ltr;
  3043. unicode-bidi: bidi-override; }
  3044. md-checkbox.md-focused:not([disabled]) .md-container:before {
  3045. left: -8px;
  3046. top: -8px;
  3047. right: -8px;
  3048. bottom: -8px; }
  3049. md-checkbox.md-focused:not([disabled]):not(.md-checked) .md-container:before {
  3050. background-color: rgba(0, 0, 0, 0.12); }
  3051. md-checkbox .md-container {
  3052. position: absolute;
  3053. top: 50%;
  3054. -webkit-transform: translateY(-50%);
  3055. transform: translateY(-50%);
  3056. box-sizing: border-box;
  3057. display: inline-block;
  3058. width: 18px;
  3059. height: 18px;
  3060. left: 0;
  3061. right: auto; }
  3062. html[dir=rtl] md-checkbox .md-container {
  3063. left: auto;
  3064. unicode-bidi: embed; }
  3065. body[dir=rtl] md-checkbox .md-container {
  3066. left: auto;
  3067. unicode-bidi: embed; }
  3068. md-checkbox .md-container bdo[dir=rtl] {
  3069. direction: rtl;
  3070. unicode-bidi: bidi-override; }
  3071. md-checkbox .md-container bdo[dir=ltr] {
  3072. direction: ltr;
  3073. unicode-bidi: bidi-override; }
  3074. html[dir=rtl] md-checkbox .md-container {
  3075. right: 0;
  3076. unicode-bidi: embed; }
  3077. body[dir=rtl] md-checkbox .md-container {
  3078. right: 0;
  3079. unicode-bidi: embed; }
  3080. md-checkbox .md-container bdo[dir=rtl] {
  3081. direction: rtl;
  3082. unicode-bidi: bidi-override; }
  3083. md-checkbox .md-container bdo[dir=ltr] {
  3084. direction: ltr;
  3085. unicode-bidi: bidi-override; }
  3086. md-checkbox .md-container:before {
  3087. box-sizing: border-box;
  3088. background-color: transparent;
  3089. border-radius: 50%;
  3090. content: '';
  3091. position: absolute;
  3092. display: block;
  3093. height: auto;
  3094. left: 0;
  3095. top: 0;
  3096. right: 0;
  3097. bottom: 0;
  3098. transition: all 0.5s;
  3099. width: auto; }
  3100. md-checkbox .md-container:after {
  3101. box-sizing: border-box;
  3102. content: '';
  3103. position: absolute;
  3104. top: -10px;
  3105. right: -10px;
  3106. bottom: -10px;
  3107. left: -10px; }
  3108. md-checkbox .md-container .md-ripple-container {
  3109. position: absolute;
  3110. display: block;
  3111. width: auto;
  3112. height: auto;
  3113. left: -15px;
  3114. top: -15px;
  3115. right: -15px;
  3116. bottom: -15px; }
  3117. md-checkbox.md-align-top-left > div.md-container {
  3118. top: 12px; }
  3119. md-checkbox .md-icon {
  3120. box-sizing: border-box;
  3121. transition: 240ms;
  3122. position: absolute;
  3123. top: 0;
  3124. left: 0;
  3125. width: 18px;
  3126. height: 18px;
  3127. border-width: 2px;
  3128. border-style: solid;
  3129. border-radius: 2px; }
  3130. md-checkbox.md-checked .md-icon {
  3131. border: none; }
  3132. md-checkbox[disabled] {
  3133. cursor: no-drop; }
  3134. md-checkbox.md-checked .md-icon:after {
  3135. box-sizing: border-box;
  3136. -webkit-transform: rotate(45deg);
  3137. transform: rotate(45deg);
  3138. position: absolute;
  3139. left: 6px;
  3140. top: 2px;
  3141. display: table;
  3142. width: 6px;
  3143. height: 12px;
  3144. border-width: 2px;
  3145. border-style: solid;
  3146. border-top: 0;
  3147. border-left: 0;
  3148. content: ''; }
  3149. md-checkbox .md-label {
  3150. box-sizing: border-box;
  3151. position: relative;
  3152. display: inline-block;
  3153. vertical-align: middle;
  3154. white-space: normal;
  3155. -webkit-user-select: text;
  3156. -moz-user-select: text;
  3157. -ms-user-select: text;
  3158. user-select: text;
  3159. margin-left: 10px;
  3160. margin-right: 0; }
  3161. html[dir=rtl] md-checkbox .md-label {
  3162. margin-left: 0;
  3163. unicode-bidi: embed; }
  3164. body[dir=rtl] md-checkbox .md-label {
  3165. margin-left: 0;
  3166. unicode-bidi: embed; }
  3167. md-checkbox .md-label bdo[dir=rtl] {
  3168. direction: rtl;
  3169. unicode-bidi: bidi-override; }
  3170. md-checkbox .md-label bdo[dir=ltr] {
  3171. direction: ltr;
  3172. unicode-bidi: bidi-override; }
  3173. html[dir=rtl] md-checkbox .md-label {
  3174. margin-right: 10px;
  3175. unicode-bidi: embed; }
  3176. body[dir=rtl] md-checkbox .md-label {
  3177. margin-right: 10px;
  3178. unicode-bidi: embed; }
  3179. md-checkbox .md-label bdo[dir=rtl] {
  3180. direction: rtl;
  3181. unicode-bidi: bidi-override; }
  3182. md-checkbox .md-label bdo[dir=ltr] {
  3183. direction: ltr;
  3184. unicode-bidi: bidi-override; }
  3185. .md-contact-chips .md-chips .md-chip {
  3186. padding: 0 25px 0 0; }
  3187. .md-contact-chips .md-chips .md-chip .md-contact-avatar {
  3188. float: left; }
  3189. .md-contact-chips .md-chips .md-chip .md-contact-avatar img {
  3190. height: 32px;
  3191. border-radius: 16px; }
  3192. .md-contact-chips .md-chips .md-chip .md-contact-name {
  3193. display: inline-block;
  3194. height: 32px;
  3195. margin-left: 8px; }
  3196. .md-contact-suggestion {
  3197. height: 56px; }
  3198. .md-contact-suggestion img {
  3199. height: 40px;
  3200. border-radius: 20px;
  3201. margin-top: 8px; }
  3202. .md-contact-suggestion .md-contact-name {
  3203. margin-left: 8px;
  3204. width: 120px; }
  3205. .md-contact-suggestion .md-contact-name, .md-contact-suggestion .md-contact-email {
  3206. display: inline-block;
  3207. overflow: hidden;
  3208. text-overflow: ellipsis; }
  3209. .md-contact-chips-suggestions li {
  3210. height: 100%; }
  3211. .md-chips {
  3212. display: block;
  3213. font-family: Roboto, 'Helvetica Neue', sans-serif;
  3214. font-size: 16px;
  3215. padding: 0 0 8px 3px;
  3216. vertical-align: middle; }
  3217. .md-chips:after {
  3218. content: '';
  3219. display: table;
  3220. clear: both; }
  3221. .md-chips:not(.md-readonly) {
  3222. cursor: text; }
  3223. .md-chips:not(.md-readonly) .md-chip {
  3224. padding-right: 22px; }
  3225. .md-chips .md-chip {
  3226. cursor: default;
  3227. border-radius: 16px;
  3228. display: block;
  3229. height: 32px;
  3230. line-height: 32px;
  3231. margin: 8px 8px 0 0;
  3232. padding: 0 12px 0 12px;
  3233. float: left;
  3234. box-sizing: border-box;
  3235. max-width: 100%;
  3236. position: relative; }
  3237. .md-chips .md-chip .md-chip-content {
  3238. display: block;
  3239. padding-right: 4px;
  3240. float: left;
  3241. white-space: nowrap;
  3242. max-width: 100%;
  3243. overflow: hidden;
  3244. text-overflow: ellipsis; }
  3245. .md-chips .md-chip .md-chip-content:focus {
  3246. outline: none; }
  3247. .md-chips .md-chip .md-chip-remove-container {
  3248. position: absolute;
  3249. right: 0;
  3250. line-height: 22px; }
  3251. .md-chips .md-chip .md-chip-remove {
  3252. text-align: center;
  3253. width: 32px;
  3254. height: 32px;
  3255. min-width: 0;
  3256. padding: 0;
  3257. background: transparent;
  3258. border: none;
  3259. box-shadow: none;
  3260. margin: 0;
  3261. position: relative; }
  3262. .md-chips .md-chip .md-chip-remove md-icon {
  3263. height: 18px;
  3264. width: 18px;
  3265. position: absolute;
  3266. top: 50%;
  3267. left: 50%;
  3268. -webkit-transform: translate3d(-50%, -50%, 0);
  3269. transform: translate3d(-50%, -50%, 0); }
  3270. .md-chips .md-chip-input-container {
  3271. display: block;
  3272. line-height: 32px;
  3273. margin: 8px 8px 0 0;
  3274. padding: 0 12px 0 12px;
  3275. float: left; }
  3276. .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"] {
  3277. border: 0;
  3278. height: 32px;
  3279. line-height: 32px;
  3280. padding: 0; }
  3281. .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 {
  3282. outline: none; }
  3283. .md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
  3284. background: transparent;
  3285. height: 32px; }
  3286. .md-chips .md-chip-input-container md-autocomplete md-autocomplete-wrap {
  3287. box-shadow: none; }
  3288. .md-chips .md-chip-input-container md-autocomplete input {
  3289. position: relative; }
  3290. .md-chips .md-chip-input-container input {
  3291. border: 0;
  3292. height: 32px;
  3293. line-height: 32px;
  3294. padding: 0; }
  3295. .md-chips .md-chip-input-container input:focus {
  3296. outline: none; }
  3297. .md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
  3298. height: 32px; }
  3299. .md-chips .md-chip-input-container md-autocomplete {
  3300. box-shadow: none; }
  3301. .md-chips .md-chip-input-container md-autocomplete input {
  3302. position: relative; }
  3303. .md-chips .md-chip-input-container:not(:first-child) {
  3304. margin: 8px 8px 0 0; }
  3305. .md-chips .md-chip-input-container input {
  3306. background: transparent;
  3307. border-width: 0; }
  3308. .md-chips md-autocomplete button {
  3309. display: none; }
  3310. @media screen and (-ms-high-contrast: active) {
  3311. .md-chip-input-container, md-chip {
  3312. border: 1px solid #fff; }
  3313. .md-chip-input-container md-autocomplete {
  3314. border: none; } }
  3315. md-content {
  3316. display: block;
  3317. position: relative;
  3318. overflow: auto;
  3319. -webkit-overflow-scrolling: touch; }
  3320. md-content[md-scroll-y] {
  3321. overflow-y: auto;
  3322. overflow-x: hidden; }
  3323. md-content[md-scroll-x] {
  3324. overflow-x: auto;
  3325. overflow-y: hidden; }
  3326. md-content.autoScroll {
  3327. -webkit-overflow-scrolling: auto; }
  3328. /** Styles for mdCalendar. */
  3329. md-calendar {
  3330. font-size: 13px;
  3331. -webkit-user-select: none;
  3332. -moz-user-select: none;
  3333. -ms-user-select: none;
  3334. user-select: none; }
  3335. .md-calendar-scroll-mask {
  3336. display: inline-block;
  3337. overflow: hidden;
  3338. height: 308px; }
  3339. .md-calendar-scroll-mask .md-virtual-repeat-scroller {
  3340. overflow-y: scroll;
  3341. -webkit-overflow-scrolling: touch; }
  3342. .md-calendar-scroll-mask .md-virtual-repeat-scroller::-webkit-scrollbar {
  3343. display: none; }
  3344. .md-calendar-scroll-mask .md-virtual-repeat-offsetter {
  3345. width: 100%; }
  3346. .md-calendar-scroll-container {
  3347. display: inline-block;
  3348. height: 308px;
  3349. width: 340px; }
  3350. .md-calendar-date {
  3351. height: 44px;
  3352. width: 44px;
  3353. text-align: center;
  3354. padding: 0;
  3355. border: none; }
  3356. .md-calendar-date:first-child {
  3357. padding-left: 16px; }
  3358. .md-calendar-date:last-child {
  3359. padding-right: 16px; }
  3360. .md-calendar-date.md-calendar-date-disabled {
  3361. cursor: default; }
  3362. .md-calendar-date-selection-indicator {
  3363. transition: background-color, color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  3364. border-radius: 50%;
  3365. display: inline-block;
  3366. width: 40px;
  3367. height: 40px;
  3368. line-height: 40px; }
  3369. .md-calendar-date:not(.md-disabled) .md-calendar-date-selection-indicator {
  3370. cursor: pointer; }
  3371. .md-calendar-month-label {
  3372. height: 44px;
  3373. font-size: 13px;
  3374. padding: 0 0 0 24px; }
  3375. .md-calendar-day-header {
  3376. table-layout: fixed;
  3377. border-spacing: 0;
  3378. border-collapse: collapse; }
  3379. .md-calendar-day-header th {
  3380. height: 44px;
  3381. width: 44px;
  3382. text-align: center;
  3383. padding: 0;
  3384. border: none;
  3385. font-weight: normal;
  3386. height: 40px; }
  3387. .md-calendar-day-header th:first-child {
  3388. padding-left: 16px; }
  3389. .md-calendar-day-header th:last-child {
  3390. padding-right: 16px; }
  3391. .md-calendar {
  3392. table-layout: fixed;
  3393. border-spacing: 0;
  3394. border-collapse: collapse; }
  3395. .md-calendar tr:last-child td {
  3396. border-bottom-width: 1px;
  3397. border-bottom-style: solid; }
  3398. .md-calendar:first-child {
  3399. border-top: 1px solid transparent; }
  3400. /** Styles for mdDatepicker. */
  3401. md-datepicker {
  3402. white-space: nowrap; }
  3403. .md-datepicker-button {
  3404. display: inline-block;
  3405. box-sizing: border-box;
  3406. background: none; }
  3407. .md-datepicker-input {
  3408. font-size: 14px;
  3409. box-sizing: border-box;
  3410. border: none;
  3411. box-shadow: none;
  3412. outline: none;
  3413. background: transparent;
  3414. min-width: 120px;
  3415. max-width: 328px; }
  3416. .md-datepicker-input::-ms-clear {
  3417. display: none; }
  3418. .md-datepicker-input-container {
  3419. position: relative;
  3420. padding-bottom: 5px;
  3421. border-bottom-width: 1px;
  3422. border-bottom-style: solid;
  3423. display: inline-block;
  3424. width: auto;
  3425. margin-left: 12px; }
  3426. .md-datepicker-input-container.md-datepicker-focused {
  3427. border-bottom-width: 2px; }
  3428. .md-datepicker-calendar-pane {
  3429. position: absolute;
  3430. top: 0;
  3431. left: 0;
  3432. z-index: 99;
  3433. border-width: 1px;
  3434. border-style: solid;
  3435. background: transparent;
  3436. -webkit-transform: scale(0);
  3437. transform: scale(0);
  3438. -webkit-transform-origin: 0 0;
  3439. transform-origin: 0 0;
  3440. transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
  3441. transition: transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); }
  3442. .md-datepicker-calendar-pane.md-pane-open {
  3443. -webkit-transform: scale(1);
  3444. transform: scale(1); }
  3445. .md-datepicker-input-mask {
  3446. height: 40px;
  3447. width: 340px;
  3448. position: relative;
  3449. background: transparent;
  3450. pointer-events: none;
  3451. cursor: text; }
  3452. .md-datepicker-input-mask-opaque {
  3453. position: absolute;
  3454. right: 0;
  3455. left: 120px;
  3456. background: white;
  3457. height: 100%; }
  3458. .md-datepicker-calendar {
  3459. opacity: 0;
  3460. transition: opacity 0.2s cubic-bezier(0.5, 0, 0.25, 1); }
  3461. .md-pane-open .md-datepicker-calendar {
  3462. opacity: 1; }
  3463. .md-datepicker-calendar md-calendar:focus {
  3464. outline: none; }
  3465. .md-datepicker-expand-triangle {
  3466. position: absolute;
  3467. top: 50%;
  3468. left: 50%;
  3469. -webkit-transform: translate(-50%, -50%);
  3470. transform: translate(-50%, -50%);
  3471. width: 0;
  3472. height: 0;
  3473. border-left: 5px solid transparent;
  3474. border-right: 5px solid transparent;
  3475. border-top: 5px solid rgba(0, 0, 0, 0.2); }
  3476. .md-datepicker-triangle-button {
  3477. position: absolute;
  3478. right: 0;
  3479. top: 0;
  3480. -webkit-transform: translateY(-25%) translateX(45%);
  3481. transform: translateY(-25%) translateX(45%); }
  3482. .md-datepicker-triangle-button.md-button.md-icon-button {
  3483. height: 100%;
  3484. width: 36px;
  3485. position: absolute; }
  3486. md-datepicker[disabled] .md-datepicker-input-container {
  3487. border-bottom-color: transparent; }
  3488. md-datepicker[disabled] .md-datepicker-triangle-button {
  3489. display: none; }
  3490. .md-datepicker-open .md-datepicker-input-container {
  3491. margin-left: -12px;
  3492. border: none; }
  3493. .md-datepicker-open .md-datepicker-input {
  3494. margin-left: 24px;
  3495. height: 40px; }
  3496. .md-datepicker-open .md-datepicker-triangle-button {
  3497. display: none; }
  3498. .md-dialog-is-showing {
  3499. max-height: 100%; }
  3500. .md-dialog-container {
  3501. display: -webkit-flex;
  3502. display: -ms-flexbox;
  3503. display: flex;
  3504. -webkit-justify-content: center;
  3505. -ms-flex-pack: center;
  3506. justify-content: center;
  3507. -webkit-align-items: center;
  3508. -ms-flex-align: center;
  3509. align-items: center;
  3510. position: absolute;
  3511. top: 0;
  3512. left: 0;
  3513. width: 100%;
  3514. height: 100%;
  3515. z-index: 80;
  3516. overflow: hidden; }
  3517. md-dialog {
  3518. opacity: 0;
  3519. min-width: 240px;
  3520. max-width: 80%;
  3521. max-height: 80%;
  3522. position: relative;
  3523. overflow: auto;
  3524. box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.14), 0px 16px 24px 2px rgba(0, 0, 0, 0.098), 0px 6px 30px 5px rgba(0, 0, 0, 0.084);
  3525. display: -webkit-flex;
  3526. display: -ms-flexbox;
  3527. display: flex;
  3528. -webkit-flex-direction: column;
  3529. -ms-flex-direction: column;
  3530. flex-direction: column; }
  3531. md-dialog.md-transition-in {
  3532. opacity: 1;
  3533. transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  3534. -webkit-transform: translate3d(0, 0, 0) scale(1);
  3535. transform: translate3d(0, 0, 0) scale(1); }
  3536. md-dialog.md-transition-out {
  3537. opacity: 0;
  3538. transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  3539. -webkit-transform: translate3d(0, 100%, 0) scale(0.2);
  3540. transform: translate3d(0, 100%, 0) scale(0.2); }
  3541. md-dialog > form {
  3542. display: -webkit-flex;
  3543. display: -ms-flexbox;
  3544. display: flex;
  3545. -webkit-flex-direction: column;
  3546. -ms-flex-direction: column;
  3547. flex-direction: column;
  3548. overflow: auto; }
  3549. md-dialog md-dialog-content {
  3550. -webkit-order: 1;
  3551. -ms-flex-order: 1;
  3552. order: 1;
  3553. -webkit-flex-direction: column;
  3554. -ms-flex-direction: column;
  3555. flex-direction: column;
  3556. padding: 24px;
  3557. overflow: auto;
  3558. -webkit-overflow-scrolling: touch; }
  3559. md-dialog md-dialog-content:not([layout=row]) > *:first-child:not(.md-subheader) {
  3560. margin-top: 0; }
  3561. md-dialog md-dialog-content:focus {
  3562. outline: none; }
  3563. md-dialog md-dialog-content .md-subheader {
  3564. margin: 0; }
  3565. md-dialog md-dialog-content .md-subheader.sticky-clone {
  3566. box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); }
  3567. md-dialog md-dialog-content.sticky-container {
  3568. padding: 0; }
  3569. md-dialog md-dialog-content.sticky-container > div {
  3570. padding: 24px;
  3571. padding-top: 0; }
  3572. md-dialog md-dialog-content .md-dialog-content-body {
  3573. width: 100%; }
  3574. md-dialog .md-actions {
  3575. display: -webkit-flex;
  3576. display: -ms-flexbox;
  3577. display: flex;
  3578. -webkit-order: 2;
  3579. -ms-flex-order: 2;
  3580. order: 2;
  3581. box-sizing: border-box;
  3582. -webkit-align-items: center;
  3583. -ms-flex-align: center;
  3584. align-items: center;
  3585. -webkit-justify-content: flex-end;
  3586. -ms-flex-pack: end;
  3587. justify-content: flex-end;
  3588. margin-bottom: 0;
  3589. padding-right: 8px;
  3590. padding-left: 16px;
  3591. min-height: 52px;
  3592. overflow: hidden; }
  3593. md-dialog .md-actions .md-button {
  3594. margin-bottom: 8px;
  3595. margin-left: 8px;
  3596. margin-right: 0;
  3597. margin-top: 8px; }
  3598. md-dialog.md-content-overflow .md-actions {
  3599. border-top-width: 1px;
  3600. border-top-style: solid; }
  3601. @media screen and (-ms-high-contrast: active) {
  3602. md-dialog {
  3603. border: 1px solid #fff; } }
  3604. md-divider {
  3605. display: block;
  3606. border-top-width: 1px;
  3607. border-top-style: solid;
  3608. margin: 0; }
  3609. md-divider[md-inset] {
  3610. margin-left: 80px; }
  3611. md-fab-speed-dial {
  3612. position: relative;
  3613. display: -webkit-flex;
  3614. display: -ms-flexbox;
  3615. display: flex;
  3616. -webkit-align-items: center;
  3617. -ms-flex-align: center;
  3618. align-items: center;
  3619. /*
  3620. * Handle the animations
  3621. */ }
  3622. md-fab-speed-dial.md-fab-bottom-right {
  3623. top: auto;
  3624. right: 20px;
  3625. bottom: 20px;
  3626. left: auto;
  3627. position: absolute; }
  3628. md-fab-speed-dial.md-fab-bottom-left {
  3629. top: auto;
  3630. right: auto;
  3631. bottom: 20px;
  3632. left: 20px;
  3633. position: absolute; }
  3634. md-fab-speed-dial.md-fab-top-right {
  3635. top: 20px;
  3636. right: 20px;
  3637. bottom: auto;
  3638. left: auto;
  3639. position: absolute; }
  3640. md-fab-speed-dial.md-fab-top-left {
  3641. top: 20px;
  3642. right: auto;
  3643. bottom: auto;
  3644. left: 20px;
  3645. position: absolute; }
  3646. md-fab-speed-dial .md-css-variables {
  3647. z-index: 20; }
  3648. md-fab-speed-dial.md-is-open .md-fab-action-item {
  3649. visibility: visible;
  3650. -webkit-align-items: center;
  3651. -ms-flex-align: center;
  3652. align-items: center; }
  3653. md-fab-speed-dial md-fab-actions {
  3654. display: -webkit-flex;
  3655. display: -ms-flexbox;
  3656. display: flex;
  3657. height: auto; }
  3658. md-fab-speed-dial md-fab-actions .md-fab-action-item {
  3659. visibility: hidden;
  3660. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  3661. md-fab-speed-dial.md-down {
  3662. -webkit-flex-direction: column;
  3663. -ms-flex-direction: column;
  3664. flex-direction: column; }
  3665. md-fab-speed-dial.md-down md-fab-trigger {
  3666. -webkit-order: 1;
  3667. -ms-flex-order: 1;
  3668. order: 1; }
  3669. md-fab-speed-dial.md-down md-fab-actions {
  3670. -webkit-flex-direction: column;
  3671. -ms-flex-direction: column;
  3672. flex-direction: column;
  3673. -webkit-order: 2;
  3674. -ms-flex-order: 2;
  3675. order: 2; }
  3676. md-fab-speed-dial.md-up {
  3677. -webkit-flex-direction: column;
  3678. -ms-flex-direction: column;
  3679. flex-direction: column; }
  3680. md-fab-speed-dial.md-up md-fab-trigger {
  3681. -webkit-order: 2;
  3682. -ms-flex-order: 2;
  3683. order: 2; }
  3684. md-fab-speed-dial.md-up md-fab-actions {
  3685. -webkit-flex-direction: column-reverse;
  3686. -ms-flex-direction: column-reverse;
  3687. flex-direction: column-reverse;
  3688. -webkit-order: 1;
  3689. -ms-flex-order: 1;
  3690. order: 1; }
  3691. md-fab-speed-dial.md-left {
  3692. -webkit-flex-direction: row;
  3693. -ms-flex-direction: row;
  3694. flex-direction: row; }
  3695. md-fab-speed-dial.md-left md-fab-trigger {
  3696. -webkit-order: 2;
  3697. -ms-flex-order: 2;
  3698. order: 2; }
  3699. md-fab-speed-dial.md-left md-fab-actions {
  3700. -webkit-flex-direction: row-reverse;
  3701. -ms-flex-direction: row-reverse;
  3702. flex-direction: row-reverse;
  3703. -webkit-order: 1;
  3704. -ms-flex-order: 1;
  3705. order: 1; }
  3706. md-fab-speed-dial.md-left md-fab-actions .md-fab-action-item {
  3707. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  3708. md-fab-speed-dial.md-right {
  3709. -webkit-flex-direction: row;
  3710. -ms-flex-direction: row;
  3711. flex-direction: row; }
  3712. md-fab-speed-dial.md-right md-fab-trigger {
  3713. -webkit-order: 1;
  3714. -ms-flex-order: 1;
  3715. order: 1; }
  3716. md-fab-speed-dial.md-right md-fab-actions {
  3717. -webkit-flex-direction: row;
  3718. -ms-flex-direction: row;
  3719. flex-direction: row;
  3720. -webkit-order: 2;
  3721. -ms-flex-order: 2;
  3722. order: 2; }
  3723. md-fab-speed-dial.md-right md-fab-actions .md-fab-action-item {
  3724. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  3725. md-fab-speed-dial.md-scale .md-fab-action-item {
  3726. opacity: 0;
  3727. -webkit-transform: scale(0);
  3728. transform: scale(0);
  3729. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  3730. transition-duration: 0.14286s; }
  3731. md-fab-toolbar {
  3732. display: block;
  3733. /*
  3734. * Closed styling
  3735. */
  3736. /*
  3737. * Hover styling
  3738. */ }
  3739. md-fab-toolbar.md-fab-bottom-right {
  3740. top: auto;
  3741. right: 20px;
  3742. bottom: 20px;
  3743. left: auto;
  3744. position: absolute; }
  3745. md-fab-toolbar.md-fab-bottom-left {
  3746. top: auto;
  3747. right: auto;
  3748. bottom: 20px;
  3749. left: 20px;
  3750. position: absolute; }
  3751. md-fab-toolbar.md-fab-top-right {
  3752. top: 20px;
  3753. right: 20px;
  3754. bottom: auto;
  3755. left: auto;
  3756. position: absolute; }
  3757. md-fab-toolbar.md-fab-top-left {
  3758. top: 20px;
  3759. right: auto;
  3760. bottom: auto;
  3761. left: 20px;
  3762. position: absolute; }
  3763. md-fab-toolbar .md-fab-toolbar-wrapper {
  3764. display: block;
  3765. position: relative;
  3766. overflow: hidden;
  3767. height: 68px; }
  3768. md-fab-toolbar md-fab-trigger {
  3769. position: absolute;
  3770. z-index: 20; }
  3771. md-fab-toolbar md-fab-trigger button {
  3772. overflow: visible !important; }
  3773. md-fab-toolbar md-fab-trigger .md-fab-toolbar-background {
  3774. display: block;
  3775. position: absolute;
  3776. z-index: 21;
  3777. opacity: 1;
  3778. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  3779. md-fab-toolbar md-fab-trigger md-icon {
  3780. position: relative;
  3781. z-index: 22;
  3782. opacity: 1;
  3783. transition: all 200ms ease-in; }
  3784. md-fab-toolbar.md-left md-fab-trigger {
  3785. right: 0; }
  3786. md-fab-toolbar.md-left .md-toolbar-tools {
  3787. -webkit-flex-direction: row-reverse;
  3788. -ms-flex-direction: row-reverse;
  3789. flex-direction: row-reverse; }
  3790. md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
  3791. margin-right: 0.6rem; }
  3792. md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
  3793. margin-left: -0.8rem; }
  3794. md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {
  3795. margin-right: 8px; }
  3796. md-fab-toolbar.md-right md-fab-trigger {
  3797. left: 0; }
  3798. md-fab-toolbar.md-right .md-toolbar-tools {
  3799. -webkit-flex-direction: row;
  3800. -ms-flex-direction: row;
  3801. flex-direction: row; }
  3802. md-fab-toolbar md-toolbar {
  3803. background-color: transparent !important;
  3804. pointer-events: none;
  3805. z-index: 23; }
  3806. md-fab-toolbar md-toolbar .md-toolbar-tools {
  3807. padding: 0 20px;
  3808. margin-top: 3px; }
  3809. md-fab-toolbar md-toolbar .md-fab-action-item {
  3810. opacity: 0;
  3811. -webkit-transform: scale(0);
  3812. transform: scale(0);
  3813. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  3814. transition-duration: 0.15s; }
  3815. md-fab-toolbar.md-is-open md-fab-trigger > button {
  3816. box-shadow: none; }
  3817. md-fab-toolbar.md-is-open md-fab-trigger > button md-icon {
  3818. opacity: 0; }
  3819. md-fab-toolbar.md-is-open .md-fab-action-item {
  3820. opacity: 1;
  3821. -webkit-transform: scale(1);
  3822. transform: scale(1); }
  3823. md-grid-list {
  3824. box-sizing: border-box;
  3825. display: block;
  3826. position: relative; }
  3827. 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 {
  3828. box-sizing: border-box; }
  3829. md-grid-list md-grid-tile {
  3830. display: block;
  3831. position: absolute; }
  3832. md-grid-list md-grid-tile figure {
  3833. display: -webkit-flex;
  3834. display: -ms-flexbox;
  3835. display: flex;
  3836. -webkit-align-items: center;
  3837. -ms-flex-align: center;
  3838. align-items: center;
  3839. -webkit-justify-content: center;
  3840. -ms-flex-pack: center;
  3841. justify-content: center;
  3842. height: 100%;
  3843. position: absolute;
  3844. top: 0;
  3845. right: 0;
  3846. bottom: 0;
  3847. left: 0;
  3848. padding: 0;
  3849. margin: 0; }
  3850. md-grid-list md-grid-tile md-grid-tile-header, md-grid-list md-grid-tile md-grid-tile-footer {
  3851. display: -webkit-flex;
  3852. display: -ms-flexbox;
  3853. display: flex;
  3854. -webkit-flex-direction: row;
  3855. -ms-flex-direction: row;
  3856. flex-direction: row;
  3857. -webkit-align-items: center;
  3858. -ms-flex-align: center;
  3859. align-items: center;
  3860. height: 48px;
  3861. color: #fff;
  3862. background: rgba(0, 0, 0, 0.18);
  3863. overflow: hidden;
  3864. position: absolute;
  3865. left: 0;
  3866. right: 0; }
  3867. 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 {
  3868. font-weight: 400;
  3869. margin: 0 0 0 16px; }
  3870. md-grid-list md-grid-tile md-grid-tile-header h3, md-grid-list md-grid-tile md-grid-tile-footer h3 {
  3871. font-size: 14px; }
  3872. md-grid-list md-grid-tile md-grid-tile-header h4, md-grid-list md-grid-tile md-grid-tile-footer h4 {
  3873. font-size: 12px; }
  3874. md-grid-list md-grid-tile md-grid-tile-header {
  3875. top: 0; }
  3876. md-grid-list md-grid-tile md-grid-tile-footer {
  3877. bottom: 0; }
  3878. @media screen and (-ms-high-contrast: active) {
  3879. md-grid-tile {
  3880. border: 1px solid #fff; }
  3881. md-grid-tile-footer {
  3882. border-top: 1px solid #fff; } }
  3883. md-icon {
  3884. margin: auto;
  3885. background-repeat: no-repeat no-repeat;
  3886. display: inline-block;
  3887. vertical-align: middle;
  3888. fill: currentColor;
  3889. height: 24px;
  3890. width: 24px; }
  3891. md-icon svg {
  3892. pointer-events: none; }
  3893. md-icon[md-font-icon] {
  3894. line-height: 1;
  3895. width: auto; }
  3896. md-input-container {
  3897. display: -webkit-flex;
  3898. display: -ms-flexbox;
  3899. display: flex;
  3900. position: relative;
  3901. -webkit-flex-direction: column;
  3902. -ms-flex-direction: column;
  3903. flex-direction: column;
  3904. padding: 2px;
  3905. padding-bottom: 26px;
  3906. /*
  3907. * The .md-input class is added to the input/textarea
  3908. */ }
  3909. md-input-container > md-icon {
  3910. position: absolute;
  3911. top: 5px;
  3912. left: 2px; }
  3913. md-input-container > md-icon + input {
  3914. margin-left: 36px; }
  3915. 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"] {
  3916. /* remove default appearance from all input/textarea */
  3917. -moz-appearance: none;
  3918. -webkit-appearance: none; }
  3919. 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"] {
  3920. min-height: 26px; }
  3921. md-input-container textarea {
  3922. resize: none;
  3923. overflow: hidden; }
  3924. md-input-container textarea.md-input {
  3925. min-height: 26px;
  3926. -ms-flex-preferred-size: auto; }
  3927. md-input-container label {
  3928. position: relative;
  3929. top: -2px; }
  3930. md-input-container label:not(.md-no-float), md-input-container .md-placeholder {
  3931. -webkit-order: 1;
  3932. -ms-flex-order: 1;
  3933. order: 1;
  3934. pointer-events: none;
  3935. -webkit-font-smoothing: antialiased;
  3936. padding-left: 2px;
  3937. z-index: 1;
  3938. -webkit-transform: translate3d(0, 28px, 0) scale(1);
  3939. transform: translate3d(0, 28px, 0) scale(1);
  3940. transition: -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s;
  3941. transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s;
  3942. -webkit-transform-origin: left top;
  3943. transform-origin: left top; }
  3944. html[dir=rtl] md-input-container label:not(.md-no-float), html[dir=rtl] md-input-container .md-placeholder {
  3945. -webkit-transform-origin: right top;
  3946. transform-origin: right top;
  3947. unicode-bidi: embed; }
  3948. body[dir=rtl] md-input-container label:not(.md-no-float), body[dir=rtl] md-input-container .md-placeholder {
  3949. -webkit-transform-origin: right top;
  3950. transform-origin: right top;
  3951. unicode-bidi: embed; }
  3952. md-input-container label:not(.md-no-float) bdo[dir=rtl], md-input-container .md-placeholder bdo[dir=rtl] {
  3953. direction: rtl;
  3954. unicode-bidi: bidi-override; }
  3955. md-input-container label:not(.md-no-float) bdo[dir=ltr], md-input-container .md-placeholder bdo[dir=ltr] {
  3956. direction: ltr;
  3957. unicode-bidi: bidi-override; }
  3958. md-input-container .md-placeholder {
  3959. position: absolute;
  3960. top: 0;
  3961. opacity: 0;
  3962. transition-property: opacity, -webkit-transform;
  3963. transition-property: opacity, transform;
  3964. -webkit-transform: translate3d(0, 30px, 0);
  3965. transform: translate3d(0, 30px, 0); }
  3966. md-input-container .md-placeholder.md-static {
  3967. position: static; }
  3968. md-input-container.md-input-focused .md-placeholder {
  3969. opacity: 1;
  3970. -webkit-transform: translate3d(0, 24px, 0);
  3971. transform: translate3d(0, 24px, 0); }
  3972. md-input-container.md-input-has-value .md-placeholder {
  3973. transition: none;
  3974. opacity: 0; }
  3975. 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 {
  3976. color: transparent; }
  3977. md-input-container .md-input {
  3978. -webkit-order: 2;
  3979. -ms-flex-order: 2;
  3980. order: 2;
  3981. display: block;
  3982. margin-top: auto;
  3983. background: none;
  3984. padding-top: 2px;
  3985. padding-bottom: 1px;
  3986. padding-left: 2px;
  3987. padding-right: 2px;
  3988. border-width: 0 0 1px 0;
  3989. line-height: 26px;
  3990. -ms-flex-preferred-size: 26px;
  3991. border-radius: 0; }
  3992. md-input-container .md-input:focus {
  3993. outline: none; }
  3994. md-input-container .md-input:invalid {
  3995. outline: none;
  3996. box-shadow: none; }
  3997. md-input-container .md-input.md-no-flex {
  3998. -webkit-flex: none !important;
  3999. -ms-flex: none !important;
  4000. flex: none !important; }
  4001. 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] {
  4002. -webkit-order: 3;
  4003. -ms-flex-order: 3;
  4004. order: 3;
  4005. position: relative; }
  4006. 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 .md-char-counter {
  4007. position: absolute;
  4008. font-size: 12px;
  4009. line-height: 24px; }
  4010. 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 .md-char-counter:not(.md-char-counter) {
  4011. padding-right: 30px; }
  4012. 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 .md-char-counter.ng-enter {
  4013. transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  4014. transition-delay: 0.2s; }
  4015. 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 .md-char-counter.ng-leave {
  4016. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  4017. 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 .md-char-counter.ng-enter, md-input-container .md-char-counter.ng-leave.ng-leave-active {
  4018. opacity: 0;
  4019. -webkit-transform: translate3d(0, -20%, 0);
  4020. transform: translate3d(0, -20%, 0); }
  4021. 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 .md-char-counter.ng-leave, md-input-container .md-char-counter.ng-enter.ng-enter-active {
  4022. opacity: 1;
  4023. -webkit-transform: translate3d(0, 0, 0);
  4024. transform: translate3d(0, 0, 0); }
  4025. md-input-container .md-char-counter {
  4026. bottom: 2px;
  4027. right: 2px; }
  4028. md-input-container.md-input-focused label:not(.md-no-float), md-input-container.md-input-has-value label:not(.md-no-float) {
  4029. -webkit-transform: translate3d(0, 6px, 0) scale(0.75);
  4030. transform: translate3d(0, 6px, 0) scale(0.75); }
  4031. md-input-container.md-input-focused .md-input, md-input-container .md-input.ng-invalid.ng-dirty {
  4032. padding-bottom: 0;
  4033. border-width: 0 0 2px 0; }
  4034. md-input-container .md-input[disabled], [disabled] md-input-container .md-input {
  4035. background-position: 0 bottom;
  4036. background-size: 4px 1px;
  4037. background-repeat: repeat-x;
  4038. margin-bottom: -1px; }
  4039. md-input-container.md-icon-float {
  4040. margin-top: -16px;
  4041. transition: margin-top 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); }
  4042. md-input-container.md-icon-float > label {
  4043. pointer-events: none;
  4044. position: absolute;
  4045. margin-left: 36px; }
  4046. md-input-container.md-icon-float > md-icon {
  4047. top: 26px;
  4048. left: 2px; }
  4049. md-input-container.md-icon-float > md-icon + input, md-input-container.md-icon-float > md-icon + textarea {
  4050. margin-left: 36px; }
  4051. md-input-container.md-icon-float > input, md-input-container.md-icon-float > textarea {
  4052. padding-top: 24px; }
  4053. md-input-container.md-icon-float.md-input-focused, md-input-container.md-icon-float.md-input-has-value {
  4054. margin-top: -8px; }
  4055. md-input-container.md-icon-float.md-input-focused label, md-input-container.md-icon-float.md-input-has-value label {
  4056. -webkit-transform: translate3d(0, 6px, 0) scale(0.75);
  4057. transform: translate3d(0, 6px, 0) scale(0.75);
  4058. transition: -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.5s;
  4059. transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.5s; }
  4060. @media screen and (-ms-high-contrast: active) {
  4061. md-input-container.md-default-theme > md-icon {
  4062. fill: #fff; } }
  4063. md-list {
  4064. display: block;
  4065. padding: 8px 0px 8px 0px; }
  4066. md-list .md-subheader {
  4067. font-size: 14px;
  4068. font-weight: 500;
  4069. letter-spacing: 0.01em;
  4070. line-height: 0.75em; }
  4071. md-list-item.md-proxy-focus.md-focused .md-no-style {
  4072. transition: background-color 0.15s linear; }
  4073. md-list-item.md-no-proxy, md-list-item .md-no-style {
  4074. position: relative;
  4075. padding: 0px 16px;
  4076. -webkit-flex: 1;
  4077. -ms-flex: 1;
  4078. flex: 1; }
  4079. md-list-item.md-no-proxy.md-button, md-list-item .md-no-style.md-button {
  4080. font-size: inherit;
  4081. height: inherit;
  4082. text-align: left;
  4083. text-transform: none;
  4084. width: 100%;
  4085. white-space: normal;
  4086. -webkit-flex-direction: inherit;
  4087. -ms-flex-direction: inherit;
  4088. flex-direction: inherit;
  4089. -webkit-align-items: inherit;
  4090. -ms-flex-align: inherit;
  4091. align-items: inherit; }
  4092. md-list-item.md-no-proxy:focus, md-list-item .md-no-style:focus {
  4093. outline: none; }
  4094. md-list-item.md-with-secondary {
  4095. position: relative; }
  4096. md-list-item.md-clickable:hover {
  4097. cursor: pointer; }
  4098. md-list-item md-divider {
  4099. position: absolute;
  4100. bottom: 0;
  4101. left: 0;
  4102. width: 100%; }
  4103. md-list-item md-divider[md-inset] {
  4104. left: 96px;
  4105. width: calc(100% - 96px);
  4106. margin: 0; }
  4107. md-list-item, md-list-item .md-list-item-inner {
  4108. display: -webkit-flex;
  4109. display: -ms-flexbox;
  4110. display: flex;
  4111. -webkit-justify-content: flex-start;
  4112. -ms-flex-pack: start;
  4113. justify-content: flex-start;
  4114. -webkit-align-items: center;
  4115. -ms-flex-align: center;
  4116. align-items: center;
  4117. min-height: 64px; }
  4118. md-list-item > div.md-primary > md-icon, md-list-item > div.md-secondary > md-icon, md-list-item > md-icon:first-child, md-list-item > md-icon.md-secondary, md-list-item .md-list-item-inner > div.md-primary > md-icon, md-list-item .md-list-item-inner > div.md-secondary > md-icon, md-list-item .md-list-item-inner > md-icon:first-child, md-list-item .md-list-item-inner > md-icon.md-secondary {
  4119. width: 24px;
  4120. margin-top: 16px;
  4121. margin-bottom: 12px;
  4122. box-sizing: content-box; }
  4123. 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 {
  4124. -webkit-align-self: center;
  4125. -ms-flex-item-align: center;
  4126. align-self: center; }
  4127. 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 {
  4128. display: none; }
  4129. md-list-item > md-icon:first-child, md-list-item .md-list-item-inner > md-icon:first-child {
  4130. margin-right: 32px; }
  4131. md-list-item > md-checkbox:first-child, md-list-item .md-list-item-inner > md-checkbox:first-child {
  4132. width: 24px;
  4133. margin-left: 3px;
  4134. margin-right: 29px; }
  4135. md-list-item > .md-avatar:first-child, md-list-item .md-list-item-inner > .md-avatar:first-child {
  4136. width: 40px;
  4137. height: 40px;
  4138. margin-top: 8px;
  4139. margin-bottom: 8px;
  4140. margin-right: 16px;
  4141. border-radius: 50%;
  4142. box-sizing: content-box; }
  4143. 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 {
  4144. margin-right: 0;
  4145. margin-top: 0;
  4146. margin-bottom: 0; }
  4147. md-list-item button.md-button.md-secondary-container, md-list-item .md-list-item-inner button.md-button.md-secondary-container {
  4148. background-color: transparent;
  4149. -webkit-align-self: center;
  4150. -ms-flex-item-align: center;
  4151. align-self: center;
  4152. border-radius: 50%;
  4153. margin: 0px;
  4154. min-width: 0px; }
  4155. 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 {
  4156. border-radius: 50%; }
  4157. 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 {
  4158. margin-left: 16px;
  4159. position: absolute;
  4160. right: 16px;
  4161. top: 50%;
  4162. -webkit-transform: translate3d(0, -50%, 0);
  4163. transform: translate3d(0, -50%, 0); }
  4164. md-list-item > .md-button.md-secondary-container > .md-secondary, md-list-item .md-list-item-inner > .md-button.md-secondary-container > .md-secondary {
  4165. margin-left: 0px;
  4166. position: static; }
  4167. 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 {
  4168. -webkit-flex: 1;
  4169. -ms-flex: 1;
  4170. flex: 1;
  4171. margin: 0; }
  4172. 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 {
  4173. -webkit-align-items: flex-start;
  4174. -ms-flex-align: start;
  4175. align-items: flex-start; }
  4176. 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 {
  4177. -webkit-flex: 1;
  4178. -ms-flex: 1;
  4179. flex: 1;
  4180. padding: 16px 0;
  4181. text-overflow: ellipsis; }
  4182. 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 {
  4183. margin-left: 56px; }
  4184. 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 {
  4185. font-size: 16px;
  4186. font-weight: 400;
  4187. letter-spacing: 0.01em;
  4188. margin: 0 0 6px 0;
  4189. line-height: 0.75em; }
  4190. 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 {
  4191. font-size: 14px;
  4192. letter-spacing: 0.01em;
  4193. margin: 10px 0 5px 0;
  4194. font-weight: 400;
  4195. line-height: 0.75em; }
  4196. 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 {
  4197. font-size: 14px;
  4198. font-weight: 500;
  4199. letter-spacing: 0.01em;
  4200. margin: 0 0 0 0;
  4201. line-height: 1.6em; }
  4202. md-list-item.md-2-line > .md-avatar:first-child, md-list-item.md-2-line > .md-no-style > .md-avatar:first-child {
  4203. margin-top: 12px; }
  4204. md-list-item.md-2-line > md-icon:first-child, md-list-item.md-2-line > .md-no-style > md-icon:first-child {
  4205. -webkit-align-self: flex-start;
  4206. -ms-flex-item-align: start;
  4207. align-self: flex-start; }
  4208. md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text {
  4209. -webkit-flex: 1;
  4210. -ms-flex: 1;
  4211. flex: 1;
  4212. padding-top: 19px; }
  4213. md-list-item.md-3-line > md-icon:first-child, md-list-item.md-3-line > .md-avatar:first-child, md-list-item.md-3-line > .md-no-style > md-icon:first-child, md-list-item.md-3-line > .md-no-style > .md-avatar:first-child {
  4214. margin-top: 16px; }
  4215. .md-open-menu-container {
  4216. position: fixed;
  4217. left: 0;
  4218. top: 0;
  4219. z-index: 99;
  4220. opacity: 0;
  4221. border-radius: 2px; }
  4222. .md-open-menu-container md-menu-divider {
  4223. margin-top: 4px;
  4224. margin-bottom: 4px;
  4225. height: 1px;
  4226. width: 100%; }
  4227. .md-open-menu-container md-menu-content > * {
  4228. opacity: 0; }
  4229. .md-open-menu-container:not(.md-clickable) {
  4230. pointer-events: none; }
  4231. .md-open-menu-container.md-active {
  4232. opacity: 1;
  4233. transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  4234. transition-duration: 200ms; }
  4235. .md-open-menu-container.md-active > md-menu-content > * {
  4236. opacity: 1;
  4237. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  4238. transition-duration: 200ms;
  4239. transition-delay: 100ms; }
  4240. .md-open-menu-container.md-leave {
  4241. opacity: 0;
  4242. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  4243. transition-duration: 250ms; }
  4244. md-menu-content {
  4245. display: -webkit-flex;
  4246. display: -ms-flexbox;
  4247. display: flex;
  4248. -webkit-flex-direction: column;
  4249. -ms-flex-direction: column;
  4250. flex-direction: column;
  4251. padding: 8px 0;
  4252. max-height: 304px;
  4253. overflow-y: auto; }
  4254. md-menu-content.md-dense {
  4255. max-height: 208px; }
  4256. md-menu-content.md-dense md-menu-item {
  4257. height: 32px;
  4258. min-height: 0px; }
  4259. md-menu-item {
  4260. display: -webkit-flex;
  4261. display: -ms-flexbox;
  4262. display: flex;
  4263. -webkit-flex-direction: row;
  4264. -ms-flex-direction: row;
  4265. flex-direction: row;
  4266. min-height: 48px;
  4267. height: 48px;
  4268. -webkit-align-content: center;
  4269. -ms-flex-line-pack: center;
  4270. align-content: center;
  4271. -webkit-justify-content: flex-start;
  4272. -ms-flex-pack: start;
  4273. justify-content: flex-start; }
  4274. md-menu-item > * {
  4275. width: 100%;
  4276. margin: auto 0;
  4277. padding-left: 16px;
  4278. padding-right: 16px; }
  4279. md-menu-item > .md-button {
  4280. border-radius: 0;
  4281. margin: auto 0;
  4282. font-size: 15px;
  4283. text-transform: none;
  4284. font-weight: 400;
  4285. text-align: start;
  4286. height: 100%;
  4287. padding-left: 16px;
  4288. padding-right: 16px;
  4289. display: inline-block;
  4290. -webkit-align-items: baseline;
  4291. -ms-flex-align: baseline;
  4292. align-items: baseline;
  4293. -webkit-align-content: left;
  4294. -ms-flex-line-pack: left;
  4295. align-content: left;
  4296. width: 100%; }
  4297. md-menu-item > .md-button md-icon {
  4298. margin: auto 16px auto 0; }
  4299. md-menu-item > .md-button p {
  4300. display: inline-block;
  4301. margin: auto; }
  4302. md-menu-item > .md-button span {
  4303. margin-top: auto;
  4304. margin-bottom: auto; }
  4305. .md-menu {
  4306. padding: 8px 0; }
  4307. md-toolbar .md-menu {
  4308. height: auto;
  4309. margin: auto; }
  4310. @media (max-width: 599px) {
  4311. md-menu-content {
  4312. min-width: 112px; }
  4313. md-menu-content[width="3"] {
  4314. min-width: 168px; }
  4315. md-menu-content[width="4"] {
  4316. min-width: 224px; }
  4317. md-menu-content[width="5"] {
  4318. min-width: 280px; }
  4319. md-menu-content[width="6"] {
  4320. min-width: 336px; }
  4321. md-menu-content[width="7"] {
  4322. min-width: 392px; } }
  4323. @media (min-width: 600px) {
  4324. md-menu-content {
  4325. min-width: 96px; }
  4326. md-menu-content[width="3"] {
  4327. min-width: 192px; }
  4328. md-menu-content[width="4"] {
  4329. min-width: 256px; }
  4330. md-menu-content[width="5"] {
  4331. min-width: 320px; }
  4332. md-menu-content[width="6"] {
  4333. min-width: 384px; }
  4334. md-menu-content[width="7"] {
  4335. min-width: 448px; } }
  4336. md-toolbar.md-menu-toolbar h2.md-toolbar-tools {
  4337. line-height: 1rem;
  4338. height: auto;
  4339. padding: 28px;
  4340. padding-bottom: 12px; }
  4341. md-menu-bar {
  4342. padding: 0 20px;
  4343. display: block;
  4344. position: relative;
  4345. z-index: 2; }
  4346. md-menu-bar .md-menu {
  4347. display: inline-block;
  4348. padding: 0;
  4349. position: relative; }
  4350. md-menu-bar button {
  4351. font-size: 14px;
  4352. padding: 0 10px;
  4353. margin: 0;
  4354. border: 0;
  4355. background-color: transparent;
  4356. height: 40px; }
  4357. md-menu-bar md-backdrop.md-menu-backdrop {
  4358. z-index: -2; }
  4359. md-menu-content.md-menu-bar-menu.md-dense {
  4360. max-height: none;
  4361. padding: 16px 0; }
  4362. md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent {
  4363. position: relative; }
  4364. md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
  4365. position: absolute;
  4366. padding: 0;
  4367. width: 24px;
  4368. top: 6px;
  4369. left: 24px; }
  4370. 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 {
  4371. padding: 0 32px 0 64px; }
  4372. md-menu-content.md-menu-bar-menu.md-dense .md-button {
  4373. min-height: 0;
  4374. height: 32px;
  4375. display: -webkit-flex;
  4376. display: -ms-flexbox;
  4377. display: flex; }
  4378. md-menu-content.md-menu-bar-menu.md-dense .md-button span {
  4379. -webkit-flex-grow: 1;
  4380. -ms-flex-positive: 1;
  4381. flex-grow: 1; }
  4382. md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
  4383. -webkit-flex-grow: 0;
  4384. -ms-flex-positive: 0;
  4385. flex-grow: 0;
  4386. -webkit-align-self: flex-end;
  4387. -ms-flex-item-align: end;
  4388. align-self: flex-end;
  4389. margin: 0 8px; }
  4390. md-menu-content.md-menu-bar-menu.md-dense md-menu-divider {
  4391. margin: 8px 0; }
  4392. md-menu-content.md-menu-bar-menu.md-dense .md-menu {
  4393. padding: 0; }
  4394. md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
  4395. position: relative;
  4396. margin: 0;
  4397. width: 100%;
  4398. text-align: left;
  4399. text-align: start;
  4400. text-transform: none;
  4401. font-weight: normal;
  4402. border-radius: 0px;
  4403. padding-left: 16px; }
  4404. md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
  4405. display: block;
  4406. content: '\25BC';
  4407. position: absolute;
  4408. top: 0px;
  4409. speak: none;
  4410. -webkit-transform: rotate(270deg) scaleY(0.45) scaleX(0.9);
  4411. transform: rotate(270deg) scaleY(0.45) scaleX(0.9);
  4412. right: 28px; }
  4413. @-webkit-keyframes outer-rotate {
  4414. 100% {
  4415. -webkit-transform: rotate(360deg);
  4416. transform: rotate(360deg); } }
  4417. @keyframes outer-rotate {
  4418. 100% {
  4419. -webkit-transform: rotate(360deg);
  4420. transform: rotate(360deg); } }
  4421. @-webkit-keyframes left-wobble {
  4422. 0%, 100% {
  4423. -webkit-transform: rotate(130deg);
  4424. transform: rotate(130deg); }
  4425. 50% {
  4426. -webkit-transform: rotate(-5deg);
  4427. transform: rotate(-5deg); } }
  4428. @keyframes left-wobble {
  4429. 0%, 100% {
  4430. -webkit-transform: rotate(130deg);
  4431. transform: rotate(130deg); }
  4432. 50% {
  4433. -webkit-transform: rotate(-5deg);
  4434. transform: rotate(-5deg); } }
  4435. @-webkit-keyframes right-wobble {
  4436. 0%, 100% {
  4437. -webkit-transform: rotate(-130deg);
  4438. transform: rotate(-130deg); }
  4439. 50% {
  4440. -webkit-transform: rotate(5deg);
  4441. transform: rotate(5deg); } }
  4442. @keyframes right-wobble {
  4443. 0%, 100% {
  4444. -webkit-transform: rotate(-130deg);
  4445. transform: rotate(-130deg); }
  4446. 50% {
  4447. -webkit-transform: rotate(5deg);
  4448. transform: rotate(5deg); } }
  4449. @-webkit-keyframes sporadic-rotate {
  4450. 12.5% {
  4451. -webkit-transform: rotate(135deg);
  4452. transform: rotate(135deg); }
  4453. 25% {
  4454. -webkit-transform: rotate(270deg);
  4455. transform: rotate(270deg); }
  4456. 37.5% {
  4457. -webkit-transform: rotate(405deg);
  4458. transform: rotate(405deg); }
  4459. 50% {
  4460. -webkit-transform: rotate(540deg);
  4461. transform: rotate(540deg); }
  4462. 62.5% {
  4463. -webkit-transform: rotate(675deg);
  4464. transform: rotate(675deg); }
  4465. 75% {
  4466. -webkit-transform: rotate(810deg);
  4467. transform: rotate(810deg); }
  4468. 87.5% {
  4469. -webkit-transform: rotate(945deg);
  4470. transform: rotate(945deg); }
  4471. 100% {
  4472. -webkit-transform: rotate(1080deg);
  4473. transform: rotate(1080deg); } }
  4474. @keyframes sporadic-rotate {
  4475. 12.5% {
  4476. -webkit-transform: rotate(135deg);
  4477. transform: rotate(135deg); }
  4478. 25% {
  4479. -webkit-transform: rotate(270deg);
  4480. transform: rotate(270deg); }
  4481. 37.5% {
  4482. -webkit-transform: rotate(405deg);
  4483. transform: rotate(405deg); }
  4484. 50% {
  4485. -webkit-transform: rotate(540deg);
  4486. transform: rotate(540deg); }
  4487. 62.5% {
  4488. -webkit-transform: rotate(675deg);
  4489. transform: rotate(675deg); }
  4490. 75% {
  4491. -webkit-transform: rotate(810deg);
  4492. transform: rotate(810deg); }
  4493. 87.5% {
  4494. -webkit-transform: rotate(945deg);
  4495. transform: rotate(945deg); }
  4496. 100% {
  4497. -webkit-transform: rotate(1080deg);
  4498. transform: rotate(1080deg); } }
  4499. md-progress-circular {
  4500. width: 100px;
  4501. height: 100px;
  4502. display: block;
  4503. position: relative;
  4504. padding-top: 0 !important;
  4505. margin-bottom: 0 !important;
  4506. overflow: hidden;
  4507. -webkit-transform: scale(0.5);
  4508. transform: scale(0.5); }
  4509. md-progress-circular .md-inner {
  4510. width: 100px;
  4511. height: 100px;
  4512. position: relative; }
  4513. md-progress-circular .md-inner .md-gap {
  4514. position: absolute;
  4515. left: 49px;
  4516. right: 49px;
  4517. top: 0;
  4518. bottom: 0;
  4519. border-top-width: 10px;
  4520. border-top-style: solid;
  4521. box-sizing: border-box; }
  4522. md-progress-circular .md-inner .md-left, md-progress-circular .md-inner .md-right {
  4523. position: absolute;
  4524. top: 0;
  4525. height: 100px;
  4526. width: 49px;
  4527. overflow: hidden; }
  4528. md-progress-circular .md-inner .md-left .md-half-circle, md-progress-circular .md-inner .md-right .md-half-circle {
  4529. position: absolute;
  4530. top: 0;
  4531. width: 100px;
  4532. height: 100px;
  4533. box-sizing: border-box;
  4534. border-width: 10px;
  4535. border-style: solid;
  4536. border-bottom-color: transparent;
  4537. border-radius: 50%; }
  4538. md-progress-circular .md-inner .md-left {
  4539. left: 0; }
  4540. md-progress-circular .md-inner .md-left .md-half-circle {
  4541. left: 0;
  4542. border-right-color: transparent; }
  4543. md-progress-circular .md-inner .md-right {
  4544. right: 0; }
  4545. md-progress-circular .md-inner .md-right .md-half-circle {
  4546. right: 0;
  4547. border-left-color: transparent; }
  4548. md-progress-circular[value="0"] .md-inner .md-left .md-half-circle {
  4549. -webkit-transform: rotate(135deg);
  4550. transform: rotate(135deg); }
  4551. md-progress-circular[value="0"] .md-inner .md-right .md-half-circle {
  4552. transition: -webkit-transform 0.1s linear;
  4553. transition: transform 0.1s linear;
  4554. -webkit-transform: rotate(-135deg);
  4555. transform: rotate(-135deg); }
  4556. md-progress-circular[value="0"] .md-inner .md-gap {
  4557. border-bottom-width: 10px;
  4558. border-bottom-style: solid;
  4559. border-bottom-color: transparent !important; }
  4560. md-progress-circular[value="1"] .md-inner .md-left .md-half-circle {
  4561. -webkit-transform: rotate(135deg);
  4562. transform: rotate(135deg); }
  4563. md-progress-circular[value="1"] .md-inner .md-right .md-half-circle {
  4564. transition: -webkit-transform 0.1s linear;
  4565. transition: transform 0.1s linear;
  4566. -webkit-transform: rotate(-131.4deg);
  4567. transform: rotate(-131.4deg); }
  4568. md-progress-circular[value="1"] .md-inner .md-gap {
  4569. border-bottom-width: 10px;
  4570. border-bottom-style: solid;
  4571. border-bottom-color: transparent !important; }
  4572. md-progress-circular[value="2"] .md-inner .md-left .md-half-circle {
  4573. -webkit-transform: rotate(135deg);
  4574. transform: rotate(135deg); }
  4575. md-progress-circular[value="2"] .md-inner .md-right .md-half-circle {
  4576. transition: -webkit-transform 0.1s linear;
  4577. transition: transform 0.1s linear;
  4578. -webkit-transform: rotate(-127.8deg);
  4579. transform: rotate(-127.8deg); }
  4580. md-progress-circular[value="2"] .md-inner .md-gap {
  4581. border-bottom-width: 10px;
  4582. border-bottom-style: solid;
  4583. border-bottom-color: transparent !important; }
  4584. md-progress-circular[value="3"] .md-inner .md-left .md-half-circle {
  4585. -webkit-transform: rotate(135deg);
  4586. transform: rotate(135deg); }
  4587. md-progress-circular[value="3"] .md-inner .md-right .md-half-circle {
  4588. transition: -webkit-transform 0.1s linear;
  4589. transition: transform 0.1s linear;
  4590. -webkit-transform: rotate(-124.2deg);
  4591. transform: rotate(-124.2deg); }
  4592. md-progress-circular[value="3"] .md-inner .md-gap {
  4593. border-bottom-width: 10px;
  4594. border-bottom-style: solid;
  4595. border-bottom-color: transparent !important; }
  4596. md-progress-circular[value="4"] .md-inner .md-left .md-half-circle {
  4597. -webkit-transform: rotate(135deg);
  4598. transform: rotate(135deg); }
  4599. md-progress-circular[value="4"] .md-inner .md-right .md-half-circle {
  4600. transition: -webkit-transform 0.1s linear;
  4601. transition: transform 0.1s linear;
  4602. -webkit-transform: rotate(-120.6deg);
  4603. transform: rotate(-120.6deg); }
  4604. md-progress-circular[value="4"] .md-inner .md-gap {
  4605. border-bottom-width: 10px;
  4606. border-bottom-style: solid;
  4607. border-bottom-color: transparent !important; }
  4608. md-progress-circular[value="5"] .md-inner .md-left .md-half-circle {
  4609. -webkit-transform: rotate(135deg);
  4610. transform: rotate(135deg); }
  4611. md-progress-circular[value="5"] .md-inner .md-right .md-half-circle {
  4612. transition: -webkit-transform 0.1s linear;
  4613. transition: transform 0.1s linear;
  4614. -webkit-transform: rotate(-117deg);
  4615. transform: rotate(-117deg); }
  4616. md-progress-circular[value="5"] .md-inner .md-gap {
  4617. border-bottom-width: 10px;
  4618. border-bottom-style: solid;
  4619. border-bottom-color: transparent !important; }
  4620. md-progress-circular[value="6"] .md-inner .md-left .md-half-circle {
  4621. -webkit-transform: rotate(135deg);
  4622. transform: rotate(135deg); }
  4623. md-progress-circular[value="6"] .md-inner .md-right .md-half-circle {
  4624. transition: -webkit-transform 0.1s linear;
  4625. transition: transform 0.1s linear;
  4626. -webkit-transform: rotate(-113.4deg);
  4627. transform: rotate(-113.4deg); }
  4628. md-progress-circular[value="6"] .md-inner .md-gap {
  4629. border-bottom-width: 10px;
  4630. border-bottom-style: solid;
  4631. border-bottom-color: transparent !important; }
  4632. md-progress-circular[value="7"] .md-inner .md-left .md-half-circle {
  4633. -webkit-transform: rotate(135deg);
  4634. transform: rotate(135deg); }
  4635. md-progress-circular[value="7"] .md-inner .md-right .md-half-circle {
  4636. transition: -webkit-transform 0.1s linear;
  4637. transition: transform 0.1s linear;
  4638. -webkit-transform: rotate(-109.8deg);
  4639. transform: rotate(-109.8deg); }
  4640. md-progress-circular[value="7"] .md-inner .md-gap {
  4641. border-bottom-width: 10px;
  4642. border-bottom-style: solid;
  4643. border-bottom-color: transparent !important; }
  4644. md-progress-circular[value="8"] .md-inner .md-left .md-half-circle {
  4645. -webkit-transform: rotate(135deg);
  4646. transform: rotate(135deg); }
  4647. md-progress-circular[value="8"] .md-inner .md-right .md-half-circle {
  4648. transition: -webkit-transform 0.1s linear;
  4649. transition: transform 0.1s linear;
  4650. -webkit-transform: rotate(-106.2deg);
  4651. transform: rotate(-106.2deg); }
  4652. md-progress-circular[value="8"] .md-inner .md-gap {
  4653. border-bottom-width: 10px;
  4654. border-bottom-style: solid;
  4655. border-bottom-color: transparent !important; }
  4656. md-progress-circular[value="9"] .md-inner .md-left .md-half-circle {
  4657. -webkit-transform: rotate(135deg);
  4658. transform: rotate(135deg); }
  4659. md-progress-circular[value="9"] .md-inner .md-right .md-half-circle {
  4660. transition: -webkit-transform 0.1s linear;
  4661. transition: transform 0.1s linear;
  4662. -webkit-transform: rotate(-102.6deg);
  4663. transform: rotate(-102.6deg); }
  4664. md-progress-circular[value="9"] .md-inner .md-gap {
  4665. border-bottom-width: 10px;
  4666. border-bottom-style: solid;
  4667. border-bottom-color: transparent !important; }
  4668. md-progress-circular[value="10"] .md-inner .md-left .md-half-circle {
  4669. -webkit-transform: rotate(135deg);
  4670. transform: rotate(135deg); }
  4671. md-progress-circular[value="10"] .md-inner .md-right .md-half-circle {
  4672. transition: -webkit-transform 0.1s linear;
  4673. transition: transform 0.1s linear;
  4674. -webkit-transform: rotate(-99deg);
  4675. transform: rotate(-99deg); }
  4676. md-progress-circular[value="10"] .md-inner .md-gap {
  4677. border-bottom-width: 10px;
  4678. border-bottom-style: solid;
  4679. border-bottom-color: transparent !important; }
  4680. md-progress-circular[value="11"] .md-inner .md-left .md-half-circle {
  4681. -webkit-transform: rotate(135deg);
  4682. transform: rotate(135deg); }
  4683. md-progress-circular[value="11"] .md-inner .md-right .md-half-circle {
  4684. transition: -webkit-transform 0.1s linear;
  4685. transition: transform 0.1s linear;
  4686. -webkit-transform: rotate(-95.4deg);
  4687. transform: rotate(-95.4deg); }
  4688. md-progress-circular[value="11"] .md-inner .md-gap {
  4689. border-bottom-width: 10px;
  4690. border-bottom-style: solid;
  4691. border-bottom-color: transparent !important; }
  4692. md-progress-circular[value="12"] .md-inner .md-left .md-half-circle {
  4693. -webkit-transform: rotate(135deg);
  4694. transform: rotate(135deg); }
  4695. md-progress-circular[value="12"] .md-inner .md-right .md-half-circle {
  4696. transition: -webkit-transform 0.1s linear;
  4697. transition: transform 0.1s linear;
  4698. -webkit-transform: rotate(-91.8deg);
  4699. transform: rotate(-91.8deg); }
  4700. md-progress-circular[value="12"] .md-inner .md-gap {
  4701. border-bottom-width: 10px;
  4702. border-bottom-style: solid;
  4703. border-bottom-color: transparent !important; }
  4704. md-progress-circular[value="13"] .md-inner .md-left .md-half-circle {
  4705. -webkit-transform: rotate(135deg);
  4706. transform: rotate(135deg); }
  4707. md-progress-circular[value="13"] .md-inner .md-right .md-half-circle {
  4708. transition: -webkit-transform 0.1s linear;
  4709. transition: transform 0.1s linear;
  4710. -webkit-transform: rotate(-88.2deg);
  4711. transform: rotate(-88.2deg); }
  4712. md-progress-circular[value="13"] .md-inner .md-gap {
  4713. border-bottom-width: 10px;
  4714. border-bottom-style: solid;
  4715. border-bottom-color: transparent !important; }
  4716. md-progress-circular[value="14"] .md-inner .md-left .md-half-circle {
  4717. -webkit-transform: rotate(135deg);
  4718. transform: rotate(135deg); }
  4719. md-progress-circular[value="14"] .md-inner .md-right .md-half-circle {
  4720. transition: -webkit-transform 0.1s linear;
  4721. transition: transform 0.1s linear;
  4722. -webkit-transform: rotate(-84.6deg);
  4723. transform: rotate(-84.6deg); }
  4724. md-progress-circular[value="14"] .md-inner .md-gap {
  4725. border-bottom-width: 10px;
  4726. border-bottom-style: solid;
  4727. border-bottom-color: transparent !important; }
  4728. md-progress-circular[value="15"] .md-inner .md-left .md-half-circle {
  4729. -webkit-transform: rotate(135deg);
  4730. transform: rotate(135deg); }
  4731. md-progress-circular[value="15"] .md-inner .md-right .md-half-circle {
  4732. transition: -webkit-transform 0.1s linear;
  4733. transition: transform 0.1s linear;
  4734. -webkit-transform: rotate(-81deg);
  4735. transform: rotate(-81deg); }
  4736. md-progress-circular[value="15"] .md-inner .md-gap {
  4737. border-bottom-width: 10px;
  4738. border-bottom-style: solid;
  4739. border-bottom-color: transparent !important; }
  4740. md-progress-circular[value="16"] .md-inner .md-left .md-half-circle {
  4741. -webkit-transform: rotate(135deg);
  4742. transform: rotate(135deg); }
  4743. md-progress-circular[value="16"] .md-inner .md-right .md-half-circle {
  4744. transition: -webkit-transform 0.1s linear;
  4745. transition: transform 0.1s linear;
  4746. -webkit-transform: rotate(-77.4deg);
  4747. transform: rotate(-77.4deg); }
  4748. md-progress-circular[value="16"] .md-inner .md-gap {
  4749. border-bottom-width: 10px;
  4750. border-bottom-style: solid;
  4751. border-bottom-color: transparent !important; }
  4752. md-progress-circular[value="17"] .md-inner .md-left .md-half-circle {
  4753. -webkit-transform: rotate(135deg);
  4754. transform: rotate(135deg); }
  4755. md-progress-circular[value="17"] .md-inner .md-right .md-half-circle {
  4756. transition: -webkit-transform 0.1s linear;
  4757. transition: transform 0.1s linear;
  4758. -webkit-transform: rotate(-73.8deg);
  4759. transform: rotate(-73.8deg); }
  4760. md-progress-circular[value="17"] .md-inner .md-gap {
  4761. border-bottom-width: 10px;
  4762. border-bottom-style: solid;
  4763. border-bottom-color: transparent !important; }
  4764. md-progress-circular[value="18"] .md-inner .md-left .md-half-circle {
  4765. -webkit-transform: rotate(135deg);
  4766. transform: rotate(135deg); }
  4767. md-progress-circular[value="18"] .md-inner .md-right .md-half-circle {
  4768. transition: -webkit-transform 0.1s linear;
  4769. transition: transform 0.1s linear;
  4770. -webkit-transform: rotate(-70.2deg);
  4771. transform: rotate(-70.2deg); }
  4772. md-progress-circular[value="18"] .md-inner .md-gap {
  4773. border-bottom-width: 10px;
  4774. border-bottom-style: solid;
  4775. border-bottom-color: transparent !important; }
  4776. md-progress-circular[value="19"] .md-inner .md-left .md-half-circle {
  4777. -webkit-transform: rotate(135deg);
  4778. transform: rotate(135deg); }
  4779. md-progress-circular[value="19"] .md-inner .md-right .md-half-circle {
  4780. transition: -webkit-transform 0.1s linear;
  4781. transition: transform 0.1s linear;
  4782. -webkit-transform: rotate(-66.6deg);
  4783. transform: rotate(-66.6deg); }
  4784. md-progress-circular[value="19"] .md-inner .md-gap {
  4785. border-bottom-width: 10px;
  4786. border-bottom-style: solid;
  4787. border-bottom-color: transparent !important; }
  4788. md-progress-circular[value="20"] .md-inner .md-left .md-half-circle {
  4789. -webkit-transform: rotate(135deg);
  4790. transform: rotate(135deg); }
  4791. md-progress-circular[value="20"] .md-inner .md-right .md-half-circle {
  4792. transition: -webkit-transform 0.1s linear;
  4793. transition: transform 0.1s linear;
  4794. -webkit-transform: rotate(-63deg);
  4795. transform: rotate(-63deg); }
  4796. md-progress-circular[value="20"] .md-inner .md-gap {
  4797. border-bottom-width: 10px;
  4798. border-bottom-style: solid;
  4799. border-bottom-color: transparent !important; }
  4800. md-progress-circular[value="21"] .md-inner .md-left .md-half-circle {
  4801. -webkit-transform: rotate(135deg);
  4802. transform: rotate(135deg); }
  4803. md-progress-circular[value="21"] .md-inner .md-right .md-half-circle {
  4804. transition: -webkit-transform 0.1s linear;
  4805. transition: transform 0.1s linear;
  4806. -webkit-transform: rotate(-59.4deg);
  4807. transform: rotate(-59.4deg); }
  4808. md-progress-circular[value="21"] .md-inner .md-gap {
  4809. border-bottom-width: 10px;
  4810. border-bottom-style: solid;
  4811. border-bottom-color: transparent !important; }
  4812. md-progress-circular[value="22"] .md-inner .md-left .md-half-circle {
  4813. -webkit-transform: rotate(135deg);
  4814. transform: rotate(135deg); }
  4815. md-progress-circular[value="22"] .md-inner .md-right .md-half-circle {
  4816. transition: -webkit-transform 0.1s linear;
  4817. transition: transform 0.1s linear;
  4818. -webkit-transform: rotate(-55.8deg);
  4819. transform: rotate(-55.8deg); }
  4820. md-progress-circular[value="22"] .md-inner .md-gap {
  4821. border-bottom-width: 10px;
  4822. border-bottom-style: solid;
  4823. border-bottom-color: transparent !important; }
  4824. md-progress-circular[value="23"] .md-inner .md-left .md-half-circle {
  4825. -webkit-transform: rotate(135deg);
  4826. transform: rotate(135deg); }
  4827. md-progress-circular[value="23"] .md-inner .md-right .md-half-circle {
  4828. transition: -webkit-transform 0.1s linear;
  4829. transition: transform 0.1s linear;
  4830. -webkit-transform: rotate(-52.2deg);
  4831. transform: rotate(-52.2deg); }
  4832. md-progress-circular[value="23"] .md-inner .md-gap {
  4833. border-bottom-width: 10px;
  4834. border-bottom-style: solid;
  4835. border-bottom-color: transparent !important; }
  4836. md-progress-circular[value="24"] .md-inner .md-left .md-half-circle {
  4837. -webkit-transform: rotate(135deg);
  4838. transform: rotate(135deg); }
  4839. md-progress-circular[value="24"] .md-inner .md-right .md-half-circle {
  4840. transition: -webkit-transform 0.1s linear;
  4841. transition: transform 0.1s linear;
  4842. -webkit-transform: rotate(-48.6deg);
  4843. transform: rotate(-48.6deg); }
  4844. md-progress-circular[value="24"] .md-inner .md-gap {
  4845. border-bottom-width: 10px;
  4846. border-bottom-style: solid;
  4847. border-bottom-color: transparent !important; }
  4848. md-progress-circular[value="25"] .md-inner .md-left .md-half-circle {
  4849. -webkit-transform: rotate(135deg);
  4850. transform: rotate(135deg); }
  4851. md-progress-circular[value="25"] .md-inner .md-right .md-half-circle {
  4852. transition: -webkit-transform 0.1s linear;
  4853. transition: transform 0.1s linear;
  4854. -webkit-transform: rotate(-45deg);
  4855. transform: rotate(-45deg); }
  4856. md-progress-circular[value="25"] .md-inner .md-gap {
  4857. border-bottom-width: 10px;
  4858. border-bottom-style: solid;
  4859. border-bottom-color: transparent !important; }
  4860. md-progress-circular[value="26"] .md-inner .md-left .md-half-circle {
  4861. -webkit-transform: rotate(135deg);
  4862. transform: rotate(135deg); }
  4863. md-progress-circular[value="26"] .md-inner .md-right .md-half-circle {
  4864. transition: -webkit-transform 0.1s linear;
  4865. transition: transform 0.1s linear;
  4866. -webkit-transform: rotate(-41.4deg);
  4867. transform: rotate(-41.4deg); }
  4868. md-progress-circular[value="26"] .md-inner .md-gap {
  4869. border-bottom-width: 10px;
  4870. border-bottom-style: solid;
  4871. border-bottom-color: transparent !important; }
  4872. md-progress-circular[value="27"] .md-inner .md-left .md-half-circle {
  4873. -webkit-transform: rotate(135deg);
  4874. transform: rotate(135deg); }
  4875. md-progress-circular[value="27"] .md-inner .md-right .md-half-circle {
  4876. transition: -webkit-transform 0.1s linear;
  4877. transition: transform 0.1s linear;
  4878. -webkit-transform: rotate(-37.8deg);
  4879. transform: rotate(-37.8deg); }
  4880. md-progress-circular[value="27"] .md-inner .md-gap {
  4881. border-bottom-width: 10px;
  4882. border-bottom-style: solid;
  4883. border-bottom-color: transparent !important; }
  4884. md-progress-circular[value="28"] .md-inner .md-left .md-half-circle {
  4885. -webkit-transform: rotate(135deg);
  4886. transform: rotate(135deg); }
  4887. md-progress-circular[value="28"] .md-inner .md-right .md-half-circle {
  4888. transition: -webkit-transform 0.1s linear;
  4889. transition: transform 0.1s linear;
  4890. -webkit-transform: rotate(-34.2deg);
  4891. transform: rotate(-34.2deg); }
  4892. md-progress-circular[value="28"] .md-inner .md-gap {
  4893. border-bottom-width: 10px;
  4894. border-bottom-style: solid;
  4895. border-bottom-color: transparent !important; }
  4896. md-progress-circular[value="29"] .md-inner .md-left .md-half-circle {
  4897. -webkit-transform: rotate(135deg);
  4898. transform: rotate(135deg); }
  4899. md-progress-circular[value="29"] .md-inner .md-right .md-half-circle {
  4900. transition: -webkit-transform 0.1s linear;
  4901. transition: transform 0.1s linear;
  4902. -webkit-transform: rotate(-30.6deg);
  4903. transform: rotate(-30.6deg); }
  4904. md-progress-circular[value="29"] .md-inner .md-gap {
  4905. border-bottom-width: 10px;
  4906. border-bottom-style: solid;
  4907. border-bottom-color: transparent !important; }
  4908. md-progress-circular[value="30"] .md-inner .md-left .md-half-circle {
  4909. -webkit-transform: rotate(135deg);
  4910. transform: rotate(135deg); }
  4911. md-progress-circular[value="30"] .md-inner .md-right .md-half-circle {
  4912. transition: -webkit-transform 0.1s linear;
  4913. transition: transform 0.1s linear;
  4914. -webkit-transform: rotate(-27deg);
  4915. transform: rotate(-27deg); }
  4916. md-progress-circular[value="30"] .md-inner .md-gap {
  4917. border-bottom-width: 10px;
  4918. border-bottom-style: solid;
  4919. border-bottom-color: transparent !important; }
  4920. md-progress-circular[value="31"] .md-inner .md-left .md-half-circle {
  4921. -webkit-transform: rotate(135deg);
  4922. transform: rotate(135deg); }
  4923. md-progress-circular[value="31"] .md-inner .md-right .md-half-circle {
  4924. transition: -webkit-transform 0.1s linear;
  4925. transition: transform 0.1s linear;
  4926. -webkit-transform: rotate(-23.4deg);
  4927. transform: rotate(-23.4deg); }
  4928. md-progress-circular[value="31"] .md-inner .md-gap {
  4929. border-bottom-width: 10px;
  4930. border-bottom-style: solid;
  4931. border-bottom-color: transparent !important; }
  4932. md-progress-circular[value="32"] .md-inner .md-left .md-half-circle {
  4933. -webkit-transform: rotate(135deg);
  4934. transform: rotate(135deg); }
  4935. md-progress-circular[value="32"] .md-inner .md-right .md-half-circle {
  4936. transition: -webkit-transform 0.1s linear;
  4937. transition: transform 0.1s linear;
  4938. -webkit-transform: rotate(-19.8deg);
  4939. transform: rotate(-19.8deg); }
  4940. md-progress-circular[value="32"] .md-inner .md-gap {
  4941. border-bottom-width: 10px;
  4942. border-bottom-style: solid;
  4943. border-bottom-color: transparent !important; }
  4944. md-progress-circular[value="33"] .md-inner .md-left .md-half-circle {
  4945. -webkit-transform: rotate(135deg);
  4946. transform: rotate(135deg); }
  4947. md-progress-circular[value="33"] .md-inner .md-right .md-half-circle {
  4948. transition: -webkit-transform 0.1s linear;
  4949. transition: transform 0.1s linear;
  4950. -webkit-transform: rotate(-16.2deg);
  4951. transform: rotate(-16.2deg); }
  4952. md-progress-circular[value="33"] .md-inner .md-gap {
  4953. border-bottom-width: 10px;
  4954. border-bottom-style: solid;
  4955. border-bottom-color: transparent !important; }
  4956. md-progress-circular[value="34"] .md-inner .md-left .md-half-circle {
  4957. -webkit-transform: rotate(135deg);
  4958. transform: rotate(135deg); }
  4959. md-progress-circular[value="34"] .md-inner .md-right .md-half-circle {
  4960. transition: -webkit-transform 0.1s linear;
  4961. transition: transform 0.1s linear;
  4962. -webkit-transform: rotate(-12.6deg);
  4963. transform: rotate(-12.6deg); }
  4964. md-progress-circular[value="34"] .md-inner .md-gap {
  4965. border-bottom-width: 10px;
  4966. border-bottom-style: solid;
  4967. border-bottom-color: transparent !important; }
  4968. md-progress-circular[value="35"] .md-inner .md-left .md-half-circle {
  4969. -webkit-transform: rotate(135deg);
  4970. transform: rotate(135deg); }
  4971. md-progress-circular[value="35"] .md-inner .md-right .md-half-circle {
  4972. transition: -webkit-transform 0.1s linear;
  4973. transition: transform 0.1s linear;
  4974. -webkit-transform: rotate(-9deg);
  4975. transform: rotate(-9deg); }
  4976. md-progress-circular[value="35"] .md-inner .md-gap {
  4977. border-bottom-width: 10px;
  4978. border-bottom-style: solid;
  4979. border-bottom-color: transparent !important; }
  4980. md-progress-circular[value="36"] .md-inner .md-left .md-half-circle {
  4981. -webkit-transform: rotate(135deg);
  4982. transform: rotate(135deg); }
  4983. md-progress-circular[value="36"] .md-inner .md-right .md-half-circle {
  4984. transition: -webkit-transform 0.1s linear;
  4985. transition: transform 0.1s linear;
  4986. -webkit-transform: rotate(-5.4deg);
  4987. transform: rotate(-5.4deg); }
  4988. md-progress-circular[value="36"] .md-inner .md-gap {
  4989. border-bottom-width: 10px;
  4990. border-bottom-style: solid;
  4991. border-bottom-color: transparent !important; }
  4992. md-progress-circular[value="37"] .md-inner .md-left .md-half-circle {
  4993. -webkit-transform: rotate(135deg);
  4994. transform: rotate(135deg); }
  4995. md-progress-circular[value="37"] .md-inner .md-right .md-half-circle {
  4996. transition: -webkit-transform 0.1s linear;
  4997. transition: transform 0.1s linear;
  4998. -webkit-transform: rotate(-1.8deg);
  4999. transform: rotate(-1.8deg); }
  5000. md-progress-circular[value="37"] .md-inner .md-gap {
  5001. border-bottom-width: 10px;
  5002. border-bottom-style: solid;
  5003. border-bottom-color: transparent !important; }
  5004. md-progress-circular[value="38"] .md-inner .md-left .md-half-circle {
  5005. -webkit-transform: rotate(135deg);
  5006. transform: rotate(135deg); }
  5007. md-progress-circular[value="38"] .md-inner .md-right .md-half-circle {
  5008. transition: -webkit-transform 0.1s linear;
  5009. transition: transform 0.1s linear;
  5010. -webkit-transform: rotate(1.8deg);
  5011. transform: rotate(1.8deg); }
  5012. md-progress-circular[value="38"] .md-inner .md-gap {
  5013. border-bottom-width: 10px;
  5014. border-bottom-style: solid;
  5015. border-bottom-color: transparent !important; }
  5016. md-progress-circular[value="39"] .md-inner .md-left .md-half-circle {
  5017. -webkit-transform: rotate(135deg);
  5018. transform: rotate(135deg); }
  5019. md-progress-circular[value="39"] .md-inner .md-right .md-half-circle {
  5020. transition: -webkit-transform 0.1s linear;
  5021. transition: transform 0.1s linear;
  5022. -webkit-transform: rotate(5.4deg);
  5023. transform: rotate(5.4deg); }
  5024. md-progress-circular[value="39"] .md-inner .md-gap {
  5025. border-bottom-width: 10px;
  5026. border-bottom-style: solid;
  5027. border-bottom-color: transparent !important; }
  5028. md-progress-circular[value="40"] .md-inner .md-left .md-half-circle {
  5029. -webkit-transform: rotate(135deg);
  5030. transform: rotate(135deg); }
  5031. md-progress-circular[value="40"] .md-inner .md-right .md-half-circle {
  5032. transition: -webkit-transform 0.1s linear;
  5033. transition: transform 0.1s linear;
  5034. -webkit-transform: rotate(9deg);
  5035. transform: rotate(9deg); }
  5036. md-progress-circular[value="40"] .md-inner .md-gap {
  5037. border-bottom-width: 10px;
  5038. border-bottom-style: solid;
  5039. border-bottom-color: transparent !important; }
  5040. md-progress-circular[value="41"] .md-inner .md-left .md-half-circle {
  5041. -webkit-transform: rotate(135deg);
  5042. transform: rotate(135deg); }
  5043. md-progress-circular[value="41"] .md-inner .md-right .md-half-circle {
  5044. transition: -webkit-transform 0.1s linear;
  5045. transition: transform 0.1s linear;
  5046. -webkit-transform: rotate(12.6deg);
  5047. transform: rotate(12.6deg); }
  5048. md-progress-circular[value="41"] .md-inner .md-gap {
  5049. border-bottom-width: 10px;
  5050. border-bottom-style: solid;
  5051. border-bottom-color: transparent !important; }
  5052. md-progress-circular[value="42"] .md-inner .md-left .md-half-circle {
  5053. -webkit-transform: rotate(135deg);
  5054. transform: rotate(135deg); }
  5055. md-progress-circular[value="42"] .md-inner .md-right .md-half-circle {
  5056. transition: -webkit-transform 0.1s linear;
  5057. transition: transform 0.1s linear;
  5058. -webkit-transform: rotate(16.2deg);
  5059. transform: rotate(16.2deg); }
  5060. md-progress-circular[value="42"] .md-inner .md-gap {
  5061. border-bottom-width: 10px;
  5062. border-bottom-style: solid;
  5063. border-bottom-color: transparent !important; }
  5064. md-progress-circular[value="43"] .md-inner .md-left .md-half-circle {
  5065. -webkit-transform: rotate(135deg);
  5066. transform: rotate(135deg); }
  5067. md-progress-circular[value="43"] .md-inner .md-right .md-half-circle {
  5068. transition: -webkit-transform 0.1s linear;
  5069. transition: transform 0.1s linear;
  5070. -webkit-transform: rotate(19.8deg);
  5071. transform: rotate(19.8deg); }
  5072. md-progress-circular[value="43"] .md-inner .md-gap {
  5073. border-bottom-width: 10px;
  5074. border-bottom-style: solid;
  5075. border-bottom-color: transparent !important; }
  5076. md-progress-circular[value="44"] .md-inner .md-left .md-half-circle {
  5077. -webkit-transform: rotate(135deg);
  5078. transform: rotate(135deg); }
  5079. md-progress-circular[value="44"] .md-inner .md-right .md-half-circle {
  5080. transition: -webkit-transform 0.1s linear;
  5081. transition: transform 0.1s linear;
  5082. -webkit-transform: rotate(23.4deg);
  5083. transform: rotate(23.4deg); }
  5084. md-progress-circular[value="44"] .md-inner .md-gap {
  5085. border-bottom-width: 10px;
  5086. border-bottom-style: solid;
  5087. border-bottom-color: transparent !important; }
  5088. md-progress-circular[value="45"] .md-inner .md-left .md-half-circle {
  5089. -webkit-transform: rotate(135deg);
  5090. transform: rotate(135deg); }
  5091. md-progress-circular[value="45"] .md-inner .md-right .md-half-circle {
  5092. transition: -webkit-transform 0.1s linear;
  5093. transition: transform 0.1s linear;
  5094. -webkit-transform: rotate(27deg);
  5095. transform: rotate(27deg); }
  5096. md-progress-circular[value="45"] .md-inner .md-gap {
  5097. border-bottom-width: 10px;
  5098. border-bottom-style: solid;
  5099. border-bottom-color: transparent !important; }
  5100. md-progress-circular[value="46"] .md-inner .md-left .md-half-circle {
  5101. -webkit-transform: rotate(135deg);
  5102. transform: rotate(135deg); }
  5103. md-progress-circular[value="46"] .md-inner .md-right .md-half-circle {
  5104. transition: -webkit-transform 0.1s linear;
  5105. transition: transform 0.1s linear;
  5106. -webkit-transform: rotate(30.6deg);
  5107. transform: rotate(30.6deg); }
  5108. md-progress-circular[value="46"] .md-inner .md-gap {
  5109. border-bottom-width: 10px;
  5110. border-bottom-style: solid;
  5111. border-bottom-color: transparent !important; }
  5112. md-progress-circular[value="47"] .md-inner .md-left .md-half-circle {
  5113. -webkit-transform: rotate(135deg);
  5114. transform: rotate(135deg); }
  5115. md-progress-circular[value="47"] .md-inner .md-right .md-half-circle {
  5116. transition: -webkit-transform 0.1s linear;
  5117. transition: transform 0.1s linear;
  5118. -webkit-transform: rotate(34.2deg);
  5119. transform: rotate(34.2deg); }
  5120. md-progress-circular[value="47"] .md-inner .md-gap {
  5121. border-bottom-width: 10px;
  5122. border-bottom-style: solid;
  5123. border-bottom-color: transparent !important; }
  5124. md-progress-circular[value="48"] .md-inner .md-left .md-half-circle {
  5125. -webkit-transform: rotate(135deg);
  5126. transform: rotate(135deg); }
  5127. md-progress-circular[value="48"] .md-inner .md-right .md-half-circle {
  5128. transition: -webkit-transform 0.1s linear;
  5129. transition: transform 0.1s linear;
  5130. -webkit-transform: rotate(37.8deg);
  5131. transform: rotate(37.8deg); }
  5132. md-progress-circular[value="48"] .md-inner .md-gap {
  5133. border-bottom-width: 10px;
  5134. border-bottom-style: solid;
  5135. border-bottom-color: transparent !important; }
  5136. md-progress-circular[value="49"] .md-inner .md-left .md-half-circle {
  5137. -webkit-transform: rotate(135deg);
  5138. transform: rotate(135deg); }
  5139. md-progress-circular[value="49"] .md-inner .md-right .md-half-circle {
  5140. transition: -webkit-transform 0.1s linear;
  5141. transition: transform 0.1s linear;
  5142. -webkit-transform: rotate(41.4deg);
  5143. transform: rotate(41.4deg); }
  5144. md-progress-circular[value="49"] .md-inner .md-gap {
  5145. border-bottom-width: 10px;
  5146. border-bottom-style: solid;
  5147. border-bottom-color: transparent !important; }
  5148. md-progress-circular[value="50"] .md-inner .md-left .md-half-circle {
  5149. transition: -webkit-transform 0.1s linear;
  5150. transition: transform 0.1s linear;
  5151. -webkit-transform: rotate(135deg);
  5152. transform: rotate(135deg); }
  5153. md-progress-circular[value="50"] .md-inner .md-right .md-half-circle {
  5154. transition: -webkit-transform 0.1s linear;
  5155. transition: transform 0.1s linear;
  5156. -webkit-transform: rotate(45deg);
  5157. transform: rotate(45deg); }
  5158. md-progress-circular[value="50"] .md-inner .md-gap {
  5159. border-bottom-width: 10px;
  5160. border-bottom-style: solid;
  5161. border-bottom-color: transparent !important; }
  5162. md-progress-circular[value="51"] .md-inner .md-left .md-half-circle {
  5163. transition: -webkit-transform 0.1s linear;
  5164. transition: transform 0.1s linear;
  5165. -webkit-transform: rotate(138.6deg);
  5166. transform: rotate(138.6deg); }
  5167. md-progress-circular[value="51"] .md-inner .md-right .md-half-circle {
  5168. -webkit-transform: rotate(45deg);
  5169. transform: rotate(45deg); }
  5170. md-progress-circular[value="51"] .md-inner .md-gap {
  5171. border-bottom-width: 10px;
  5172. border-bottom-style: solid;
  5173. transition: border-bottom-color 0.1s linear; }
  5174. md-progress-circular[value="52"] .md-inner .md-left .md-half-circle {
  5175. transition: -webkit-transform 0.1s linear;
  5176. transition: transform 0.1s linear;
  5177. -webkit-transform: rotate(142.2deg);
  5178. transform: rotate(142.2deg); }
  5179. md-progress-circular[value="52"] .md-inner .md-right .md-half-circle {
  5180. -webkit-transform: rotate(45deg);
  5181. transform: rotate(45deg); }
  5182. md-progress-circular[value="52"] .md-inner .md-gap {
  5183. border-bottom-width: 10px;
  5184. border-bottom-style: solid;
  5185. transition: border-bottom-color 0.1s linear; }
  5186. md-progress-circular[value="53"] .md-inner .md-left .md-half-circle {
  5187. transition: -webkit-transform 0.1s linear;
  5188. transition: transform 0.1s linear;
  5189. -webkit-transform: rotate(145.8deg);
  5190. transform: rotate(145.8deg); }
  5191. md-progress-circular[value="53"] .md-inner .md-right .md-half-circle {
  5192. -webkit-transform: rotate(45deg);
  5193. transform: rotate(45deg); }
  5194. md-progress-circular[value="53"] .md-inner .md-gap {
  5195. border-bottom-width: 10px;
  5196. border-bottom-style: solid;
  5197. transition: border-bottom-color 0.1s linear; }
  5198. md-progress-circular[value="54"] .md-inner .md-left .md-half-circle {
  5199. transition: -webkit-transform 0.1s linear;
  5200. transition: transform 0.1s linear;
  5201. -webkit-transform: rotate(149.4deg);
  5202. transform: rotate(149.4deg); }
  5203. md-progress-circular[value="54"] .md-inner .md-right .md-half-circle {
  5204. -webkit-transform: rotate(45deg);
  5205. transform: rotate(45deg); }
  5206. md-progress-circular[value="54"] .md-inner .md-gap {
  5207. border-bottom-width: 10px;
  5208. border-bottom-style: solid;
  5209. transition: border-bottom-color 0.1s linear; }
  5210. md-progress-circular[value="55"] .md-inner .md-left .md-half-circle {
  5211. transition: -webkit-transform 0.1s linear;
  5212. transition: transform 0.1s linear;
  5213. -webkit-transform: rotate(153deg);
  5214. transform: rotate(153deg); }
  5215. md-progress-circular[value="55"] .md-inner .md-right .md-half-circle {
  5216. -webkit-transform: rotate(45deg);
  5217. transform: rotate(45deg); }
  5218. md-progress-circular[value="55"] .md-inner .md-gap {
  5219. border-bottom-width: 10px;
  5220. border-bottom-style: solid;
  5221. transition: border-bottom-color 0.1s linear; }
  5222. md-progress-circular[value="56"] .md-inner .md-left .md-half-circle {
  5223. transition: -webkit-transform 0.1s linear;
  5224. transition: transform 0.1s linear;
  5225. -webkit-transform: rotate(156.6deg);
  5226. transform: rotate(156.6deg); }
  5227. md-progress-circular[value="56"] .md-inner .md-right .md-half-circle {
  5228. -webkit-transform: rotate(45deg);
  5229. transform: rotate(45deg); }
  5230. md-progress-circular[value="56"] .md-inner .md-gap {
  5231. border-bottom-width: 10px;
  5232. border-bottom-style: solid;
  5233. transition: border-bottom-color 0.1s linear; }
  5234. md-progress-circular[value="57"] .md-inner .md-left .md-half-circle {
  5235. transition: -webkit-transform 0.1s linear;
  5236. transition: transform 0.1s linear;
  5237. -webkit-transform: rotate(160.2deg);
  5238. transform: rotate(160.2deg); }
  5239. md-progress-circular[value="57"] .md-inner .md-right .md-half-circle {
  5240. -webkit-transform: rotate(45deg);
  5241. transform: rotate(45deg); }
  5242. md-progress-circular[value="57"] .md-inner .md-gap {
  5243. border-bottom-width: 10px;
  5244. border-bottom-style: solid;
  5245. transition: border-bottom-color 0.1s linear; }
  5246. md-progress-circular[value="58"] .md-inner .md-left .md-half-circle {
  5247. transition: -webkit-transform 0.1s linear;
  5248. transition: transform 0.1s linear;
  5249. -webkit-transform: rotate(163.8deg);
  5250. transform: rotate(163.8deg); }
  5251. md-progress-circular[value="58"] .md-inner .md-right .md-half-circle {
  5252. -webkit-transform: rotate(45deg);
  5253. transform: rotate(45deg); }
  5254. md-progress-circular[value="58"] .md-inner .md-gap {
  5255. border-bottom-width: 10px;
  5256. border-bottom-style: solid;
  5257. transition: border-bottom-color 0.1s linear; }
  5258. md-progress-circular[value="59"] .md-inner .md-left .md-half-circle {
  5259. transition: -webkit-transform 0.1s linear;
  5260. transition: transform 0.1s linear;
  5261. -webkit-transform: rotate(167.4deg);
  5262. transform: rotate(167.4deg); }
  5263. md-progress-circular[value="59"] .md-inner .md-right .md-half-circle {
  5264. -webkit-transform: rotate(45deg);
  5265. transform: rotate(45deg); }
  5266. md-progress-circular[value="59"] .md-inner .md-gap {
  5267. border-bottom-width: 10px;
  5268. border-bottom-style: solid;
  5269. transition: border-bottom-color 0.1s linear; }
  5270. md-progress-circular[value="60"] .md-inner .md-left .md-half-circle {
  5271. transition: -webkit-transform 0.1s linear;
  5272. transition: transform 0.1s linear;
  5273. -webkit-transform: rotate(171deg);
  5274. transform: rotate(171deg); }
  5275. md-progress-circular[value="60"] .md-inner .md-right .md-half-circle {
  5276. -webkit-transform: rotate(45deg);
  5277. transform: rotate(45deg); }
  5278. md-progress-circular[value="60"] .md-inner .md-gap {
  5279. border-bottom-width: 10px;
  5280. border-bottom-style: solid;
  5281. transition: border-bottom-color 0.1s linear; }
  5282. md-progress-circular[value="61"] .md-inner .md-left .md-half-circle {
  5283. transition: -webkit-transform 0.1s linear;
  5284. transition: transform 0.1s linear;
  5285. -webkit-transform: rotate(174.6deg);
  5286. transform: rotate(174.6deg); }
  5287. md-progress-circular[value="61"] .md-inner .md-right .md-half-circle {
  5288. -webkit-transform: rotate(45deg);
  5289. transform: rotate(45deg); }
  5290. md-progress-circular[value="61"] .md-inner .md-gap {
  5291. border-bottom-width: 10px;
  5292. border-bottom-style: solid;
  5293. transition: border-bottom-color 0.1s linear; }
  5294. md-progress-circular[value="62"] .md-inner .md-left .md-half-circle {
  5295. transition: -webkit-transform 0.1s linear;
  5296. transition: transform 0.1s linear;
  5297. -webkit-transform: rotate(178.2deg);
  5298. transform: rotate(178.2deg); }
  5299. md-progress-circular[value="62"] .md-inner .md-right .md-half-circle {
  5300. -webkit-transform: rotate(45deg);
  5301. transform: rotate(45deg); }
  5302. md-progress-circular[value="62"] .md-inner .md-gap {
  5303. border-bottom-width: 10px;
  5304. border-bottom-style: solid;
  5305. transition: border-bottom-color 0.1s linear; }
  5306. md-progress-circular[value="63"] .md-inner .md-left .md-half-circle {
  5307. transition: -webkit-transform 0.1s linear;
  5308. transition: transform 0.1s linear;
  5309. -webkit-transform: rotate(181.8deg);
  5310. transform: rotate(181.8deg); }
  5311. md-progress-circular[value="63"] .md-inner .md-right .md-half-circle {
  5312. -webkit-transform: rotate(45deg);
  5313. transform: rotate(45deg); }
  5314. md-progress-circular[value="63"] .md-inner .md-gap {
  5315. border-bottom-width: 10px;
  5316. border-bottom-style: solid;
  5317. transition: border-bottom-color 0.1s linear; }
  5318. md-progress-circular[value="64"] .md-inner .md-left .md-half-circle {
  5319. transition: -webkit-transform 0.1s linear;
  5320. transition: transform 0.1s linear;
  5321. -webkit-transform: rotate(185.4deg);
  5322. transform: rotate(185.4deg); }
  5323. md-progress-circular[value="64"] .md-inner .md-right .md-half-circle {
  5324. -webkit-transform: rotate(45deg);
  5325. transform: rotate(45deg); }
  5326. md-progress-circular[value="64"] .md-inner .md-gap {
  5327. border-bottom-width: 10px;
  5328. border-bottom-style: solid;
  5329. transition: border-bottom-color 0.1s linear; }
  5330. md-progress-circular[value="65"] .md-inner .md-left .md-half-circle {
  5331. transition: -webkit-transform 0.1s linear;
  5332. transition: transform 0.1s linear;
  5333. -webkit-transform: rotate(189deg);
  5334. transform: rotate(189deg); }
  5335. md-progress-circular[value="65"] .md-inner .md-right .md-half-circle {
  5336. -webkit-transform: rotate(45deg);
  5337. transform: rotate(45deg); }
  5338. md-progress-circular[value="65"] .md-inner .md-gap {
  5339. border-bottom-width: 10px;
  5340. border-bottom-style: solid;
  5341. transition: border-bottom-color 0.1s linear; }
  5342. md-progress-circular[value="66"] .md-inner .md-left .md-half-circle {
  5343. transition: -webkit-transform 0.1s linear;
  5344. transition: transform 0.1s linear;
  5345. -webkit-transform: rotate(192.6deg);
  5346. transform: rotate(192.6deg); }
  5347. md-progress-circular[value="66"] .md-inner .md-right .md-half-circle {
  5348. -webkit-transform: rotate(45deg);
  5349. transform: rotate(45deg); }
  5350. md-progress-circular[value="66"] .md-inner .md-gap {
  5351. border-bottom-width: 10px;
  5352. border-bottom-style: solid;
  5353. transition: border-bottom-color 0.1s linear; }
  5354. md-progress-circular[value="67"] .md-inner .md-left .md-half-circle {
  5355. transition: -webkit-transform 0.1s linear;
  5356. transition: transform 0.1s linear;
  5357. -webkit-transform: rotate(196.2deg);
  5358. transform: rotate(196.2deg); }
  5359. md-progress-circular[value="67"] .md-inner .md-right .md-half-circle {
  5360. -webkit-transform: rotate(45deg);
  5361. transform: rotate(45deg); }
  5362. md-progress-circular[value="67"] .md-inner .md-gap {
  5363. border-bottom-width: 10px;
  5364. border-bottom-style: solid;
  5365. transition: border-bottom-color 0.1s linear; }
  5366. md-progress-circular[value="68"] .md-inner .md-left .md-half-circle {
  5367. transition: -webkit-transform 0.1s linear;
  5368. transition: transform 0.1s linear;
  5369. -webkit-transform: rotate(199.8deg);
  5370. transform: rotate(199.8deg); }
  5371. md-progress-circular[value="68"] .md-inner .md-right .md-half-circle {
  5372. -webkit-transform: rotate(45deg);
  5373. transform: rotate(45deg); }
  5374. md-progress-circular[value="68"] .md-inner .md-gap {
  5375. border-bottom-width: 10px;
  5376. border-bottom-style: solid;
  5377. transition: border-bottom-color 0.1s linear; }
  5378. md-progress-circular[value="69"] .md-inner .md-left .md-half-circle {
  5379. transition: -webkit-transform 0.1s linear;
  5380. transition: transform 0.1s linear;
  5381. -webkit-transform: rotate(203.4deg);
  5382. transform: rotate(203.4deg); }
  5383. md-progress-circular[value="69"] .md-inner .md-right .md-half-circle {
  5384. -webkit-transform: rotate(45deg);
  5385. transform: rotate(45deg); }
  5386. md-progress-circular[value="69"] .md-inner .md-gap {
  5387. border-bottom-width: 10px;
  5388. border-bottom-style: solid;
  5389. transition: border-bottom-color 0.1s linear; }
  5390. md-progress-circular[value="70"] .md-inner .md-left .md-half-circle {
  5391. transition: -webkit-transform 0.1s linear;
  5392. transition: transform 0.1s linear;
  5393. -webkit-transform: rotate(207deg);
  5394. transform: rotate(207deg); }
  5395. md-progress-circular[value="70"] .md-inner .md-right .md-half-circle {
  5396. -webkit-transform: rotate(45deg);
  5397. transform: rotate(45deg); }
  5398. md-progress-circular[value="70"] .md-inner .md-gap {
  5399. border-bottom-width: 10px;
  5400. border-bottom-style: solid;
  5401. transition: border-bottom-color 0.1s linear; }
  5402. md-progress-circular[value="71"] .md-inner .md-left .md-half-circle {
  5403. transition: -webkit-transform 0.1s linear;
  5404. transition: transform 0.1s linear;
  5405. -webkit-transform: rotate(210.6deg);
  5406. transform: rotate(210.6deg); }
  5407. md-progress-circular[value="71"] .md-inner .md-right .md-half-circle {
  5408. -webkit-transform: rotate(45deg);
  5409. transform: rotate(45deg); }
  5410. md-progress-circular[value="71"] .md-inner .md-gap {
  5411. border-bottom-width: 10px;
  5412. border-bottom-style: solid;
  5413. transition: border-bottom-color 0.1s linear; }
  5414. md-progress-circular[value="72"] .md-inner .md-left .md-half-circle {
  5415. transition: -webkit-transform 0.1s linear;
  5416. transition: transform 0.1s linear;
  5417. -webkit-transform: rotate(214.2deg);
  5418. transform: rotate(214.2deg); }
  5419. md-progress-circular[value="72"] .md-inner .md-right .md-half-circle {
  5420. -webkit-transform: rotate(45deg);
  5421. transform: rotate(45deg); }
  5422. md-progress-circular[value="72"] .md-inner .md-gap {
  5423. border-bottom-width: 10px;
  5424. border-bottom-style: solid;
  5425. transition: border-bottom-color 0.1s linear; }
  5426. md-progress-circular[value="73"] .md-inner .md-left .md-half-circle {
  5427. transition: -webkit-transform 0.1s linear;
  5428. transition: transform 0.1s linear;
  5429. -webkit-transform: rotate(217.8deg);
  5430. transform: rotate(217.8deg); }
  5431. md-progress-circular[value="73"] .md-inner .md-right .md-half-circle {
  5432. -webkit-transform: rotate(45deg);
  5433. transform: rotate(45deg); }
  5434. md-progress-circular[value="73"] .md-inner .md-gap {
  5435. border-bottom-width: 10px;
  5436. border-bottom-style: solid;
  5437. transition: border-bottom-color 0.1s linear; }
  5438. md-progress-circular[value="74"] .md-inner .md-left .md-half-circle {
  5439. transition: -webkit-transform 0.1s linear;
  5440. transition: transform 0.1s linear;
  5441. -webkit-transform: rotate(221.4deg);
  5442. transform: rotate(221.4deg); }
  5443. md-progress-circular[value="74"] .md-inner .md-right .md-half-circle {
  5444. -webkit-transform: rotate(45deg);
  5445. transform: rotate(45deg); }
  5446. md-progress-circular[value="74"] .md-inner .md-gap {
  5447. border-bottom-width: 10px;
  5448. border-bottom-style: solid;
  5449. transition: border-bottom-color 0.1s linear; }
  5450. md-progress-circular[value="75"] .md-inner .md-left .md-half-circle {
  5451. transition: -webkit-transform 0.1s linear;
  5452. transition: transform 0.1s linear;
  5453. -webkit-transform: rotate(225deg);
  5454. transform: rotate(225deg); }
  5455. md-progress-circular[value="75"] .md-inner .md-right .md-half-circle {
  5456. -webkit-transform: rotate(45deg);
  5457. transform: rotate(45deg); }
  5458. md-progress-circular[value="75"] .md-inner .md-gap {
  5459. border-bottom-width: 10px;
  5460. border-bottom-style: solid;
  5461. transition: border-bottom-color 0.1s linear; }
  5462. md-progress-circular[value="76"] .md-inner .md-left .md-half-circle {
  5463. transition: -webkit-transform 0.1s linear;
  5464. transition: transform 0.1s linear;
  5465. -webkit-transform: rotate(228.6deg);
  5466. transform: rotate(228.6deg); }
  5467. md-progress-circular[value="76"] .md-inner .md-right .md-half-circle {
  5468. -webkit-transform: rotate(45deg);
  5469. transform: rotate(45deg); }
  5470. md-progress-circular[value="76"] .md-inner .md-gap {
  5471. border-bottom-width: 10px;
  5472. border-bottom-style: solid;
  5473. transition: border-bottom-color 0.1s linear; }
  5474. md-progress-circular[value="77"] .md-inner .md-left .md-half-circle {
  5475. transition: -webkit-transform 0.1s linear;
  5476. transition: transform 0.1s linear;
  5477. -webkit-transform: rotate(232.2deg);
  5478. transform: rotate(232.2deg); }
  5479. md-progress-circular[value="77"] .md-inner .md-right .md-half-circle {
  5480. -webkit-transform: rotate(45deg);
  5481. transform: rotate(45deg); }
  5482. md-progress-circular[value="77"] .md-inner .md-gap {
  5483. border-bottom-width: 10px;
  5484. border-bottom-style: solid;
  5485. transition: border-bottom-color 0.1s linear; }
  5486. md-progress-circular[value="78"] .md-inner .md-left .md-half-circle {
  5487. transition: -webkit-transform 0.1s linear;
  5488. transition: transform 0.1s linear;
  5489. -webkit-transform: rotate(235.8deg);
  5490. transform: rotate(235.8deg); }
  5491. md-progress-circular[value="78"] .md-inner .md-right .md-half-circle {
  5492. -webkit-transform: rotate(45deg);
  5493. transform: rotate(45deg); }
  5494. md-progress-circular[value="78"] .md-inner .md-gap {
  5495. border-bottom-width: 10px;
  5496. border-bottom-style: solid;
  5497. transition: border-bottom-color 0.1s linear; }
  5498. md-progress-circular[value="79"] .md-inner .md-left .md-half-circle {
  5499. transition: -webkit-transform 0.1s linear;
  5500. transition: transform 0.1s linear;
  5501. -webkit-transform: rotate(239.4deg);
  5502. transform: rotate(239.4deg); }
  5503. md-progress-circular[value="79"] .md-inner .md-right .md-half-circle {
  5504. -webkit-transform: rotate(45deg);
  5505. transform: rotate(45deg); }
  5506. md-progress-circular[value="79"] .md-inner .md-gap {
  5507. border-bottom-width: 10px;
  5508. border-bottom-style: solid;
  5509. transition: border-bottom-color 0.1s linear; }
  5510. md-progress-circular[value="80"] .md-inner .md-left .md-half-circle {
  5511. transition: -webkit-transform 0.1s linear;
  5512. transition: transform 0.1s linear;
  5513. -webkit-transform: rotate(243deg);
  5514. transform: rotate(243deg); }
  5515. md-progress-circular[value="80"] .md-inner .md-right .md-half-circle {
  5516. -webkit-transform: rotate(45deg);
  5517. transform: rotate(45deg); }
  5518. md-progress-circular[value="80"] .md-inner .md-gap {
  5519. border-bottom-width: 10px;
  5520. border-bottom-style: solid;
  5521. transition: border-bottom-color 0.1s linear; }
  5522. md-progress-circular[value="81"] .md-inner .md-left .md-half-circle {
  5523. transition: -webkit-transform 0.1s linear;
  5524. transition: transform 0.1s linear;
  5525. -webkit-transform: rotate(246.6deg);
  5526. transform: rotate(246.6deg); }
  5527. md-progress-circular[value="81"] .md-inner .md-right .md-half-circle {
  5528. -webkit-transform: rotate(45deg);
  5529. transform: rotate(45deg); }
  5530. md-progress-circular[value="81"] .md-inner .md-gap {
  5531. border-bottom-width: 10px;
  5532. border-bottom-style: solid;
  5533. transition: border-bottom-color 0.1s linear; }
  5534. md-progress-circular[value="82"] .md-inner .md-left .md-half-circle {
  5535. transition: -webkit-transform 0.1s linear;
  5536. transition: transform 0.1s linear;
  5537. -webkit-transform: rotate(250.2deg);
  5538. transform: rotate(250.2deg); }
  5539. md-progress-circular[value="82"] .md-inner .md-right .md-half-circle {
  5540. -webkit-transform: rotate(45deg);
  5541. transform: rotate(45deg); }
  5542. md-progress-circular[value="82"] .md-inner .md-gap {
  5543. border-bottom-width: 10px;
  5544. border-bottom-style: solid;
  5545. transition: border-bottom-color 0.1s linear; }
  5546. md-progress-circular[value="83"] .md-inner .md-left .md-half-circle {
  5547. transition: -webkit-transform 0.1s linear;
  5548. transition: transform 0.1s linear;
  5549. -webkit-transform: rotate(253.8deg);
  5550. transform: rotate(253.8deg); }
  5551. md-progress-circular[value="83"] .md-inner .md-right .md-half-circle {
  5552. -webkit-transform: rotate(45deg);
  5553. transform: rotate(45deg); }
  5554. md-progress-circular[value="83"] .md-inner .md-gap {
  5555. border-bottom-width: 10px;
  5556. border-bottom-style: solid;
  5557. transition: border-bottom-color 0.1s linear; }
  5558. md-progress-circular[value="84"] .md-inner .md-left .md-half-circle {
  5559. transition: -webkit-transform 0.1s linear;
  5560. transition: transform 0.1s linear;
  5561. -webkit-transform: rotate(257.4deg);
  5562. transform: rotate(257.4deg); }
  5563. md-progress-circular[value="84"] .md-inner .md-right .md-half-circle {
  5564. -webkit-transform: rotate(45deg);
  5565. transform: rotate(45deg); }
  5566. md-progress-circular[value="84"] .md-inner .md-gap {
  5567. border-bottom-width: 10px;
  5568. border-bottom-style: solid;
  5569. transition: border-bottom-color 0.1s linear; }
  5570. md-progress-circular[value="85"] .md-inner .md-left .md-half-circle {
  5571. transition: -webkit-transform 0.1s linear;
  5572. transition: transform 0.1s linear;
  5573. -webkit-transform: rotate(261deg);
  5574. transform: rotate(261deg); }
  5575. md-progress-circular[value="85"] .md-inner .md-right .md-half-circle {
  5576. -webkit-transform: rotate(45deg);
  5577. transform: rotate(45deg); }
  5578. md-progress-circular[value="85"] .md-inner .md-gap {
  5579. border-bottom-width: 10px;
  5580. border-bottom-style: solid;
  5581. transition: border-bottom-color 0.1s linear; }
  5582. md-progress-circular[value="86"] .md-inner .md-left .md-half-circle {
  5583. transition: -webkit-transform 0.1s linear;
  5584. transition: transform 0.1s linear;
  5585. -webkit-transform: rotate(264.6deg);
  5586. transform: rotate(264.6deg); }
  5587. md-progress-circular[value="86"] .md-inner .md-right .md-half-circle {
  5588. -webkit-transform: rotate(45deg);
  5589. transform: rotate(45deg); }
  5590. md-progress-circular[value="86"] .md-inner .md-gap {
  5591. border-bottom-width: 10px;
  5592. border-bottom-style: solid;
  5593. transition: border-bottom-color 0.1s linear; }
  5594. md-progress-circular[value="87"] .md-inner .md-left .md-half-circle {
  5595. transition: -webkit-transform 0.1s linear;
  5596. transition: transform 0.1s linear;
  5597. -webkit-transform: rotate(268.2deg);
  5598. transform: rotate(268.2deg); }
  5599. md-progress-circular[value="87"] .md-inner .md-right .md-half-circle {
  5600. -webkit-transform: rotate(45deg);
  5601. transform: rotate(45deg); }
  5602. md-progress-circular[value="87"] .md-inner .md-gap {
  5603. border-bottom-width: 10px;
  5604. border-bottom-style: solid;
  5605. transition: border-bottom-color 0.1s linear; }
  5606. md-progress-circular[value="88"] .md-inner .md-left .md-half-circle {
  5607. transition: -webkit-transform 0.1s linear;
  5608. transition: transform 0.1s linear;
  5609. -webkit-transform: rotate(271.8deg);
  5610. transform: rotate(271.8deg); }
  5611. md-progress-circular[value="88"] .md-inner .md-right .md-half-circle {
  5612. -webkit-transform: rotate(45deg);
  5613. transform: rotate(45deg); }
  5614. md-progress-circular[value="88"] .md-inner .md-gap {
  5615. border-bottom-width: 10px;
  5616. border-bottom-style: solid;
  5617. transition: border-bottom-color 0.1s linear; }
  5618. md-progress-circular[value="89"] .md-inner .md-left .md-half-circle {
  5619. transition: -webkit-transform 0.1s linear;
  5620. transition: transform 0.1s linear;
  5621. -webkit-transform: rotate(275.4deg);
  5622. transform: rotate(275.4deg); }
  5623. md-progress-circular[value="89"] .md-inner .md-right .md-half-circle {
  5624. -webkit-transform: rotate(45deg);
  5625. transform: rotate(45deg); }
  5626. md-progress-circular[value="89"] .md-inner .md-gap {
  5627. border-bottom-width: 10px;
  5628. border-bottom-style: solid;
  5629. transition: border-bottom-color 0.1s linear; }
  5630. md-progress-circular[value="90"] .md-inner .md-left .md-half-circle {
  5631. transition: -webkit-transform 0.1s linear;
  5632. transition: transform 0.1s linear;
  5633. -webkit-transform: rotate(279deg);
  5634. transform: rotate(279deg); }
  5635. md-progress-circular[value="90"] .md-inner .md-right .md-half-circle {
  5636. -webkit-transform: rotate(45deg);
  5637. transform: rotate(45deg); }
  5638. md-progress-circular[value="90"] .md-inner .md-gap {
  5639. border-bottom-width: 10px;
  5640. border-bottom-style: solid;
  5641. transition: border-bottom-color 0.1s linear; }
  5642. md-progress-circular[value="91"] .md-inner .md-left .md-half-circle {
  5643. transition: -webkit-transform 0.1s linear;
  5644. transition: transform 0.1s linear;
  5645. -webkit-transform: rotate(282.6deg);
  5646. transform: rotate(282.6deg); }
  5647. md-progress-circular[value="91"] .md-inner .md-right .md-half-circle {
  5648. -webkit-transform: rotate(45deg);
  5649. transform: rotate(45deg); }
  5650. md-progress-circular[value="91"] .md-inner .md-gap {
  5651. border-bottom-width: 10px;
  5652. border-bottom-style: solid;
  5653. transition: border-bottom-color 0.1s linear; }
  5654. md-progress-circular[value="92"] .md-inner .md-left .md-half-circle {
  5655. transition: -webkit-transform 0.1s linear;
  5656. transition: transform 0.1s linear;
  5657. -webkit-transform: rotate(286.2deg);
  5658. transform: rotate(286.2deg); }
  5659. md-progress-circular[value="92"] .md-inner .md-right .md-half-circle {
  5660. -webkit-transform: rotate(45deg);
  5661. transform: rotate(45deg); }
  5662. md-progress-circular[value="92"] .md-inner .md-gap {
  5663. border-bottom-width: 10px;
  5664. border-bottom-style: solid;
  5665. transition: border-bottom-color 0.1s linear; }
  5666. md-progress-circular[value="93"] .md-inner .md-left .md-half-circle {
  5667. transition: -webkit-transform 0.1s linear;
  5668. transition: transform 0.1s linear;
  5669. -webkit-transform: rotate(289.8deg);
  5670. transform: rotate(289.8deg); }
  5671. md-progress-circular[value="93"] .md-inner .md-right .md-half-circle {
  5672. -webkit-transform: rotate(45deg);
  5673. transform: rotate(45deg); }
  5674. md-progress-circular[value="93"] .md-inner .md-gap {
  5675. border-bottom-width: 10px;
  5676. border-bottom-style: solid;
  5677. transition: border-bottom-color 0.1s linear; }
  5678. md-progress-circular[value="94"] .md-inner .md-left .md-half-circle {
  5679. transition: -webkit-transform 0.1s linear;
  5680. transition: transform 0.1s linear;
  5681. -webkit-transform: rotate(293.4deg);
  5682. transform: rotate(293.4deg); }
  5683. md-progress-circular[value="94"] .md-inner .md-right .md-half-circle {
  5684. -webkit-transform: rotate(45deg);
  5685. transform: rotate(45deg); }
  5686. md-progress-circular[value="94"] .md-inner .md-gap {
  5687. border-bottom-width: 10px;
  5688. border-bottom-style: solid;
  5689. transition: border-bottom-color 0.1s linear; }
  5690. md-progress-circular[value="95"] .md-inner .md-left .md-half-circle {
  5691. transition: -webkit-transform 0.1s linear;
  5692. transition: transform 0.1s linear;
  5693. -webkit-transform: rotate(297deg);
  5694. transform: rotate(297deg); }
  5695. md-progress-circular[value="95"] .md-inner .md-right .md-half-circle {
  5696. -webkit-transform: rotate(45deg);
  5697. transform: rotate(45deg); }
  5698. md-progress-circular[value="95"] .md-inner .md-gap {
  5699. border-bottom-width: 10px;
  5700. border-bottom-style: solid;
  5701. transition: border-bottom-color 0.1s linear; }
  5702. md-progress-circular[value="96"] .md-inner .md-left .md-half-circle {
  5703. transition: -webkit-transform 0.1s linear;
  5704. transition: transform 0.1s linear;
  5705. -webkit-transform: rotate(300.6deg);
  5706. transform: rotate(300.6deg); }
  5707. md-progress-circular[value="96"] .md-inner .md-right .md-half-circle {
  5708. -webkit-transform: rotate(45deg);
  5709. transform: rotate(45deg); }
  5710. md-progress-circular[value="96"] .md-inner .md-gap {
  5711. border-bottom-width: 10px;
  5712. border-bottom-style: solid;
  5713. transition: border-bottom-color 0.1s linear; }
  5714. md-progress-circular[value="97"] .md-inner .md-left .md-half-circle {
  5715. transition: -webkit-transform 0.1s linear;
  5716. transition: transform 0.1s linear;
  5717. -webkit-transform: rotate(304.2deg);
  5718. transform: rotate(304.2deg); }
  5719. md-progress-circular[value="97"] .md-inner .md-right .md-half-circle {
  5720. -webkit-transform: rotate(45deg);
  5721. transform: rotate(45deg); }
  5722. md-progress-circular[value="97"] .md-inner .md-gap {
  5723. border-bottom-width: 10px;
  5724. border-bottom-style: solid;
  5725. transition: border-bottom-color 0.1s linear; }
  5726. md-progress-circular[value="98"] .md-inner .md-left .md-half-circle {
  5727. transition: -webkit-transform 0.1s linear;
  5728. transition: transform 0.1s linear;
  5729. -webkit-transform: rotate(307.8deg);
  5730. transform: rotate(307.8deg); }
  5731. md-progress-circular[value="98"] .md-inner .md-right .md-half-circle {
  5732. -webkit-transform: rotate(45deg);
  5733. transform: rotate(45deg); }
  5734. md-progress-circular[value="98"] .md-inner .md-gap {
  5735. border-bottom-width: 10px;
  5736. border-bottom-style: solid;
  5737. transition: border-bottom-color 0.1s linear; }
  5738. md-progress-circular[value="99"] .md-inner .md-left .md-half-circle {
  5739. transition: -webkit-transform 0.1s linear;
  5740. transition: transform 0.1s linear;
  5741. -webkit-transform: rotate(311.4deg);
  5742. transform: rotate(311.4deg); }
  5743. md-progress-circular[value="99"] .md-inner .md-right .md-half-circle {
  5744. -webkit-transform: rotate(45deg);
  5745. transform: rotate(45deg); }
  5746. md-progress-circular[value="99"] .md-inner .md-gap {
  5747. border-bottom-width: 10px;
  5748. border-bottom-style: solid;
  5749. transition: border-bottom-color 0.1s linear; }
  5750. md-progress-circular[value="100"] .md-inner .md-left .md-half-circle {
  5751. transition: -webkit-transform 0.1s linear;
  5752. transition: transform 0.1s linear;
  5753. -webkit-transform: rotate(315deg);
  5754. transform: rotate(315deg); }
  5755. md-progress-circular[value="100"] .md-inner .md-right .md-half-circle {
  5756. -webkit-transform: rotate(45deg);
  5757. transform: rotate(45deg); }
  5758. md-progress-circular[value="100"] .md-inner .md-gap {
  5759. border-bottom-width: 10px;
  5760. border-bottom-style: solid;
  5761. transition: border-bottom-color 0.1s linear; }
  5762. md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper {
  5763. -webkit-animation: outer-rotate 2.91667s linear infinite;
  5764. animation: outer-rotate 2.91667s linear infinite; }
  5765. md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper .md-inner {
  5766. -webkit-animation: sporadic-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite;
  5767. animation: sporadic-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite; }
  5768. md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper .md-inner .md-left .md-half-circle, md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper .md-inner .md-right .md-half-circle {
  5769. -webkit-animation-iteration-count: infinite;
  5770. animation-iteration-count: infinite;
  5771. -webkit-animation-duration: 1.3125s;
  5772. animation-duration: 1.3125s;
  5773. -webkit-animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
  5774. animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1); }
  5775. md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper .md-inner .md-left .md-half-circle {
  5776. -webkit-animation-name: left-wobble;
  5777. animation-name: left-wobble; }
  5778. md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper .md-inner .md-right .md-half-circle {
  5779. -webkit-animation-name: right-wobble;
  5780. animation-name: right-wobble; }
  5781. .ng-hide md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper, md-progress-circular.ng-hide[md-mode=indeterminate] .md-spinner-wrapper {
  5782. -webkit-animation: none;
  5783. animation: none; }
  5784. .ng-hide md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper .md-inner, md-progress-circular.ng-hide[md-mode=indeterminate] .md-spinner-wrapper .md-inner {
  5785. -webkit-animation: none;
  5786. animation: none; }
  5787. .ng-hide md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper .md-inner .md-left .md-half-circle, md-progress-circular.ng-hide[md-mode=indeterminate] .md-spinner-wrapper .md-inner .md-left .md-half-circle {
  5788. -webkit-animation-name: none;
  5789. animation-name: none; }
  5790. .ng-hide md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper .md-inner .md-right .md-half-circle, md-progress-circular.ng-hide[md-mode=indeterminate] .md-spinner-wrapper .md-inner .md-right .md-half-circle {
  5791. -webkit-animation-name: none;
  5792. animation-name: none; }
  5793. md-progress-linear:not([md-mode="indeterminate"]) {
  5794. display: block;
  5795. width: 100%;
  5796. height: 5px; }
  5797. md-progress-linear:not([md-mode="indeterminate"]) .md-container {
  5798. overflow: hidden;
  5799. position: relative;
  5800. height: 5px;
  5801. top: 5px;
  5802. -webkit-transform: translate(0, 5px) scale(1, 0);
  5803. transform: translate(0, 5px) scale(1, 0);
  5804. transition: all .3s linear; }
  5805. md-progress-linear:not([md-mode="indeterminate"]) .md-container.md-ready {
  5806. -webkit-transform: translate(0, 0) scale(1, 1);
  5807. transform: translate(0, 0) scale(1, 1); }
  5808. md-progress-linear:not([md-mode="indeterminate"]) .md-bar {
  5809. height: 5px;
  5810. position: absolute;
  5811. width: 100%; }
  5812. md-progress-linear:not([md-mode="indeterminate"]) .md-bar1, md-progress-linear:not([md-mode="indeterminate"]) .md-bar2 {
  5813. transition: all 0.2s linear; }
  5814. md-progress-linear:not([md-mode="indeterminate"])[md-mode=determinate] .md-bar1 {
  5815. display: none; }
  5816. md-progress-linear:not([md-mode="indeterminate"])[md-mode=buffer] .md-container {
  5817. background-color: transparent !important; }
  5818. md-progress-linear:not([md-mode="indeterminate"])[md-mode=buffer] .md-dashed:before {
  5819. content: "";
  5820. display: block;
  5821. height: 5px;
  5822. width: 100%;
  5823. margin-top: 0;
  5824. position: absolute;
  5825. background-color: transparent;
  5826. background-size: 10px 10px !important;
  5827. background-position: 0px -23px;
  5828. -webkit-animation: buffer 3s infinite linear;
  5829. animation: buffer 3s infinite linear; }
  5830. md-progress-linear:not([md-mode="indeterminate"])[md-mode=query] .md-bar2 {
  5831. -webkit-animation: query .8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
  5832. animation: query .8s infinite cubic-bezier(0.39, 0.575, 0.565, 1); }
  5833. md-progress-linear[md-mode="indeterminate"] {
  5834. display: block;
  5835. width: 100%;
  5836. height: 5px;
  5837. position: relative; }
  5838. md-progress-linear[md-mode="indeterminate"] .md-container {
  5839. width: 100%;
  5840. overflow: hidden;
  5841. position: relative;
  5842. height: 5px;
  5843. top: 5px;
  5844. transition: all .3s linear; }
  5845. md-progress-linear[md-mode="indeterminate"] .md-container .md-bar {
  5846. height: 5px;
  5847. left: 0;
  5848. width: 80%;
  5849. position: absolute;
  5850. top: 0;
  5851. bottom: 0; }
  5852. md-progress-linear[md-mode="indeterminate"] .md-container .md-bar1 {
  5853. -webkit-animation: md-progress-linear-indeterminate-scale-1 4s infinite, md-progress-linear-indeterminate-1 4s infinite;
  5854. animation: md-progress-linear-indeterminate-scale-1 4s infinite, md-progress-linear-indeterminate-1 4s infinite; }
  5855. md-progress-linear[md-mode="indeterminate"] .md-container .md-bar2 {
  5856. -webkit-animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite;
  5857. animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite; }
  5858. @-webkit-keyframes query {
  5859. 0% {
  5860. opacity: 1;
  5861. -webkit-transform: translateX(35%) scale(.3, 1);
  5862. transform: translateX(35%) scale(.3, 1); }
  5863. 100% {
  5864. opacity: 0;
  5865. -webkit-transform: translateX(-50%) scale(0, 1);
  5866. transform: translateX(-50%) scale(0, 1); } }
  5867. @keyframes query {
  5868. 0% {
  5869. opacity: 1;
  5870. -webkit-transform: translateX(35%) scale(.3, 1);
  5871. transform: translateX(35%) scale(.3, 1); }
  5872. 100% {
  5873. opacity: 0;
  5874. -webkit-transform: translateX(-50%) scale(0, 1);
  5875. transform: translateX(-50%) scale(0, 1); } }
  5876. @-webkit-keyframes buffer {
  5877. 0% {
  5878. opacity: 1;
  5879. background-position: 0px -23px; }
  5880. 50% {
  5881. opacity: 0; }
  5882. 100% {
  5883. opacity: 1;
  5884. background-position: -200px -23px; } }
  5885. @keyframes buffer {
  5886. 0% {
  5887. opacity: 1;
  5888. background-position: 0px -23px; }
  5889. 50% {
  5890. opacity: 0; }
  5891. 100% {
  5892. opacity: 1;
  5893. background-position: -200px -23px; } }
  5894. @-webkit-keyframes md-progress-linear-indeterminate-scale-1 {
  5895. 0% {
  5896. -webkit-transform: scaleX(0.1);
  5897. transform: scaleX(0.1);
  5898. -webkit-animation-timing-function: linear;
  5899. animation-timing-function: linear; }
  5900. 36.6% {
  5901. -webkit-transform: scaleX(0.1);
  5902. transform: scaleX(0.1);
  5903. -webkit-animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
  5904. animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1); }
  5905. 69.15% {
  5906. -webkit-transform: scaleX(0.83);
  5907. transform: scaleX(0.83);
  5908. -webkit-animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098);
  5909. animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098); }
  5910. 100% {
  5911. -webkit-transform: scaleX(0.1);
  5912. transform: scaleX(0.1); } }
  5913. @keyframes md-progress-linear-indeterminate-scale-1 {
  5914. 0% {
  5915. -webkit-transform: scaleX(0.1);
  5916. transform: scaleX(0.1);
  5917. -webkit-animation-timing-function: linear;
  5918. animation-timing-function: linear; }
  5919. 36.6% {
  5920. -webkit-transform: scaleX(0.1);
  5921. transform: scaleX(0.1);
  5922. -webkit-animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
  5923. animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1); }
  5924. 69.15% {
  5925. -webkit-transform: scaleX(0.83);
  5926. transform: scaleX(0.83);
  5927. -webkit-animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098);
  5928. animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098); }
  5929. 100% {
  5930. -webkit-transform: scaleX(0.1);
  5931. transform: scaleX(0.1); } }
  5932. @-webkit-keyframes md-progress-linear-indeterminate-1 {
  5933. 0% {
  5934. left: -105.16667%;
  5935. -webkit-animation-timing-function: linear;
  5936. animation-timing-function: linear; }
  5937. 20% {
  5938. left: -105.16667%;
  5939. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  5940. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); }
  5941. 69.15% {
  5942. left: 21.5%;
  5943. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  5944. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); }
  5945. 100% {
  5946. left: 95.44444%; } }
  5947. @keyframes md-progress-linear-indeterminate-1 {
  5948. 0% {
  5949. left: -105.16667%;
  5950. -webkit-animation-timing-function: linear;
  5951. animation-timing-function: linear; }
  5952. 20% {
  5953. left: -105.16667%;
  5954. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  5955. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); }
  5956. 69.15% {
  5957. left: 21.5%;
  5958. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  5959. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); }
  5960. 100% {
  5961. left: 95.44444%; } }
  5962. @-webkit-keyframes md-progress-linear-indeterminate-scale-2 {
  5963. 0% {
  5964. -webkit-transform: scaleX(0.1);
  5965. transform: scaleX(0.1);
  5966. -webkit-animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
  5967. animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397); }
  5968. 19.15% {
  5969. -webkit-transform: scaleX(0.57);
  5970. transform: scaleX(0.57);
  5971. -webkit-animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
  5972. animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432); }
  5973. 44.15% {
  5974. -webkit-transform: scaleX(0.91);
  5975. transform: scaleX(0.91);
  5976. -webkit-animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
  5977. animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179); }
  5978. 100% {
  5979. -webkit-transform: scaleX(0.1);
  5980. transform: scaleX(0.1); } }
  5981. @keyframes md-progress-linear-indeterminate-scale-2 {
  5982. 0% {
  5983. -webkit-transform: scaleX(0.1);
  5984. transform: scaleX(0.1);
  5985. -webkit-animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
  5986. animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397); }
  5987. 19.15% {
  5988. -webkit-transform: scaleX(0.57);
  5989. transform: scaleX(0.57);
  5990. -webkit-animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
  5991. animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432); }
  5992. 44.15% {
  5993. -webkit-transform: scaleX(0.91);
  5994. transform: scaleX(0.91);
  5995. -webkit-animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
  5996. animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179); }
  5997. 100% {
  5998. -webkit-transform: scaleX(0.1);
  5999. transform: scaleX(0.1); } }
  6000. @-webkit-keyframes md-progress-linear-indeterminate-2 {
  6001. 0% {
  6002. left: -54.88889%;
  6003. -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968);
  6004. animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968); }
  6005. 25% {
  6006. left: -17.25%;
  6007. -webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372);
  6008. animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372); }
  6009. 48.35% {
  6010. left: 29.5%;
  6011. -webkit-animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203);
  6012. animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203); }
  6013. 100% {
  6014. left: 117.38889%; } }
  6015. @keyframes md-progress-linear-indeterminate-2 {
  6016. 0% {
  6017. left: -54.88889%;
  6018. -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968);
  6019. animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968); }
  6020. 25% {
  6021. left: -17.25%;
  6022. -webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372);
  6023. animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372); }
  6024. 48.35% {
  6025. left: 29.5%;
  6026. -webkit-animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203);
  6027. animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203); }
  6028. 100% {
  6029. left: 117.38889%; } }
  6030. md-radio-button, .md-switch-thumb {
  6031. box-sizing: border-box;
  6032. display: block;
  6033. margin: 15px;
  6034. white-space: nowrap;
  6035. cursor: pointer; }
  6036. md-radio-button .md-container, .md-switch-thumb .md-container {
  6037. box-sizing: border-box;
  6038. position: relative;
  6039. top: 4px;
  6040. display: inline-block;
  6041. width: 16px;
  6042. height: 16px;
  6043. cursor: pointer; }
  6044. md-radio-button .md-container .md-ripple-container, .md-switch-thumb .md-container .md-ripple-container {
  6045. position: absolute;
  6046. display: block;
  6047. width: 48px;
  6048. height: 48px;
  6049. left: -16px;
  6050. top: -16px; }
  6051. md-radio-button .md-container:before, .md-switch-thumb .md-container:before {
  6052. box-sizing: border-box;
  6053. background-color: transparent;
  6054. border-radius: 50%;
  6055. content: '';
  6056. position: absolute;
  6057. display: block;
  6058. height: auto;
  6059. left: 0;
  6060. top: 0;
  6061. right: 0;
  6062. bottom: 0;
  6063. transition: all 0.5s;
  6064. width: auto; }
  6065. md-radio-button.md-align-top-left > div.md-container, .md-switch-thumb.md-align-top-left > div.md-container {
  6066. top: -15px; }
  6067. md-radio-button .md-off, .md-switch-thumb .md-off {
  6068. box-sizing: border-box;
  6069. position: absolute;
  6070. top: 0;
  6071. left: 0;
  6072. width: 16px;
  6073. height: 16px;
  6074. border-style: solid;
  6075. border-width: 2px;
  6076. border-radius: 50%;
  6077. transition: border-color ease 0.28s; }
  6078. md-radio-button .md-on, .md-switch-thumb .md-on {
  6079. box-sizing: border-box;
  6080. position: absolute;
  6081. top: 0;
  6082. left: 0;
  6083. width: 16px;
  6084. height: 16px;
  6085. border-radius: 50%;
  6086. transition: -webkit-transform ease 0.28s;
  6087. transition: transform ease 0.28s;
  6088. -webkit-transform: scale(0);
  6089. transform: scale(0); }
  6090. md-radio-button.md-checked .md-on, .md-switch-thumb.md-checked .md-on {
  6091. -webkit-transform: scale(0.5);
  6092. transform: scale(0.5); }
  6093. md-radio-button .md-label, .md-switch-thumb .md-label {
  6094. box-sizing: border-box;
  6095. position: relative;
  6096. display: inline-block;
  6097. margin-left: 10px;
  6098. margin-right: 0;
  6099. vertical-align: middle;
  6100. white-space: normal;
  6101. pointer-events: none;
  6102. width: auto; }
  6103. html[dir=rtl] md-radio-button .md-label, html[dir=rtl] .md-switch-thumb .md-label {
  6104. margin-left: 0;
  6105. unicode-bidi: embed; }
  6106. body[dir=rtl] md-radio-button .md-label, body[dir=rtl] .md-switch-thumb .md-label {
  6107. margin-left: 0;
  6108. unicode-bidi: embed; }
  6109. md-radio-button .md-label bdo[dir=rtl], .md-switch-thumb .md-label bdo[dir=rtl] {
  6110. direction: rtl;
  6111. unicode-bidi: bidi-override; }
  6112. md-radio-button .md-label bdo[dir=ltr], .md-switch-thumb .md-label bdo[dir=ltr] {
  6113. direction: ltr;
  6114. unicode-bidi: bidi-override; }
  6115. html[dir=rtl] md-radio-button .md-label, html[dir=rtl] .md-switch-thumb .md-label {
  6116. margin-right: 10px;
  6117. unicode-bidi: embed; }
  6118. body[dir=rtl] md-radio-button .md-label, body[dir=rtl] .md-switch-thumb .md-label {
  6119. margin-right: 10px;
  6120. unicode-bidi: embed; }
  6121. md-radio-button .md-label bdo[dir=rtl], .md-switch-thumb .md-label bdo[dir=rtl] {
  6122. direction: rtl;
  6123. unicode-bidi: bidi-override; }
  6124. md-radio-button .md-label bdo[dir=ltr], .md-switch-thumb .md-label bdo[dir=ltr] {
  6125. direction: ltr;
  6126. unicode-bidi: bidi-override; }
  6127. md-radio-button .circle, .md-switch-thumb .circle {
  6128. border-radius: 50%; }
  6129. md-radio-group:focus {
  6130. outline: none; }
  6131. md-radio-group.md-focused .md-checked .md-container:before {
  6132. left: -8px;
  6133. top: -8px;
  6134. right: -8px;
  6135. bottom: -8px; }
  6136. @media screen and (-ms-high-contrast: active) {
  6137. md-radio-button.md-default-theme .md-on {
  6138. background-color: #fff; } }
  6139. .md-select-menu-container {
  6140. position: fixed;
  6141. left: 0;
  6142. top: 0;
  6143. z-index: 99;
  6144. opacity: 0; }
  6145. .md-select-menu-container:not(.md-clickable) {
  6146. pointer-events: none; }
  6147. .md-select-menu-container md-progress-circular {
  6148. display: table;
  6149. margin: 24px auto !important; }
  6150. .md-select-menu-container.md-active {
  6151. opacity: 1; }
  6152. .md-select-menu-container.md-active md-select-menu {
  6153. transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  6154. transition-duration: 150ms; }
  6155. .md-select-menu-container.md-active md-select-menu > * {
  6156. opacity: 1;
  6157. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  6158. transition-duration: 150ms;
  6159. transition-delay: 100ms; }
  6160. .md-select-menu-container.md-leave {
  6161. opacity: 0;
  6162. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  6163. transition-duration: 250ms; }
  6164. md-input-container > md-select {
  6165. margin: auto 0 0 0;
  6166. -webkit-order: 2;
  6167. -ms-flex-order: 2;
  6168. order: 2; }
  6169. md-select {
  6170. display: -webkit-flex;
  6171. display: -ms-flexbox;
  6172. display: flex;
  6173. margin: 20px 0 26px 0; }
  6174. md-select:focus {
  6175. outline: none; }
  6176. md-select[disabled]:hover {
  6177. cursor: default; }
  6178. md-select:not([disabled]):hover {
  6179. cursor: pointer; }
  6180. md-select:not([disabled]).ng-invalid.ng-dirty .md-select-value {
  6181. border-bottom: 2px solid;
  6182. padding-bottom: 0; }
  6183. md-select:not([disabled]):focus .md-select-value {
  6184. border-bottom-width: 2px;
  6185. border-bottom-style: solid;
  6186. padding-bottom: 0; }
  6187. .md-select-value {
  6188. display: -webkit-flex;
  6189. display: -ms-flexbox;
  6190. display: flex;
  6191. -webkit-align-items: center;
  6192. -ms-flex-align: center;
  6193. align-items: center;
  6194. padding: 2px 2px 1px;
  6195. border-bottom-width: 1px;
  6196. border-bottom-style: solid;
  6197. background-color: transparent;
  6198. position: relative;
  6199. box-sizing: content-box;
  6200. min-width: 64px;
  6201. min-height: 26px;
  6202. -webkit-flex-grow: 1;
  6203. -ms-flex-positive: 1;
  6204. flex-grow: 1; }
  6205. .md-select-value *:first-child {
  6206. -webkit-flex: 1;
  6207. -ms-flex: 1;
  6208. flex: 1;
  6209. text-overflow: ellipsis;
  6210. white-space: nowrap;
  6211. overflow: hidden;
  6212. max-width: calc(100% - 2*8px);
  6213. -webkit-transform: translate3d(0, 2px, 0);
  6214. transform: translate3d(0, 2px, 0); }
  6215. .md-select-value .md-select-icon {
  6216. display: block;
  6217. -webkit-align-items: flex-end;
  6218. -ms-flex-align: end;
  6219. align-items: flex-end;
  6220. text-align: end;
  6221. width: 24px;
  6222. margin: 0 4px;
  6223. -webkit-transform: translate3d(0, 1px, 0);
  6224. transform: translate3d(0, 1px, 0); }
  6225. .md-select-value .md-select-icon:after {
  6226. display: block;
  6227. content: '\25BC';
  6228. position: relative;
  6229. top: 2px;
  6230. speak: none;
  6231. -webkit-transform: scaleY(0.6) scaleX(1);
  6232. transform: scaleY(0.6) scaleX(1); }
  6233. .md-select-value.md-select-placeholder {
  6234. display: -webkit-flex;
  6235. display: -ms-flexbox;
  6236. display: flex;
  6237. -webkit-order: 1;
  6238. -ms-flex-order: 1;
  6239. order: 1;
  6240. pointer-events: none;
  6241. -webkit-font-smoothing: antialiased;
  6242. padding-left: 2px;
  6243. z-index: 1; }
  6244. md-select-menu {
  6245. display: -webkit-flex;
  6246. display: -ms-flexbox;
  6247. display: flex;
  6248. -webkit-flex-direction: column;
  6249. -ms-flex-direction: column;
  6250. flex-direction: column;
  6251. box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084);
  6252. max-height: 256px;
  6253. min-height: 48px;
  6254. overflow-y: hidden;
  6255. -webkit-transform-origin: left top;
  6256. transform-origin: left top;
  6257. -webkit-transform: scale(1);
  6258. transform: scale(1); }
  6259. md-select-menu.md-reverse {
  6260. -webkit-flex-direction: column-reverse;
  6261. -ms-flex-direction: column-reverse;
  6262. flex-direction: column-reverse; }
  6263. md-select-menu:not(.md-overflow) md-content {
  6264. padding-top: 8px;
  6265. padding-bottom: 8px; }
  6266. html[dir=rtl] md-select-menu {
  6267. -webkit-transform-origin: right top;
  6268. transform-origin: right top;
  6269. unicode-bidi: embed; }
  6270. body[dir=rtl] md-select-menu {
  6271. -webkit-transform-origin: right top;
  6272. transform-origin: right top;
  6273. unicode-bidi: embed; }
  6274. md-select-menu bdo[dir=rtl] {
  6275. direction: rtl;
  6276. unicode-bidi: bidi-override; }
  6277. md-select-menu bdo[dir=ltr] {
  6278. direction: ltr;
  6279. unicode-bidi: bidi-override; }
  6280. md-select-menu md-content {
  6281. min-width: 136px;
  6282. min-height: 48px;
  6283. max-height: 256px;
  6284. overflow-y: auto; }
  6285. md-select-menu > * {
  6286. opacity: 0; }
  6287. md-option {
  6288. cursor: pointer;
  6289. position: relative;
  6290. display: -webkit-flex;
  6291. display: -ms-flexbox;
  6292. display: flex;
  6293. -webkit-align-items: center;
  6294. -ms-flex-align: center;
  6295. align-items: center;
  6296. width: auto;
  6297. padding: 0 16px 0 16px;
  6298. height: 48px; }
  6299. md-option:focus {
  6300. outline: none; }
  6301. md-option .md-text {
  6302. -webkit-touch-callout: none;
  6303. -webkit-user-select: none;
  6304. -khtml-user-select: none;
  6305. -moz-user-select: none;
  6306. -ms-user-select: none;
  6307. user-select: none;
  6308. width: auto;
  6309. white-space: nowrap;
  6310. overflow: hidden;
  6311. text-overflow: ellipsis;
  6312. font-size: 16px; }
  6313. md-optgroup {
  6314. display: block; }
  6315. md-optgroup label {
  6316. display: block;
  6317. font-size: 14px;
  6318. text-transform: uppercase;
  6319. padding: 16px;
  6320. font-weight: 500; }
  6321. md-optgroup md-option {
  6322. padding-left: 32px;
  6323. padding-right: 32px; }
  6324. @media screen and (-ms-high-contrast: active) {
  6325. .md-select-backdrop {
  6326. background-color: transparent; }
  6327. md-select-menu {
  6328. border: 1px solid #fff; } }
  6329. md-sidenav {
  6330. box-sizing: border-box;
  6331. position: absolute;
  6332. -webkit-flex-direction: column;
  6333. -ms-flex-direction: column;
  6334. flex-direction: column;
  6335. z-index: 60;
  6336. width: 304px;
  6337. min-width: 304px;
  6338. max-width: 304px;
  6339. bottom: 0;
  6340. background-color: white;
  6341. overflow: auto; }
  6342. md-sidenav ul {
  6343. list-style: none; }
  6344. md-sidenav.md-closed {
  6345. display: none; }
  6346. md-sidenav.md-closed-add, md-sidenav.md-closed-remove {
  6347. display: -webkit-flex;
  6348. display: -ms-flexbox;
  6349. display: flex;
  6350. transition: 0.2s ease-in all; }
  6351. md-sidenav.md-closed-add.md-closed-add-active, md-sidenav.md-closed-remove.md-closed-remove-active {
  6352. transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
  6353. md-sidenav.md-locked-open-add, md-sidenav.md-locked-open-remove {
  6354. position: static;
  6355. display: -webkit-flex;
  6356. display: -ms-flexbox;
  6357. display: flex;
  6358. -webkit-transform: translate3d(0, 0, 0);
  6359. transform: translate3d(0, 0, 0); }
  6360. md-sidenav.md-locked-open {
  6361. width: 304px;
  6362. min-width: 304px;
  6363. max-width: 304px; }
  6364. 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 {
  6365. position: static;
  6366. display: -webkit-flex;
  6367. display: -ms-flexbox;
  6368. display: flex;
  6369. -webkit-transform: translate3d(0, 0, 0);
  6370. transform: translate3d(0, 0, 0); }
  6371. md-sidenav.md-locked-open-remove-active {
  6372. 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);
  6373. width: 0;
  6374. min-width: 0; }
  6375. md-sidenav.md-closed.md-locked-open-add {
  6376. width: 0;
  6377. min-width: 0;
  6378. -webkit-transform: translate3d(0%, 0, 0);
  6379. transform: translate3d(0%, 0, 0); }
  6380. md-sidenav.md-closed.md-locked-open-add-active {
  6381. 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);
  6382. width: 304px;
  6383. min-width: 304px;
  6384. -webkit-transform: translate3d(0%, 0, 0);
  6385. transform: translate3d(0%, 0, 0); }
  6386. .md-sidenav-backdrop.md-locked-open {
  6387. display: none; }
  6388. .md-sidenav-left, md-sidenav {
  6389. left: 0;
  6390. top: 0;
  6391. -webkit-transform: translate3d(0%, 0, 0);
  6392. transform: translate3d(0%, 0, 0); }
  6393. .md-sidenav-left.md-closed, md-sidenav.md-closed {
  6394. -webkit-transform: translate3d(-100%, 0, 0);
  6395. transform: translate3d(-100%, 0, 0); }
  6396. .md-sidenav-right {
  6397. left: 100%;
  6398. top: 0;
  6399. -webkit-transform: translate3d(-100%, 0, 0);
  6400. transform: translate3d(-100%, 0, 0); }
  6401. .md-sidenav-right.md-closed {
  6402. -webkit-transform: translate3d(0%, 0, 0);
  6403. transform: translate3d(0%, 0, 0); }
  6404. @media (max-width: 360px) {
  6405. md-sidenav {
  6406. width: 85%; } }
  6407. @media screen and (-ms-high-contrast: active) {
  6408. .md-sidenav-left, md-sidenav {
  6409. border-right: 1px solid #fff; }
  6410. .md-sidenav-right {
  6411. border-left: 1px solid #fff; } }
  6412. @-webkit-keyframes sliderFocusThumb {
  6413. 0% {
  6414. opacity: 0;
  6415. -webkit-transform: scale(0);
  6416. transform: scale(0); }
  6417. 50% {
  6418. -webkit-transform: scale(1);
  6419. transform: scale(1);
  6420. opacity: 1; }
  6421. 100% {
  6422. opacity: 0; } }
  6423. @keyframes sliderFocusThumb {
  6424. 0% {
  6425. opacity: 0;
  6426. -webkit-transform: scale(0);
  6427. transform: scale(0); }
  6428. 50% {
  6429. -webkit-transform: scale(1);
  6430. transform: scale(1);
  6431. opacity: 1; }
  6432. 100% {
  6433. opacity: 0; } }
  6434. md-slider {
  6435. height: 48px;
  6436. position: relative;
  6437. display: block;
  6438. margin-left: 4px;
  6439. margin-right: 4px;
  6440. padding: 0;
  6441. /**
  6442. * Track
  6443. */
  6444. /**
  6445. * Slider thumb
  6446. */
  6447. /* The sign that's focused in discrete mode */
  6448. /**
  6449. * The border/background that comes in when focused in non-discrete mode
  6450. */
  6451. /* Don't animate left/right while panning */ }
  6452. md-slider *, md-slider *:after {
  6453. box-sizing: border-box; }
  6454. md-slider .md-slider-wrapper {
  6455. position: relative; }
  6456. md-slider .md-track-container {
  6457. width: 100%;
  6458. position: absolute;
  6459. top: 23px;
  6460. height: 2px; }
  6461. md-slider .md-track {
  6462. position: absolute;
  6463. left: 0;
  6464. right: 0;
  6465. height: 100%; }
  6466. md-slider .md-track-fill {
  6467. transition: width 0.05s linear; }
  6468. md-slider .md-track-ticks {
  6469. position: absolute;
  6470. left: 0;
  6471. right: 0;
  6472. height: 100%; }
  6473. md-slider .md-track-ticks canvas {
  6474. width: 100%; }
  6475. md-slider .md-thumb-container {
  6476. position: absolute;
  6477. left: 0;
  6478. top: 50%;
  6479. -webkit-transform: translate3d(-50%, -50%, 0);
  6480. transform: translate3d(-50%, -50%, 0);
  6481. transition: left 0.1s linear; }
  6482. md-slider .md-thumb {
  6483. z-index: 1;
  6484. position: absolute;
  6485. left: -19px;
  6486. top: 5px;
  6487. width: 38px;
  6488. height: 38px;
  6489. border-radius: 38px;
  6490. -webkit-transform: scale(0.5);
  6491. transform: scale(0.5);
  6492. transition: all 0.1s linear; }
  6493. md-slider .md-thumb:after {
  6494. content: '';
  6495. position: absolute;
  6496. left: 3px;
  6497. top: 3px;
  6498. width: 32px;
  6499. height: 32px;
  6500. border-radius: 32px;
  6501. border-width: 3px;
  6502. border-style: solid; }
  6503. md-slider .md-sign {
  6504. /* Center the children (slider-thumb-text) */
  6505. display: -webkit-flex;
  6506. display: -ms-flexbox;
  6507. display: flex;
  6508. -webkit-align-items: center;
  6509. -ms-flex-align: center;
  6510. align-items: center;
  6511. -webkit-justify-content: center;
  6512. -ms-flex-pack: center;
  6513. justify-content: center;
  6514. position: absolute;
  6515. left: -14px;
  6516. top: -20px;
  6517. width: 28px;
  6518. height: 28px;
  6519. border-radius: 28px;
  6520. -webkit-transform: scale(0.4) translate3d(0, 70px, 0);
  6521. transform: scale(0.4) translate3d(0, 70px, 0);
  6522. transition: all 0.2s ease-in-out;
  6523. /* The arrow pointing down under the sign */ }
  6524. md-slider .md-sign:after {
  6525. position: absolute;
  6526. content: '';
  6527. left: 0px;
  6528. border-radius: 16px;
  6529. top: 19px;
  6530. border-left: 14px solid transparent;
  6531. border-right: 14px solid transparent;
  6532. border-top-width: 16px;
  6533. border-top-style: solid;
  6534. opacity: 0;
  6535. -webkit-transform: translate3d(0, -8px, 0);
  6536. transform: translate3d(0, -8px, 0);
  6537. transition: all 0.2s ease-in-out; }
  6538. md-slider .md-sign .md-thumb-text {
  6539. z-index: 1;
  6540. font-size: 12px;
  6541. font-weight: bold; }
  6542. md-slider .md-focus-thumb {
  6543. position: absolute;
  6544. left: -24px;
  6545. top: 0px;
  6546. width: 48px;
  6547. height: 48px;
  6548. border-radius: 48px;
  6549. display: none;
  6550. opacity: 0;
  6551. background-color: #C0C0C0;
  6552. -webkit-animation: sliderFocusThumb 0.4s linear;
  6553. animation: sliderFocusThumb 0.4s linear; }
  6554. md-slider .md-focus-ring {
  6555. position: absolute;
  6556. left: -24px;
  6557. top: 0px;
  6558. width: 48px;
  6559. height: 48px;
  6560. border-radius: 48px;
  6561. -webkit-transform: scale(0);
  6562. transform: scale(0);
  6563. transition: all 0.2s linear;
  6564. opacity: 0.26; }
  6565. md-slider .md-disabled-thumb {
  6566. position: absolute;
  6567. left: -22px;
  6568. top: 2px;
  6569. width: 44px;
  6570. height: 44px;
  6571. border-radius: 44px;
  6572. -webkit-transform: scale(0.35);
  6573. transform: scale(0.35);
  6574. border-width: 6px;
  6575. border-style: solid;
  6576. display: none; }
  6577. md-slider.md-min .md-thumb:after {
  6578. background-color: white; }
  6579. md-slider.md-min .md-sign {
  6580. opacity: 0; }
  6581. md-slider:focus {
  6582. outline: none; }
  6583. md-slider.dragging .md-thumb-container, md-slider.dragging .md-track-fill {
  6584. transition: none; }
  6585. md-slider:not([md-discrete]) {
  6586. /* Hide the sign and ticks in non-discrete mode */ }
  6587. md-slider:not([md-discrete]) .md-track-ticks, md-slider:not([md-discrete]) .md-sign {
  6588. display: none; }
  6589. md-slider:not([md-discrete]):not([disabled]):hover .md-thumb {
  6590. -webkit-transform: scale(0.6);
  6591. transform: scale(0.6); }
  6592. md-slider:not([md-discrete]):not([disabled]):focus .md-focus-thumb, md-slider:not([md-discrete]):not([disabled]).active .md-focus-thumb {
  6593. display: block; }
  6594. md-slider:not([md-discrete]):not([disabled]):focus .md-focus-ring, md-slider:not([md-discrete]):not([disabled]).active .md-focus-ring {
  6595. -webkit-transform: scale(1);
  6596. transform: scale(1); }
  6597. md-slider:not([md-discrete]):not([disabled]):focus .md-thumb, md-slider:not([md-discrete]):not([disabled]).active .md-thumb {
  6598. -webkit-transform: scale(0.85);
  6599. transform: scale(0.85); }
  6600. md-slider[md-discrete] {
  6601. /* Hide the focus thumb in discrete mode */ }
  6602. md-slider[md-discrete] .md-focus-thumb, md-slider[md-discrete] .md-focus-ring {
  6603. display: none; }
  6604. 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]).active .md-sign, md-slider[md-discrete]:not([disabled]).active .md-sign:after {
  6605. opacity: 1;
  6606. -webkit-transform: translate3d(0, 0, 0) scale(1);
  6607. transform: translate3d(0, 0, 0) scale(1); }
  6608. md-slider[disabled] .md-track-fill {
  6609. display: none; }
  6610. md-slider[disabled] .md-sign {
  6611. display: none; }
  6612. md-slider[disabled] .md-thumb {
  6613. -webkit-transform: scale(0.35);
  6614. transform: scale(0.35); }
  6615. md-slider[disabled] .md-disabled-thumb {
  6616. display: block; }
  6617. @media screen and (-ms-high-contrast: active) {
  6618. md-slider.md-default-theme .md-track {
  6619. border-bottom: 1px solid #fff; } }
  6620. .md-sticky-clone {
  6621. z-index: 2;
  6622. top: 0;
  6623. left: 0;
  6624. right: 0;
  6625. position: absolute !important;
  6626. -webkit-transform: translate3d(-9999px, -9999px, 0);
  6627. transform: translate3d(-9999px, -9999px, 0); }
  6628. .md-sticky-clone[sticky-state="active"] {
  6629. -webkit-transform: translate3d(0, 0, 0);
  6630. transform: translate3d(0, 0, 0); }
  6631. .md-sticky-clone[sticky-state="active"]:not(.md-sticky-no-effect) .md-subheader-inner {
  6632. -webkit-animation: subheaderStickyHoverIn 0.3s ease-out both;
  6633. animation: subheaderStickyHoverIn 0.3s ease-out both; }
  6634. @-webkit-keyframes subheaderStickyHoverIn {
  6635. 0% {
  6636. box-shadow: 0 0 0 0 transparent; }
  6637. 100% {
  6638. box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); } }
  6639. @keyframes subheaderStickyHoverIn {
  6640. 0% {
  6641. box-shadow: 0 0 0 0 transparent; }
  6642. 100% {
  6643. box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); } }
  6644. @-webkit-keyframes subheaderStickyHoverOut {
  6645. 0% {
  6646. box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); }
  6647. 100% {
  6648. box-shadow: 0 0 0 0 transparent; } }
  6649. @keyframes subheaderStickyHoverOut {
  6650. 0% {
  6651. box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); }
  6652. 100% {
  6653. box-shadow: 0 0 0 0 transparent; } }
  6654. .md-subheader-wrapper:not(.md-sticky-no-effect) {
  6655. transition: 0.2s ease-out margin; }
  6656. .md-subheader-wrapper:not(.md-sticky-no-effect) .md-subheader {
  6657. margin: 0; }
  6658. .md-subheader-wrapper:not(.md-sticky-no-effect).md-sticky-clone {
  6659. z-index: 2; }
  6660. .md-subheader-wrapper:not(.md-sticky-no-effect)[sticky-state="active"] {
  6661. margin-top: -2px; }
  6662. .md-subheader-wrapper:not(.md-sticky-no-effect):not(.md-sticky-clone)[sticky-prev-state="active"] .md-subheader-inner:after {
  6663. -webkit-animation: subheaderStickyHoverOut 0.3s ease-out both;
  6664. animation: subheaderStickyHoverOut 0.3s ease-out both; }
  6665. .md-subheader {
  6666. display: block;
  6667. font-size: 14px;
  6668. font-weight: 500;
  6669. line-height: 1em;
  6670. margin: 0 0 0 0;
  6671. margin-right: 16px;
  6672. position: relative; }
  6673. .md-subheader .md-subheader-inner {
  6674. display: block;
  6675. padding: 16px 0px 16px 16px; }
  6676. .md-subheader .md-subheader-content {
  6677. display: block;
  6678. z-index: 1;
  6679. position: relative; }
  6680. md-switch {
  6681. display: -webkit-flex;
  6682. display: -ms-flexbox;
  6683. display: flex;
  6684. -webkit-align-items: center;
  6685. -ms-flex-align: center;
  6686. align-items: center;
  6687. margin: 15px;
  6688. white-space: nowrap;
  6689. cursor: pointer;
  6690. outline: none;
  6691. -webkit-user-select: none;
  6692. -moz-user-select: none;
  6693. -ms-user-select: none;
  6694. user-select: none; }
  6695. md-switch .md-container {
  6696. cursor: -webkit-grab;
  6697. cursor: grab;
  6698. width: 36px;
  6699. height: 24px;
  6700. position: relative;
  6701. -webkit-user-select: none;
  6702. -moz-user-select: none;
  6703. -ms-user-select: none;
  6704. user-select: none;
  6705. margin-right: 8px; }
  6706. md-switch:not([disabled]) .md-dragging, md-switch:not([disabled]).md-dragging .md-container {
  6707. cursor: -webkit-grabbing;
  6708. cursor: grabbing; }
  6709. md-switch.md-focused:not([disabled]) .md-thumb:before {
  6710. left: -8px;
  6711. top: -8px;
  6712. right: -8px;
  6713. bottom: -8px; }
  6714. md-switch.md-focused:not([disabled]):not(.md-checked) .md-thumb:before {
  6715. background-color: rgba(0, 0, 0, 0.12); }
  6716. md-switch .md-label {
  6717. border-color: transparent;
  6718. border-width: 0; }
  6719. md-switch .md-bar {
  6720. left: 1px;
  6721. width: 34px;
  6722. top: 5px;
  6723. height: 14px;
  6724. border-radius: 8px;
  6725. position: absolute; }
  6726. md-switch .md-thumb-container {
  6727. top: 2px;
  6728. left: 0;
  6729. width: 16px;
  6730. position: absolute;
  6731. -webkit-transform: translate3d(0, 0, 0);
  6732. transform: translate3d(0, 0, 0);
  6733. z-index: 1; }
  6734. md-switch.md-checked .md-thumb-container {
  6735. -webkit-transform: translate3d(100%, 0, 0);
  6736. transform: translate3d(100%, 0, 0); }
  6737. md-switch .md-thumb {
  6738. position: absolute;
  6739. margin: 0;
  6740. left: 0;
  6741. top: 0;
  6742. outline: none;
  6743. height: 20px;
  6744. width: 20px;
  6745. border-radius: 50%;
  6746. box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084); }
  6747. md-switch .md-thumb:before {
  6748. background-color: transparent;
  6749. border-radius: 50%;
  6750. content: '';
  6751. position: absolute;
  6752. display: block;
  6753. height: auto;
  6754. left: 0;
  6755. top: 0;
  6756. right: 0;
  6757. bottom: 0;
  6758. transition: all 0.5s;
  6759. width: auto; }
  6760. md-switch .md-thumb .md-ripple-container {
  6761. position: absolute;
  6762. display: block;
  6763. width: auto;
  6764. height: auto;
  6765. left: -20px;
  6766. top: -20px;
  6767. right: -20px;
  6768. bottom: -20px; }
  6769. md-switch:not(.md-dragging) .md-bar, md-switch:not(.md-dragging) .md-thumb-container, md-switch:not(.md-dragging) .md-thumb {
  6770. transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  6771. transition-property: -webkit-transform, background-color;
  6772. transition-property: transform, background-color; }
  6773. md-switch:not(.md-dragging) .md-bar, md-switch:not(.md-dragging) .md-thumb {
  6774. transition-delay: 0.05s; }
  6775. @media screen and (-ms-high-contrast: active) {
  6776. md-switch.md-default-theme .md-bar {
  6777. background-color: #666; }
  6778. md-switch.md-default-theme.md-checked .md-bar {
  6779. background-color: #9E9E9E; }
  6780. md-switch.md-default-theme .md-thumb {
  6781. background-color: #fff; } }
  6782. @-webkit-keyframes md-tab-content-hide {
  6783. 0% {
  6784. opacity: 1; }
  6785. 50% {
  6786. opacity: 1; }
  6787. 100% {
  6788. opacity: 0; } }
  6789. @keyframes md-tab-content-hide {
  6790. 0% {
  6791. opacity: 1; }
  6792. 50% {
  6793. opacity: 1; }
  6794. 100% {
  6795. opacity: 0; } }
  6796. md-tab-data {
  6797. position: absolute;
  6798. top: 0;
  6799. left: 0;
  6800. right: 0;
  6801. bottom: 0;
  6802. z-index: -1;
  6803. opacity: 0; }
  6804. md-tabs {
  6805. display: block;
  6806. margin: 0;
  6807. border-radius: 2px;
  6808. overflow: hidden;
  6809. position: relative;
  6810. -webkit-flex-shrink: 0;
  6811. -ms-flex-negative: 0;
  6812. flex-shrink: 0; }
  6813. md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
  6814. min-height: 248px; }
  6815. md-tabs[md-align-tabs="bottom"] md-tabs-wrapper {
  6816. position: absolute;
  6817. bottom: 0;
  6818. left: 0;
  6819. right: 0;
  6820. height: 48px; }
  6821. md-tabs[md-align-tabs="bottom"] md-tabs-content-wrapper {
  6822. top: 0;
  6823. bottom: 48px; }
  6824. md-tabs.md-dynamic-height md-tabs-content-wrapper {
  6825. min-height: 0;
  6826. position: relative;
  6827. top: auto;
  6828. left: auto;
  6829. right: auto;
  6830. bottom: auto;
  6831. overflow: visible; }
  6832. md-tabs.md-dynamic-height md-tab-content.md-active {
  6833. position: relative; }
  6834. md-tabs[md-border-bottom] md-tabs-wrapper {
  6835. border-width: 0 0 1px;
  6836. border-style: solid; }
  6837. md-tabs[md-border-bottom]:not(.md-dynamic-height) md-tabs-content-wrapper {
  6838. top: 49px; }
  6839. md-tabs-wrapper {
  6840. display: block;
  6841. position: relative; }
  6842. md-tabs-wrapper md-prev-button, md-tabs-wrapper md-next-button {
  6843. height: 100%;
  6844. width: 32px;
  6845. position: absolute;
  6846. top: 50%;
  6847. -webkit-transform: translateY(-50%);
  6848. transform: translateY(-50%);
  6849. line-height: 1em;
  6850. z-index: 2;
  6851. cursor: pointer;
  6852. font-size: 16px;
  6853. background: transparent no-repeat center center;
  6854. transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1); }
  6855. md-tabs-wrapper md-prev-button:focus, md-tabs-wrapper md-next-button:focus {
  6856. outline: none; }
  6857. md-tabs-wrapper md-prev-button.md-disabled, md-tabs-wrapper md-next-button.md-disabled {
  6858. opacity: 0.25;
  6859. cursor: default; }
  6860. md-tabs-wrapper md-prev-button.ng-leave, md-tabs-wrapper md-next-button.ng-leave {
  6861. transition: none; }
  6862. md-tabs-wrapper md-prev-button md-icon, md-tabs-wrapper md-next-button md-icon {
  6863. position: absolute;
  6864. top: 50%;
  6865. left: 50%;
  6866. -webkit-transform: translate3d(-50%, -50%, 0);
  6867. transform: translate3d(-50%, -50%, 0); }
  6868. md-tabs-wrapper md-prev-button {
  6869. left: 0;
  6870. background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMjA4IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyIAkJIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz4gPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+IDwvZz4gPC9nPiA8ZyBpZD0iR3JpZCIgZGlzcGxheT0ibm9uZSI+IDxnIGRpc3BsYXk9ImlubGluZSI+IDwvZz4gPC9nPiA8L3N2Zz4NCg=='); }
  6871. md-tabs-wrapper md-next-button {
  6872. right: 0;
  6873. background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K'); }
  6874. md-tabs-wrapper md-next-button md-icon {
  6875. -webkit-transform: translate3d(-50%, -50%, 0) rotate(180deg);
  6876. transform: translate3d(-50%, -50%, 0) rotate(180deg); }
  6877. md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper {
  6878. width: 100%;
  6879. display: -webkit-flex;
  6880. display: -ms-flexbox;
  6881. display: flex;
  6882. -webkit-flex-direction: row;
  6883. -ms-flex-direction: row;
  6884. flex-direction: row; }
  6885. md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper md-tab-item {
  6886. -webkit-flex-grow: 1;
  6887. -ms-flex-positive: 1;
  6888. flex-grow: 1; }
  6889. md-tabs-canvas {
  6890. position: relative;
  6891. overflow: hidden;
  6892. display: block;
  6893. height: 48px; }
  6894. md-tabs-canvas:after {
  6895. content: '';
  6896. display: table;
  6897. clear: both; }
  6898. md-tabs-canvas .md-dummy-wrapper {
  6899. position: absolute;
  6900. top: 0;
  6901. left: 0; }
  6902. md-tabs-canvas.md-paginated {
  6903. margin: 0 32px; }
  6904. md-tabs-canvas.md-center-tabs {
  6905. display: -webkit-flex;
  6906. display: -ms-flexbox;
  6907. display: flex;
  6908. -webkit-flex-direction: column;
  6909. -ms-flex-direction: column;
  6910. flex-direction: column;
  6911. text-align: center; }
  6912. md-tabs-canvas.md-center-tabs .md-tab {
  6913. float: none;
  6914. display: inline-block; }
  6915. md-pagination-wrapper {
  6916. height: 48px;
  6917. display: block;
  6918. transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  6919. transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  6920. position: absolute;
  6921. width: 999999px;
  6922. left: 0;
  6923. -webkit-transform: translate3d(0, 0, 0);
  6924. transform: translate3d(0, 0, 0); }
  6925. md-pagination-wrapper:after {
  6926. content: '';
  6927. display: table;
  6928. clear: both; }
  6929. md-pagination-wrapper.md-center-tabs {
  6930. position: relative;
  6931. width: initial;
  6932. -webkit-flex: 1;
  6933. -ms-flex: 1;
  6934. flex: 1;
  6935. margin: 0 auto; }
  6936. md-tabs-content-wrapper {
  6937. display: block;
  6938. position: absolute;
  6939. top: 48px;
  6940. left: 0;
  6941. right: 0;
  6942. bottom: 0;
  6943. overflow: hidden; }
  6944. md-tab-content {
  6945. display: block;
  6946. position: absolute;
  6947. top: 0;
  6948. left: 0;
  6949. right: 0;
  6950. bottom: 0;
  6951. -webkit-transform: translateX(0);
  6952. transform: translateX(0);
  6953. transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  6954. transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  6955. overflow: auto; }
  6956. md-tab-content.md-no-scroll {
  6957. bottom: auto;
  6958. overflow: hidden; }
  6959. md-tab-content.ng-leave, md-tab-content.md-no-transition {
  6960. transition: none; }
  6961. md-tab-content.md-left {
  6962. -webkit-transform: translateX(-100%);
  6963. transform: translateX(-100%);
  6964. -webkit-animation: 1s md-tab-content-hide;
  6965. animation: 1s md-tab-content-hide;
  6966. opacity: 0; }
  6967. md-tab-content.md-left * {
  6968. transition: visibility 0s linear;
  6969. transition-delay: 0.5s;
  6970. visibility: hidden; }
  6971. md-tab-content.md-right {
  6972. -webkit-transform: translateX(100%);
  6973. transform: translateX(100%);
  6974. -webkit-animation: 1s md-tab-content-hide;
  6975. animation: 1s md-tab-content-hide;
  6976. opacity: 0; }
  6977. md-tab-content.md-right * {
  6978. transition: visibility 0s linear;
  6979. transition-delay: 0.5s;
  6980. visibility: hidden; }
  6981. md-tab-content > div.ng-leave {
  6982. -webkit-animation: 1s md-tab-content-hide;
  6983. animation: 1s md-tab-content-hide; }
  6984. md-ink-bar {
  6985. position: absolute;
  6986. left: auto;
  6987. right: auto;
  6988. bottom: 0;
  6989. height: 2px; }
  6990. md-ink-bar.md-left {
  6991. transition: left 0.225s cubic-bezier(0.35, 0, 0.25, 1), right 0.5s cubic-bezier(0.35, 0, 0.25, 1); }
  6992. md-ink-bar.md-right {
  6993. transition: left 0.5s cubic-bezier(0.35, 0, 0.25, 1), right 0.225s cubic-bezier(0.35, 0, 0.25, 1); }
  6994. md-tab {
  6995. position: absolute;
  6996. z-index: -1;
  6997. left: -9999px; }
  6998. .md-tab {
  6999. font-size: 14px;
  7000. text-align: center;
  7001. line-height: 24px;
  7002. padding: 12px 24px;
  7003. transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1);
  7004. cursor: pointer;
  7005. white-space: nowrap;
  7006. position: relative;
  7007. text-transform: uppercase;
  7008. float: left;
  7009. font-weight: 500;
  7010. box-sizing: border-box;
  7011. overflow: hidden;
  7012. text-overflow: ellipsis; }
  7013. .md-tab.md-focused {
  7014. box-shadow: none;
  7015. outline: none; }
  7016. .md-tab.md-active {
  7017. cursor: default; }
  7018. .md-tab.md-disabled {
  7019. pointer-events: none;
  7020. -ms-touch-action: pan-y;
  7021. touch-action: pan-y;
  7022. -webkit-user-select: none;
  7023. -moz-user-select: none;
  7024. -ms-user-select: none;
  7025. user-select: none;
  7026. -webkit-user-drag: none;
  7027. opacity: 0.5;
  7028. cursor: default; }
  7029. .md-tab.ng-leave {
  7030. transition: none; }
  7031. md-toolbar + md-tabs {
  7032. border-top-left-radius: 0;
  7033. border-top-right-radius: 0; }
  7034. md-toast {
  7035. display: -webkit-flex;
  7036. display: -ms-flexbox;
  7037. display: flex;
  7038. position: absolute;
  7039. z-index: 90;
  7040. box-sizing: border-box;
  7041. -webkit-align-items: center;
  7042. -ms-flex-align: center;
  7043. align-items: center;
  7044. min-height: 48px;
  7045. padding-left: 24px;
  7046. padding-right: 24px;
  7047. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  7048. border-radius: 2px;
  7049. font-size: 14px;
  7050. cursor: default;
  7051. height: auto;
  7052. max-height: 168px;
  7053. max-width: 100%;
  7054. overflow: hidden;
  7055. opacity: 1;
  7056. -webkit-transform: translate3d(0, 0, 0) rotateZ(0deg);
  7057. transform: translate3d(0, 0, 0) rotateZ(0deg);
  7058. transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  7059. /* Transition differently when swiping */ }
  7060. md-toast.md-capsule {
  7061. border-radius: 24px; }
  7062. md-toast.ng-leave-active {
  7063. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  7064. md-toast.md-swipeleft, md-toast.md-swiperight, md-toast.md-swipeup, md-toast.md-swipedown {
  7065. transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
  7066. md-toast.ng-enter {
  7067. -webkit-transform: translate3d(0, 100%, 0);
  7068. transform: translate3d(0, 100%, 0);
  7069. opacity: 0; }
  7070. md-toast.ng-enter.md-top {
  7071. -webkit-transform: translate3d(0, -100%, 0);
  7072. transform: translate3d(0, -100%, 0); }
  7073. md-toast.ng-enter.ng-enter-active {
  7074. -webkit-transform: translate3d(0, 0, 0);
  7075. transform: translate3d(0, 0, 0);
  7076. opacity: 1; }
  7077. md-toast.ng-leave.ng-leave-active {
  7078. opacity: 0;
  7079. -webkit-transform: translate3d(0, 100%, 0);
  7080. transform: translate3d(0, 100%, 0); }
  7081. md-toast.ng-leave.ng-leave-active.md-top {
  7082. -webkit-transform: translate3d(0, -100%, 0);
  7083. transform: translate3d(0, -100%, 0); }
  7084. md-toast.ng-leave.ng-leave-active.md-swipeleft {
  7085. -webkit-transform: translate3d(-100%, 0%, 0);
  7086. transform: translate3d(-100%, 0%, 0); }
  7087. md-toast.ng-leave.ng-leave-active.md-swiperight {
  7088. -webkit-transform: translate3d(100%, 0%, 0);
  7089. transform: translate3d(100%, 0%, 0); }
  7090. md-toast .md-action {
  7091. line-height: 19px;
  7092. margin-left: 24px;
  7093. cursor: pointer;
  7094. text-transform: uppercase;
  7095. float: right; }
  7096. md-toast .md-action.md-button {
  7097. min-width: 0; }
  7098. @media (max-width: 600px) {
  7099. md-toast {
  7100. left: 0;
  7101. right: 0;
  7102. width: 100%;
  7103. max-width: 100%;
  7104. min-width: 0;
  7105. border-radius: 0;
  7106. bottom: 0; }
  7107. md-toast.md-top {
  7108. bottom: auto;
  7109. top: 0; } }
  7110. @media (min-width: 600px) {
  7111. md-toast {
  7112. min-width: 288px;
  7113. /*
  7114. * When the toast doesn't take up the whole screen,
  7115. * make it rotate when the user swipes it away
  7116. */ }
  7117. md-toast.md-bottom {
  7118. bottom: 8px; }
  7119. md-toast.md-left {
  7120. left: 8px; }
  7121. md-toast.md-right {
  7122. right: 8px; }
  7123. md-toast.md-top {
  7124. top: 8px; }
  7125. md-toast.ng-leave.ng-leave-active.md-swipeleft {
  7126. -webkit-transform: translate3d(-100%, 25%, 0) rotateZ(-15deg);
  7127. transform: translate3d(-100%, 25%, 0) rotateZ(-15deg); }
  7128. md-toast.ng-leave.ng-leave-active.md-swiperight {
  7129. -webkit-transform: translate3d(100%, 25%, 0) rotateZ(15deg);
  7130. transform: translate3d(100%, 25%, 0) rotateZ(15deg); }
  7131. md-toast.ng-leave.ng-leave-active.md-top.md-swipeleft {
  7132. -webkit-transform: translate3d(-100%, 0, 0) rotateZ(-15deg);
  7133. transform: translate3d(-100%, 0, 0) rotateZ(-15deg); }
  7134. md-toast.ng-leave.ng-leave-active.md-top.md-swiperight {
  7135. -webkit-transform: translate3d(100%, 0, 0) rotateZ(15deg);
  7136. transform: translate3d(100%, 0, 0) rotateZ(15deg); } }
  7137. @media (min-width: 1200px) {
  7138. md-toast {
  7139. max-width: 568px; } }
  7140. @media screen and (-ms-high-contrast: active) {
  7141. md-toast {
  7142. border: 1px solid #fff; } }
  7143. md-toolbar {
  7144. box-sizing: border-box;
  7145. display: -webkit-flex;
  7146. display: -ms-flexbox;
  7147. display: flex;
  7148. -webkit-flex-direction: column;
  7149. -ms-flex-direction: column;
  7150. flex-direction: column;
  7151. position: relative;
  7152. z-index: 2;
  7153. font-size: 20px;
  7154. min-height: 64px;
  7155. width: 100%; }
  7156. md-toolbar.md-whiteframe-z1-add, md-toolbar.md-whiteframe-z1-remove {
  7157. transition: box-shadow 0.5s linear; }
  7158. md-toolbar md-toolbar-filler {
  7159. width: 72px; }
  7160. md-toolbar *, md-toolbar *:before, md-toolbar *:after {
  7161. box-sizing: border-box; }
  7162. md-toolbar.md-tall {
  7163. height: 128px;
  7164. min-height: 128px;
  7165. max-height: 128px; }
  7166. md-toolbar.md-medium-tall {
  7167. height: 88px;
  7168. min-height: 88px;
  7169. max-height: 88px; }
  7170. md-toolbar.md-medium-tall .md-toolbar-tools {
  7171. height: 48px;
  7172. min-height: 48px;
  7173. max-height: 48px; }
  7174. md-toolbar > .md-indent {
  7175. margin-left: 64px; }
  7176. md-toolbar ~ md-content > md-list {
  7177. padding: 0; }
  7178. md-toolbar ~ md-content > md-list md-list-item:last-child md-divider {
  7179. display: none; }
  7180. .md-toolbar-tools {
  7181. font-size: 20px;
  7182. letter-spacing: 0.005em;
  7183. box-sizing: border-box;
  7184. font-weight: 400;
  7185. display: -webkit-flex;
  7186. display: -ms-flexbox;
  7187. display: flex;
  7188. -webkit-align-items: center;
  7189. -ms-flex-align: center;
  7190. align-items: center;
  7191. -webkit-flex-direction: row;
  7192. -ms-flex-direction: row;
  7193. flex-direction: row;
  7194. width: 100%;
  7195. height: 64px;
  7196. max-height: 64px;
  7197. padding: 0 16px;
  7198. margin: 0; }
  7199. .md-toolbar-tools h1, .md-toolbar-tools h2, .md-toolbar-tools h3 {
  7200. font-size: inherit;
  7201. font-weight: inherit;
  7202. margin: inherit; }
  7203. .md-toolbar-tools a {
  7204. color: inherit;
  7205. text-decoration: none; }
  7206. .md-toolbar-tools .fill-height {
  7207. display: -webkit-flex;
  7208. display: -ms-flexbox;
  7209. display: flex;
  7210. -webkit-align-items: center;
  7211. -ms-flex-align: center;
  7212. align-items: center; }
  7213. .md-toolbar-tools .md-button {
  7214. margin-top: 0;
  7215. margin-bottom: 0; }
  7216. .md-toolbar-tools > .md-button:first-child {
  7217. margin-left: -8px; }
  7218. .md-toolbar-tools > .md-button:last-child {
  7219. margin-right: -8px; }
  7220. .md-toolbar-tools > md-menu:last-child {
  7221. margin-right: -8px; }
  7222. .md-toolbar-tools > md-menu:last-child > .md-button {
  7223. margin-right: 0; }
  7224. @media screen and (-ms-high-contrast: active) {
  7225. .md-toolbar-tools {
  7226. border-bottom: 1px solid #fff; } }
  7227. @media only screen and (min-width: 0) and (max-width: 600px) and (orientation: portrait) {
  7228. md-toolbar {
  7229. min-height: 56px; }
  7230. .md-toolbar-tools {
  7231. height: 56px;
  7232. max-height: 56px; } }
  7233. @media only screen and (min-width: 0) and (max-width: 600px) and (orientation: landscape) {
  7234. md-toolbar {
  7235. min-height: 48px; }
  7236. .md-toolbar-tools {
  7237. height: 48px;
  7238. max-height: 48px; } }
  7239. md-tooltip {
  7240. position: absolute;
  7241. z-index: 100;
  7242. overflow: hidden;
  7243. pointer-events: none;
  7244. border-radius: 4px;
  7245. font-weight: 500;
  7246. font-size: 14px; }
  7247. @media screen and (min-width: 600px) {
  7248. md-tooltip {
  7249. font-size: 10px; } }
  7250. md-tooltip .md-background {
  7251. position: absolute;
  7252. border-radius: 50%;
  7253. -webkit-transform: translate(-50%, -50%) scale(0);
  7254. transform: translate(-50%, -50%) scale(0);
  7255. opacity: 1; }
  7256. md-tooltip .md-background.md-show-add {
  7257. transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  7258. -webkit-transform: translate(-50%, -50%) scale(0);
  7259. transform: translate(-50%, -50%) scale(0);
  7260. opacity: 0; }
  7261. md-tooltip .md-background.md-show, md-tooltip .md-background.md-show-add-active {
  7262. -webkit-transform: translate(-50%, -50%) scale(1);
  7263. transform: translate(-50%, -50%) scale(1);
  7264. opacity: 1; }
  7265. md-tooltip .md-background.md-show-remove {
  7266. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  7267. md-tooltip .md-background.md-show-remove.md-show-remove-active {
  7268. -webkit-transform: translate(-50%, -50%) scale(0);
  7269. transform: translate(-50%, -50%) scale(0);
  7270. opacity: 0; }
  7271. md-tooltip .md-content {
  7272. position: relative;
  7273. white-space: nowrap;
  7274. overflow: hidden;
  7275. text-overflow: ellipsis;
  7276. background: transparent;
  7277. opacity: 0;
  7278. height: 32px;
  7279. line-height: 32px;
  7280. padding-left: 16px;
  7281. padding-right: 16px; }
  7282. @media screen and (min-width: 600px) {
  7283. md-tooltip .md-content {
  7284. height: 22px;
  7285. line-height: 22px;
  7286. padding-left: 8px;
  7287. padding-right: 8px; } }
  7288. md-tooltip .md-content.md-show-add {
  7289. transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  7290. opacity: 0; }
  7291. md-tooltip .md-content.md-show, md-tooltip .md-content.md-show-add-active {
  7292. opacity: 1; }
  7293. md-tooltip .md-content.md-show-remove {
  7294. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  7295. md-tooltip .md-content.md-show-remove.md-show-remove-active {
  7296. opacity: 0; }
  7297. md-tooltip.md-hide {
  7298. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  7299. md-tooltip.md-show {
  7300. transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  7301. pointer-events: auto;
  7302. -webkit-transform: translate3d(0, 0, 0);
  7303. transform: translate3d(0, 0, 0); }
  7304. .md-virtual-repeat-container {
  7305. box-sizing: border-box;
  7306. display: block;
  7307. margin: 0;
  7308. overflow: hidden;
  7309. padding: 0;
  7310. position: relative; }
  7311. .md-virtual-repeat-container .md-virtual-repeat-scroller {
  7312. bottom: 0;
  7313. box-sizing: border-box;
  7314. left: 0;
  7315. margin: 0;
  7316. overflow-x: hidden;
  7317. padding: 0;
  7318. position: absolute;
  7319. right: 0;
  7320. top: 0; }
  7321. .md-virtual-repeat-container .md-virtual-repeat-sizer {
  7322. box-sizing: border-box;
  7323. height: 1px;
  7324. display: inline-block;
  7325. margin: 0;
  7326. padding: 0;
  7327. width: 1px; }
  7328. .md-virtual-repeat-container .md-virtual-repeat-offsetter {
  7329. box-sizing: border-box;
  7330. left: 0;
  7331. margin: 0;
  7332. padding: 0;
  7333. position: absolute;
  7334. right: 16px;
  7335. top: 0; }
  7336. .md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-scroller {
  7337. overflow-x: auto;
  7338. overflow-y: hidden; }
  7339. .md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-offsetter {
  7340. bottom: 16px;
  7341. right: auto;
  7342. white-space: nowrap; }
  7343. .md-whiteframe-z1 {
  7344. box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084); }
  7345. .md-whiteframe-z2 {
  7346. box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.098), 0 1px 10px 0 rgba(0, 0, 0, 0.084); }
  7347. .md-whiteframe-z3 {
  7348. box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.14), 0px 6px 10px 0px rgba(0, 0, 0, 0.098), 0px 1px 18px 0px rgba(0, 0, 0, 0.084); }
  7349. .md-whiteframe-z4 {
  7350. box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.14), 0px 8px 10px 1px rgba(0, 0, 0, 0.098), 0px 3px 14px 2px rgba(0, 0, 0, 0.084); }
  7351. .md-whiteframe-z5 {
  7352. box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.14), 0px 16px 24px 2px rgba(0, 0, 0, 0.098), 0px 6px 30px 5px rgba(0, 0, 0, 0.084); }
  7353. @media screen and (-ms-high-contrast: active) {
  7354. md-whiteframe {
  7355. border: 1px solid #fff; } }