main.css 324 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078607960806081608260836084608560866087608860896090609160926093609460956096609760986099610061016102610361046105610661076108610961106111611261136114611561166117611861196120612161226123612461256126612761286129613061316132613361346135613661376138613961406141614261436144614561466147614861496150615161526153615461556156615761586159616061616162616361646165616661676168616961706171617261736174617561766177617861796180618161826183618461856186618761886189619061916192619361946195619661976198619962006201620262036204620562066207620862096210621162126213621462156216621762186219622062216222622362246225622662276228622962306231623262336234623562366237623862396240624162426243624462456246624762486249625062516252625362546255625662576258625962606261626262636264626562666267626862696270627162726273627462756276627762786279628062816282628362846285628662876288628962906291629262936294629562966297629862996300630163026303630463056306630763086309631063116312631363146315631663176318631963206321632263236324632563266327632863296330633163326333633463356336633763386339634063416342634363446345634663476348634963506351635263536354635563566357635863596360636163626363636463656366636763686369637063716372637363746375637663776378637963806381638263836384638563866387638863896390639163926393639463956396639763986399640064016402640364046405640664076408640964106411641264136414641564166417641864196420642164226423642464256426642764286429643064316432643364346435643664376438643964406441644264436444644564466447644864496450645164526453645464556456645764586459646064616462646364646465646664676468646964706471647264736474647564766477647864796480648164826483648464856486648764886489649064916492649364946495649664976498649965006501650265036504650565066507650865096510651165126513651465156516651765186519652065216522652365246525652665276528652965306531653265336534653565366537653865396540654165426543654465456546654765486549655065516552655365546555655665576558655965606561656265636564656565666567656865696570657165726573657465756576657765786579658065816582658365846585658665876588658965906591659265936594659565966597659865996600660166026603660466056606660766086609661066116612661366146615661666176618661966206621662266236624662566266627662866296630663166326633663466356636663766386639664066416642664366446645664666476648664966506651665266536654665566566657665866596660666166626663666466656666666766686669667066716672667366746675667666776678667966806681668266836684668566866687668866896690669166926693669466956696669766986699670067016702670367046705670667076708670967106711671267136714671567166717671867196720672167226723672467256726672767286729673067316732673367346735673667376738673967406741674267436744674567466747674867496750675167526753675467556756675767586759676067616762676367646765676667676768676967706771677267736774677567766777677867796780678167826783678467856786678767886789679067916792679367946795679667976798679968006801680268036804680568066807680868096810681168126813681468156816681768186819682068216822682368246825682668276828682968306831683268336834683568366837683868396840684168426843684468456846684768486849685068516852685368546855685668576858685968606861686268636864686568666867686868696870687168726873687468756876687768786879688068816882688368846885688668876888688968906891689268936894689568966897689868996900690169026903690469056906690769086909691069116912691369146915691669176918691969206921692269236924692569266927692869296930693169326933693469356936693769386939694069416942694369446945694669476948694969506951695269536954695569566957695869596960696169626963696469656966696769686969697069716972697369746975697669776978697969806981698269836984698569866987698869896990699169926993699469956996699769986999700070017002700370047005700670077008700970107011701270137014701570167017701870197020702170227023702470257026702770287029703070317032703370347035703670377038703970407041704270437044704570467047704870497050705170527053705470557056705770587059706070617062706370647065706670677068706970707071707270737074707570767077707870797080708170827083708470857086708770887089709070917092709370947095709670977098709971007101710271037104710571067107710871097110711171127113711471157116711771187119712071217122712371247125712671277128712971307131713271337134713571367137713871397140714171427143714471457146714771487149715071517152715371547155715671577158715971607161716271637164716571667167716871697170717171727173717471757176717771787179718071817182718371847185718671877188718971907191719271937194719571967197719871997200720172027203720472057206720772087209721072117212721372147215721672177218721972207221722272237224722572267227722872297230723172327233723472357236723772387239724072417242724372447245724672477248724972507251725272537254725572567257725872597260726172627263726472657266726772687269727072717272727372747275727672777278727972807281728272837284728572867287728872897290729172927293729472957296729772987299730073017302730373047305730673077308730973107311731273137314731573167317731873197320732173227323732473257326732773287329733073317332733373347335733673377338733973407341734273437344734573467347734873497350735173527353735473557356735773587359736073617362736373647365736673677368736973707371737273737374737573767377737873797380738173827383738473857386738773887389739073917392739373947395739673977398739974007401740274037404740574067407740874097410741174127413741474157416741774187419742074217422742374247425742674277428742974307431743274337434743574367437743874397440744174427443744474457446744774487449745074517452745374547455745674577458745974607461746274637464746574667467746874697470747174727473747474757476747774787479748074817482748374847485748674877488748974907491749274937494749574967497749874997500750175027503750475057506750775087509751075117512751375147515751675177518751975207521752275237524752575267527752875297530753175327533753475357536753775387539754075417542754375447545754675477548754975507551755275537554755575567557755875597560756175627563756475657566756775687569757075717572757375747575757675777578757975807581758275837584758575867587758875897590759175927593759475957596759775987599760076017602760376047605760676077608760976107611761276137614761576167617761876197620762176227623762476257626762776287629763076317632763376347635763676377638763976407641764276437644764576467647764876497650765176527653765476557656765776587659766076617662766376647665766676677668766976707671767276737674767576767677767876797680768176827683768476857686768776887689769076917692769376947695769676977698769977007701770277037704770577067707770877097710771177127713771477157716771777187719772077217722772377247725772677277728772977307731773277337734773577367737773877397740774177427743774477457746774777487749775077517752775377547755775677577758775977607761776277637764776577667767776877697770777177727773777477757776777777787779778077817782778377847785778677877788778977907791779277937794779577967797779877997800780178027803780478057806780778087809781078117812781378147815781678177818781978207821782278237824782578267827782878297830783178327833783478357836783778387839784078417842784378447845784678477848784978507851785278537854785578567857785878597860786178627863786478657866786778687869787078717872787378747875787678777878787978807881788278837884788578867887788878897890789178927893789478957896789778987899790079017902790379047905790679077908790979107911791279137914791579167917791879197920792179227923792479257926792779287929793079317932793379347935793679377938793979407941794279437944794579467947794879497950795179527953795479557956795779587959796079617962796379647965796679677968796979707971797279737974797579767977797879797980798179827983798479857986798779887989799079917992799379947995799679977998799980008001800280038004800580068007800880098010801180128013801480158016801780188019802080218022802380248025802680278028802980308031803280338034803580368037803880398040804180428043804480458046804780488049805080518052805380548055805680578058805980608061806280638064806580668067806880698070807180728073807480758076807780788079808080818082808380848085808680878088808980908091809280938094809580968097809880998100810181028103810481058106810781088109811081118112811381148115811681178118811981208121812281238124812581268127812881298130813181328133813481358136813781388139814081418142814381448145814681478148814981508151815281538154815581568157815881598160816181628163816481658166816781688169817081718172817381748175817681778178817981808181818281838184818581868187818881898190819181928193819481958196819781988199820082018202820382048205820682078208820982108211821282138214821582168217821882198220822182228223822482258226822782288229823082318232823382348235823682378238823982408241824282438244824582468247824882498250825182528253825482558256825782588259826082618262826382648265826682678268826982708271827282738274827582768277827882798280828182828283828482858286828782888289829082918292829382948295829682978298829983008301830283038304830583068307830883098310831183128313831483158316831783188319832083218322832383248325832683278328832983308331833283338334833583368337833883398340834183428343834483458346834783488349835083518352835383548355835683578358835983608361836283638364836583668367836883698370837183728373837483758376837783788379838083818382838383848385838683878388838983908391839283938394839583968397839883998400840184028403840484058406840784088409841084118412841384148415841684178418841984208421842284238424842584268427842884298430843184328433843484358436843784388439844084418442844384448445844684478448844984508451845284538454845584568457845884598460846184628463846484658466846784688469847084718472847384748475847684778478847984808481848284838484848584868487848884898490849184928493849484958496849784988499850085018502850385048505850685078508850985108511851285138514851585168517851885198520852185228523852485258526852785288529853085318532853385348535853685378538853985408541854285438544854585468547854885498550855185528553855485558556855785588559856085618562856385648565856685678568856985708571857285738574857585768577857885798580858185828583858485858586858785888589859085918592859385948595859685978598859986008601860286038604860586068607860886098610861186128613861486158616861786188619862086218622862386248625862686278628862986308631863286338634863586368637863886398640864186428643864486458646864786488649865086518652865386548655865686578658865986608661866286638664866586668667866886698670867186728673867486758676867786788679868086818682868386848685868686878688868986908691869286938694869586968697869886998700870187028703870487058706870787088709871087118712871387148715871687178718871987208721872287238724872587268727872887298730873187328733873487358736873787388739874087418742874387448745874687478748874987508751875287538754875587568757875887598760876187628763876487658766876787688769877087718772877387748775877687778778877987808781878287838784878587868787878887898790879187928793879487958796879787988799880088018802880388048805880688078808880988108811881288138814881588168817881888198820882188228823882488258826882788288829883088318832883388348835883688378838883988408841884288438844884588468847884888498850885188528853885488558856885788588859886088618862886388648865886688678868886988708871887288738874887588768877887888798880888188828883888488858886888788888889889088918892889388948895889688978898889989008901890289038904890589068907890889098910891189128913891489158916891789188919892089218922892389248925892689278928892989308931893289338934893589368937893889398940894189428943894489458946894789488949895089518952895389548955895689578958895989608961896289638964896589668967896889698970897189728973897489758976897789788979898089818982898389848985898689878988898989908991899289938994899589968997899889999000900190029003900490059006900790089009901090119012901390149015901690179018901990209021902290239024902590269027902890299030903190329033903490359036903790389039904090419042904390449045904690479048904990509051905290539054905590569057905890599060906190629063906490659066906790689069907090719072907390749075907690779078907990809081908290839084908590869087908890899090909190929093909490959096909790989099910091019102910391049105910691079108910991109111911291139114911591169117911891199120912191229123912491259126912791289129913091319132913391349135913691379138913991409141914291439144914591469147914891499150915191529153915491559156915791589159916091619162916391649165916691679168916991709171917291739174917591769177917891799180918191829183918491859186918791889189919091919192919391949195919691979198919992009201920292039204920592069207920892099210921192129213921492159216921792189219922092219222922392249225922692279228922992309231923292339234923592369237923892399240924192429243924492459246924792489249925092519252925392549255925692579258925992609261926292639264926592669267926892699270927192729273927492759276927792789279928092819282928392849285928692879288928992909291929292939294929592969297929892999300930193029303930493059306930793089309931093119312931393149315931693179318931993209321932293239324932593269327932893299330933193329333933493359336933793389339934093419342934393449345934693479348934993509351935293539354935593569357935893599360936193629363936493659366936793689369937093719372937393749375937693779378937993809381938293839384938593869387938893899390939193929393939493959396939793989399940094019402940394049405940694079408940994109411941294139414941594169417941894199420942194229423942494259426942794289429943094319432943394349435943694379438943994409441944294439444944594469447944894499450945194529453945494559456945794589459946094619462946394649465946694679468946994709471947294739474947594769477947894799480948194829483948494859486948794889489949094919492949394949495949694979498949995009501950295039504950595069507950895099510951195129513951495159516951795189519952095219522952395249525952695279528952995309531953295339534953595369537953895399540954195429543954495459546954795489549955095519552955395549555955695579558955995609561956295639564956595669567956895699570957195729573957495759576957795789579958095819582958395849585958695879588958995909591959295939594959595969597959895999600960196029603960496059606960796089609961096119612961396149615961696179618961996209621962296239624962596269627962896299630963196329633963496359636963796389639964096419642964396449645964696479648964996509651965296539654965596569657965896599660966196629663966496659666966796689669967096719672967396749675967696779678967996809681968296839684968596869687968896899690969196929693969496959696969796989699970097019702970397049705970697079708970997109711971297139714971597169717971897199720972197229723972497259726972797289729973097319732973397349735973697379738973997409741974297439744974597469747974897499750975197529753975497559756975797589759976097619762976397649765976697679768976997709771977297739774977597769777977897799780978197829783978497859786978797889789979097919792979397949795979697979798979998009801980298039804980598069807980898099810981198129813981498159816981798189819982098219822982398249825982698279828982998309831983298339834983598369837983898399840984198429843984498459846984798489849985098519852985398549855985698579858985998609861986298639864986598669867986898699870987198729873987498759876987798789879988098819882988398849885988698879888988998909891989298939894989598969897989898999900990199029903990499059906990799089909991099119912991399149915991699179918991999209921992299239924992599269927992899299930993199329933993499359936993799389939994099419942994399449945994699479948994999509951995299539954995599569957995899599960996199629963996499659966996799689969997099719972997399749975997699779978997999809981998299839984998599869987998899899990999199929993999499959996999799989999100001000110002100031000410005100061000710008100091001010011100121001310014100151001610017100181001910020100211002210023100241002510026100271002810029100301003110032100331003410035100361003710038100391004010041100421004310044100451004610047100481004910050100511005210053100541005510056100571005810059100601006110062100631006410065100661006710068100691007010071100721007310074100751007610077100781007910080100811008210083100841008510086100871008810089100901009110092100931009410095100961009710098100991010010101101021010310104101051010610107101081010910110101111011210113101141011510116101171011810119101201012110122101231012410125101261012710128101291013010131101321013310134101351013610137101381013910140101411014210143101441014510146101471014810149101501015110152101531015410155101561015710158101591016010161101621016310164101651016610167101681016910170101711017210173101741017510176101771017810179101801018110182101831018410185101861018710188101891019010191101921019310194101951019610197101981019910200102011020210203102041020510206102071020810209102101021110212102131021410215102161021710218102191022010221102221022310224102251022610227102281022910230102311023210233102341023510236102371023810239102401024110242102431024410245102461024710248102491025010251102521025310254102551025610257102581025910260102611026210263102641026510266102671026810269102701027110272102731027410275102761027710278102791028010281102821028310284102851028610287102881028910290102911029210293102941029510296102971029810299103001030110302103031030410305103061030710308103091031010311103121031310314103151031610317103181031910320103211032210323103241032510326103271032810329103301033110332103331033410335103361033710338103391034010341103421034310344103451034610347103481034910350103511035210353103541035510356103571035810359103601036110362103631036410365103661036710368103691037010371103721037310374103751037610377103781037910380103811038210383103841038510386103871038810389103901039110392103931039410395103961039710398103991040010401104021040310404104051040610407104081040910410104111041210413104141041510416104171041810419104201042110422104231042410425104261042710428104291043010431104321043310434104351043610437104381043910440104411044210443104441044510446104471044810449104501045110452104531045410455104561045710458104591046010461104621046310464104651046610467104681046910470104711047210473104741047510476104771047810479104801048110482104831048410485104861048710488104891049010491104921049310494104951049610497104981049910500105011050210503105041050510506105071050810509105101051110512105131051410515105161051710518105191052010521105221052310524105251052610527105281052910530105311053210533105341053510536105371053810539105401054110542105431054410545105461054710548105491055010551105521055310554105551055610557105581055910560105611056210563105641056510566105671056810569105701057110572105731057410575105761057710578105791058010581105821058310584105851058610587105881058910590105911059210593105941059510596105971059810599106001060110602106031060410605106061060710608106091061010611106121061310614106151061610617106181061910620106211062210623106241062510626106271062810629106301063110632106331063410635106361063710638106391064010641106421064310644106451064610647106481064910650106511065210653106541065510656106571065810659106601066110662106631066410665106661066710668106691067010671106721067310674106751067610677106781067910680106811068210683106841068510686106871068810689106901069110692106931069410695106961069710698106991070010701107021070310704107051070610707107081070910710107111071210713107141071510716107171071810719107201072110722107231072410725107261072710728107291073010731107321073310734107351073610737107381073910740107411074210743107441074510746107471074810749107501075110752107531075410755107561075710758107591076010761107621076310764107651076610767107681076910770107711077210773107741077510776107771077810779107801078110782107831078410785107861078710788107891079010791107921079310794107951079610797107981079910800108011080210803108041080510806108071080810809108101081110812108131081410815108161081710818108191082010821108221082310824108251082610827108281082910830108311083210833108341083510836108371083810839108401084110842108431084410845108461084710848108491085010851108521085310854108551085610857108581085910860108611086210863108641086510866108671086810869108701087110872108731087410875108761087710878108791088010881108821088310884108851088610887108881088910890108911089210893108941089510896108971089810899109001090110902109031090410905109061090710908109091091010911109121091310914109151091610917109181091910920109211092210923109241092510926109271092810929109301093110932109331093410935109361093710938109391094010941109421094310944109451094610947109481094910950109511095210953109541095510956109571095810959109601096110962109631096410965109661096710968109691097010971109721097310974109751097610977109781097910980109811098210983109841098510986109871098810989109901099110992109931099410995109961099710998109991100011001110021100311004110051100611007110081100911010110111101211013110141101511016110171101811019110201102111022110231102411025110261102711028110291103011031110321103311034110351103611037110381103911040110411104211043110441104511046110471104811049110501105111052110531105411055110561105711058110591106011061110621106311064110651106611067110681106911070110711107211073110741107511076110771107811079110801108111082110831108411085110861108711088110891109011091110921109311094110951109611097110981109911100111011110211103111041110511106111071110811109111101111111112111131111411115111161111711118111191112011121111221112311124111251112611127111281112911130111311113211133111341113511136111371113811139111401114111142111431114411145111461114711148111491115011151111521115311154111551115611157111581115911160111611116211163111641116511166111671116811169111701117111172111731117411175111761117711178111791118011181111821118311184111851118611187111881118911190111911119211193111941119511196111971119811199112001120111202112031120411205112061120711208112091121011211112121121311214112151121611217112181121911220112211122211223112241122511226112271122811229112301123111232112331123411235112361123711238112391124011241112421124311244112451124611247112481124911250112511125211253112541125511256112571125811259112601126111262112631126411265112661126711268112691127011271112721127311274112751127611277112781127911280112811128211283112841128511286112871128811289112901129111292112931129411295112961129711298112991130011301113021130311304113051130611307113081130911310113111131211313113141131511316113171131811319113201132111322113231132411325113261132711328113291133011331113321133311334113351133611337113381133911340113411134211343113441134511346113471134811349113501135111352113531135411355113561135711358113591136011361113621136311364113651136611367113681136911370113711137211373113741137511376113771137811379113801138111382113831138411385113861138711388113891139011391113921139311394113951139611397113981139911400114011140211403114041140511406114071140811409114101141111412114131141411415114161141711418114191142011421114221142311424114251142611427114281142911430114311143211433114341143511436114371143811439114401144111442114431144411445114461144711448114491145011451114521145311454114551145611457114581145911460114611146211463114641146511466114671146811469114701147111472114731147411475114761147711478114791148011481114821148311484114851148611487114881148911490114911149211493114941149511496114971149811499115001150111502115031150411505115061150711508115091151011511115121151311514115151151611517115181151911520115211152211523115241152511526115271152811529115301153111532115331153411535115361153711538115391154011541115421154311544115451154611547115481154911550115511155211553115541155511556115571155811559115601156111562115631156411565115661156711568115691157011571115721157311574115751157611577115781157911580115811158211583115841158511586115871158811589115901159111592115931159411595115961159711598115991160011601116021160311604116051160611607116081160911610116111161211613116141161511616116171161811619116201162111622116231162411625116261162711628116291163011631116321163311634116351163611637116381163911640116411164211643116441164511646116471164811649116501165111652116531165411655116561165711658116591166011661116621166311664116651166611667116681166911670116711167211673116741167511676116771167811679116801168111682116831168411685116861168711688116891169011691116921169311694116951169611697116981169911700117011170211703117041170511706117071170811709117101171111712117131171411715117161171711718117191172011721117221172311724117251172611727117281172911730117311173211733117341173511736117371173811739117401174111742117431174411745117461174711748117491175011751117521175311754117551175611757117581175911760117611176211763117641176511766117671176811769117701177111772117731177411775117761177711778117791178011781117821178311784117851178611787117881178911790117911179211793117941179511796117971179811799118001180111802118031180411805118061180711808118091181011811118121181311814118151181611817118181181911820118211182211823118241182511826118271182811829118301183111832118331183411835118361183711838118391184011841118421184311844118451184611847118481184911850118511185211853118541185511856118571185811859118601186111862118631186411865118661186711868118691187011871118721187311874118751187611877118781187911880118811188211883118841188511886118871188811889118901189111892118931189411895118961189711898118991190011901119021190311904119051190611907119081190911910119111191211913119141191511916119171191811919119201192111922119231192411925119261192711928119291193011931119321193311934119351193611937119381193911940119411194211943119441194511946119471194811949119501195111952119531195411955119561195711958119591196011961119621196311964119651196611967119681196911970119711197211973119741197511976119771197811979119801198111982119831198411985119861198711988119891199011991119921199311994119951199611997119981199912000120011200212003120041200512006120071200812009120101201112012120131201412015120161201712018120191202012021120221202312024120251202612027120281202912030120311203212033120341203512036120371203812039120401204112042120431204412045120461204712048120491205012051120521205312054120551205612057120581205912060120611206212063120641206512066120671206812069120701207112072120731207412075120761207712078120791208012081120821208312084120851208612087120881208912090120911209212093120941209512096120971209812099121001210112102121031210412105121061210712108121091211012111121121211312114121151211612117121181211912120121211212212123121241212512126121271212812129121301213112132121331213412135121361213712138121391214012141121421214312144121451214612147121481214912150121511215212153121541215512156121571215812159121601216112162121631216412165121661216712168121691217012171121721217312174121751217612177121781217912180121811218212183121841218512186121871218812189121901219112192121931219412195121961219712198121991220012201122021220312204122051220612207122081220912210122111221212213122141221512216122171221812219122201222112222122231222412225122261222712228122291223012231122321223312234122351223612237122381223912240122411224212243122441224512246122471224812249122501225112252122531225412255122561225712258122591226012261122621226312264122651226612267122681226912270122711227212273122741227512276122771227812279122801228112282122831228412285122861228712288122891229012291122921229312294122951229612297122981229912300123011230212303123041230512306123071230812309123101231112312123131231412315123161231712318123191232012321123221232312324123251232612327123281232912330123311233212333123341233512336123371233812339123401234112342123431234412345123461234712348123491235012351123521235312354123551235612357123581235912360123611236212363123641236512366123671236812369123701237112372123731237412375123761237712378123791238012381123821238312384123851238612387123881238912390123911239212393123941239512396123971239812399124001240112402124031240412405124061240712408124091241012411124121241312414124151241612417124181241912420124211242212423124241242512426124271242812429124301243112432124331243412435124361243712438124391244012441124421244312444124451244612447124481244912450124511245212453124541245512456124571245812459124601246112462124631246412465124661246712468124691247012471124721247312474124751247612477124781247912480124811248212483124841248512486124871248812489124901249112492124931249412495124961249712498124991250012501125021250312504125051250612507125081250912510125111251212513125141251512516125171251812519125201252112522125231252412525125261252712528125291253012531125321253312534125351253612537125381253912540125411254212543125441254512546125471254812549125501255112552125531255412555125561255712558125591256012561125621256312564125651256612567125681256912570125711257212573125741257512576125771257812579125801258112582125831258412585125861258712588125891259012591125921259312594125951259612597125981259912600126011260212603126041260512606126071260812609126101261112612126131261412615126161261712618126191262012621126221262312624126251262612627126281262912630126311263212633126341263512636126371263812639126401264112642126431264412645126461264712648126491265012651126521265312654126551265612657126581265912660126611266212663126641266512666126671266812669126701267112672126731267412675126761267712678126791268012681126821268312684126851268612687126881268912690126911269212693126941269512696126971269812699127001270112702127031270412705127061270712708127091271012711127121271312714127151271612717127181271912720127211272212723127241272512726127271272812729127301273112732127331273412735127361273712738127391274012741127421274312744127451274612747127481274912750127511275212753127541275512756127571275812759127601276112762127631276412765127661276712768127691277012771127721277312774127751277612777127781277912780127811278212783127841278512786127871278812789127901279112792127931279412795127961279712798127991280012801128021280312804128051280612807128081280912810128111281212813128141281512816128171281812819128201282112822128231282412825128261282712828128291283012831128321283312834128351283612837128381283912840128411284212843128441284512846128471284812849128501285112852128531285412855128561285712858128591286012861128621286312864128651286612867128681286912870128711287212873128741287512876128771287812879128801288112882128831288412885128861288712888128891289012891128921289312894128951289612897128981289912900129011290212903129041290512906129071290812909129101291112912129131291412915129161291712918129191292012921129221292312924129251292612927129281292912930129311293212933129341293512936129371293812939129401294112942129431294412945129461294712948129491295012951129521295312954129551295612957129581295912960129611296212963129641296512966129671296812969129701297112972129731297412975129761297712978129791298012981129821298312984129851298612987129881298912990129911299212993129941299512996129971299812999130001300113002130031300413005130061300713008130091301013011130121301313014130151301613017130181301913020130211302213023130241302513026130271302813029130301303113032130331303413035130361303713038130391304013041130421304313044130451304613047130481304913050130511305213053130541305513056130571305813059130601306113062130631306413065130661306713068130691307013071130721307313074130751307613077130781307913080130811308213083130841308513086130871308813089130901309113092130931309413095130961309713098130991310013101131021310313104131051310613107131081310913110131111311213113131141311513116131171311813119131201312113122131231312413125131261312713128131291313013131131321313313134131351313613137131381313913140131411314213143131441314513146131471314813149131501315113152131531315413155131561315713158131591316013161131621316313164131651316613167131681316913170131711317213173131741317513176131771317813179131801318113182131831318413185131861318713188131891319013191131921319313194131951319613197131981319913200132011320213203132041320513206132071320813209132101321113212132131321413215132161321713218132191322013221132221322313224132251322613227132281322913230132311323213233132341323513236132371323813239132401324113242132431324413245132461324713248132491325013251132521325313254132551325613257132581325913260132611326213263132641326513266132671326813269132701327113272132731327413275132761327713278132791328013281132821328313284132851328613287132881328913290132911329213293132941329513296132971329813299133001330113302133031330413305133061330713308133091331013311133121331313314133151331613317133181331913320133211332213323133241332513326133271332813329133301333113332133331333413335133361333713338133391334013341133421334313344133451334613347133481334913350133511335213353133541335513356133571335813359133601336113362133631336413365133661336713368133691337013371133721337313374133751337613377133781337913380133811338213383133841338513386133871338813389133901339113392133931339413395133961339713398133991340013401134021340313404134051340613407134081340913410134111341213413134141341513416134171341813419134201342113422134231342413425134261342713428134291343013431134321343313434134351343613437134381343913440134411344213443134441344513446134471344813449134501345113452134531345413455134561345713458134591346013461134621346313464134651346613467134681346913470134711347213473134741347513476134771347813479134801348113482134831348413485134861348713488134891349013491134921349313494134951349613497134981349913500135011350213503135041350513506135071350813509135101351113512135131351413515135161351713518135191352013521135221352313524135251352613527135281352913530135311353213533135341353513536135371353813539135401354113542135431354413545135461354713548135491355013551135521355313554135551355613557135581355913560135611356213563135641356513566135671356813569135701357113572135731357413575135761357713578135791358013581135821358313584135851358613587135881358913590135911359213593135941359513596135971359813599136001360113602136031360413605136061360713608136091361013611136121361313614136151361613617136181361913620136211362213623136241362513626136271362813629136301363113632136331363413635136361363713638136391364013641136421364313644136451364613647136481364913650136511365213653136541365513656136571365813659136601366113662136631366413665136661366713668136691367013671136721367313674136751367613677136781367913680136811368213683
  1. /*
  2. * Altair Admin
  3. * author: tzd
  4. *
  5. * Content:
  6. * 1. variables/mixins
  7. * 2. UIkit custom styles
  8. * 3. Kendo UI custom styles
  9. * 4. custom components
  10. * 5. material design styles
  11. * 6. plugins
  12. * 7. partials (header,sidebars,top bar)
  13. * 8. pages
  14. * 9. altair admin styles
  15. * 10. print styles
  16. *
  17. */
  18. /* 1. altair variables/mixins ======================== */
  19. /* 2. UIkit custom styles ============================ */
  20. /* animations */
  21. [class^="uk-animation-"] {
  22. -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  23. animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  24. -webkit-animation-duration: 280ms;
  25. animation-duration: 280ms;
  26. }
  27. /* alerts */
  28. .uk-alert {
  29. border: none;
  30. background: #1976d2;
  31. color: #fff;
  32. text-shadow: none;
  33. padding-right: 32px;
  34. position: relative;
  35. display: block;
  36. }
  37. .uk-alert-success {
  38. background: #8bc34a !important;
  39. }
  40. .uk-alert-danger {
  41. background: #e53935 !important;
  42. }
  43. .uk-alert-warning {
  44. background: #ffa000 !important;
  45. }
  46. .uk-alert-info {
  47. background: #0097a7 !important;
  48. }
  49. .uk-alert-large {
  50. padding: 24px 32px 24px 24px;
  51. }
  52. .uk-alert-close {
  53. position: absolute;
  54. top: 10px;
  55. right: 8px;
  56. float: none !important;
  57. margin: 0 !important;
  58. }
  59. .uk-alert-close:after {
  60. color: #fff !important;
  61. }
  62. /* badges */
  63. .uk-badge {
  64. background: #0097a7;
  65. padding: 2px 6px;
  66. border: none;
  67. border-radius: 2px;
  68. text-shadow: none;
  69. font-size: 11px;
  70. line-height: 15px;
  71. font-weight: 400;
  72. white-space: nowrap;
  73. }
  74. .uk-badge-primary {
  75. background: #2196f3;
  76. }
  77. .uk-badge-danger {
  78. background: #e53935;
  79. }
  80. .uk-badge-warning {
  81. background: #ffa000;
  82. }
  83. .uk-badge-success {
  84. background: #7cb342;
  85. }
  86. .uk-badge-muted {
  87. background: #bdbdbd;
  88. }
  89. .uk-badge-notification {
  90. border-radius: 20px;
  91. }
  92. .uk-badge.inline-label {
  93. vertical-align: 1px;
  94. margin-left: 4px;
  95. }
  96. .uk-badge-outline {
  97. border: 1px solid rgba(0, 0, 0, 0.12);
  98. background: #fff;
  99. color: #212121;
  100. padding-bottom: 0;
  101. line-height: 16px;
  102. }
  103. /* buttons */
  104. .uk-button {
  105. font-weight: 400;
  106. border-radius: 2px;
  107. -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  108. transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  109. }
  110. /* comments */
  111. .uk-comment-list > li + li {
  112. border-top: 1px dashed rgba(0, 0, 0, 0.12);
  113. margin-top: 16px !important;
  114. }
  115. .uk-comment-list .uk-comment + ul {
  116. margin: 8px 0 0 0;
  117. }
  118. @media only screen and (min-width: 768px) {
  119. .uk-comment-list .uk-comment + ul {
  120. padding-left: 48px;
  121. }
  122. }
  123. .uk-comment-header {
  124. padding: 16px 8px 8px;
  125. border: none;
  126. background: none;
  127. margin-bottom: 0;
  128. }
  129. .uk-comment-title {
  130. margin: 0;
  131. font-size: 14px;
  132. line-height: 20px;
  133. }
  134. /* dialog modals */
  135. .uk-modal {
  136. z-index: 1304;
  137. background: rgba(0, 0, 0, 0.5);
  138. -webkit-transition: opacity 250ms ease-out;
  139. transition: opacity 250ms ease-out;
  140. overflow: auto !important;
  141. }
  142. .uk-modal.uk-modal-no-backdrop {
  143. background: transparent;
  144. }
  145. .uk-modal-dialog {
  146. border-radius: 2px;
  147. box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  148. padding: 24px;
  149. display: block !important;
  150. -webkit-animation: none !important;
  151. animation: none !important;
  152. -webkit-transition: opacity 280ms ease-in, -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
  153. transition: opacity 280ms ease-in, -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
  154. transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 280ms ease-in;
  155. transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 280ms ease-in, -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
  156. -webkit-transform: scale(0);
  157. transform: scale(0);
  158. }
  159. .uk-modal-dialog-blank {
  160. padding: 0;
  161. background: none;
  162. box-shadow: none;
  163. }
  164. .uk-open .uk-modal-dialog {
  165. -webkit-transform: scale(1);
  166. transform: scale(1);
  167. }
  168. .uk-modal-dialog .uk-modal-header {
  169. background: none;
  170. border-bottom: none;
  171. margin: 0 -24px 24px;
  172. padding: 0 32px 0 24px;
  173. overflow: hidden;
  174. }
  175. .uk-modal-dialog .uk-modal-header .uk-modal-title {
  176. margin: 0;
  177. font: 500 18px / 28px "Roboto", sans-serif;
  178. }
  179. .uk-modal-dialog .uk-modal-header .uk-modal-title span {
  180. font-size: 16px;
  181. display: block;
  182. color: #727272;
  183. }
  184. .uk-modal-dialog .uk-modal-header .material-icons {
  185. font-size: 24px;
  186. vertical-align: -4px;
  187. cursor: default;
  188. }
  189. .uk-modal-dialog .uk-modal-footer {
  190. margin: 16px -16px -16px;
  191. padding: 16px;
  192. background: #fff;
  193. border-top: none;
  194. }
  195. .uk-modal-dialog .uk-modal-footer:before,
  196. .uk-modal-dialog .uk-modal-footer:after {
  197. content: " ";
  198. display: table;
  199. }
  200. .uk-modal-dialog .uk-modal-footer:after {
  201. clear: both;
  202. }
  203. .uk-modal-dialog .uk-modal-footer:before,
  204. .uk-modal-dialog .uk-modal-footer:after {
  205. content: " ";
  206. display: table;
  207. }
  208. .uk-modal-dialog .uk-modal-footer:after {
  209. clear: both;
  210. }
  211. .uk-modal-dialog .uk-modal-footer .md-icon-btn {
  212. margin-top: 2px;
  213. }
  214. .uk-modal-dialog .uk-modal-caption {
  215. bottom: 16px;
  216. margin: 0 32px;
  217. }
  218. .uk-modal-dialog > .uk-close:first-child {
  219. top: 8px;
  220. right: 8px;
  221. position: absolute;
  222. float: none;
  223. margin: 0;
  224. }
  225. .uk-modal-dialog-lightbox {
  226. padding: 0;
  227. }
  228. .uk-modal-dialog-lightbox > .uk-close:first-child {
  229. top: -11px;
  230. right: -11px;
  231. box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  232. border: none;
  233. }
  234. .uk-modal-dialog .uk-overflow-container {
  235. margin: 16px 0;
  236. }
  237. .uk-modal-card-fullscreen {
  238. overflow: hidden !important;
  239. }
  240. .uk-modal-card-fullscreen .uk-modal-close {
  241. float: left;
  242. margin: 8px 8px 0 0;
  243. display: block;
  244. }
  245. .uk-modal-card-fullscreen > .uk-modal-dialog > .md-card > .md-card-toolbar {
  246. position: fixed;
  247. top: 0;
  248. left: 0;
  249. right: 0;
  250. box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  251. z-index: 10;
  252. }
  253. .uk-modal-card-fullscreen > .uk-modal-dialog > .md-card > .md-card-content {
  254. position: absolute;
  255. top: 48px;
  256. bottom: 0;
  257. left: 0;
  258. right: 0;
  259. overflow-y: auto;
  260. }
  261. .uk-modal .uk-margin.uk-modal-content {
  262. margin-bottom: 0;
  263. }
  264. .uk-modal.uk-modal-dialog-replace .uk-modal-content {
  265. font-size: 18px;
  266. }
  267. .uk-modal-spinner {
  268. -webkit-animation: uk-rotate 2s infinite linear;
  269. animation: uk-rotate 2s infinite linear;
  270. margin-left: -12px;
  271. margin-top: -17px;
  272. left: 50%;
  273. right: auto;
  274. }
  275. /* dropdowns */
  276. .uk-dropdown {
  277. -webkit-transform: scale(0.25, 0);
  278. transform: scale(0.25, 0);
  279. opacity: 0;
  280. -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  281. transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  282. -webkit-animation: none !important;
  283. animation: none !important;
  284. -webkit-transform-origin: 50% 0 !important;
  285. transform-origin: 50% 0 !important;
  286. box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  287. border: none;
  288. border-radius: 2px;
  289. }
  290. .uk-dropdown.uk-dropdown-xlarge {
  291. width: 360px;
  292. }
  293. @media only screen and (max-width: 479px) {
  294. .uk-dropdown.uk-dropdown-xlarge {
  295. width: 260px;
  296. }
  297. }
  298. .uk-dropdown.uk-dropdown-large {
  299. width: 260px;
  300. }
  301. .uk-dropdown.uk-dropdown-small {
  302. width: 160px;
  303. }
  304. .uk-dropdown > ul > li > a {
  305. font-size: 14px;
  306. color: #212121;
  307. }
  308. .uk-dropdown > ul > li > a:hover {
  309. background: rgba(0, 0, 0, 0.085);
  310. }
  311. .uk-dropdown > ul > li.uk-active > a {
  312. background: rgba(0, 0, 0, 0.085);
  313. }
  314. .uk-dropdown > ul > li.padding_sm {
  315. padding: 2px 4px;
  316. }
  317. .uk-dropdown > ul > li.padding_md {
  318. padding: 4px 8px;
  319. }
  320. .uk-dropdown.dropdown-modal {
  321. z-index: 1310;
  322. }
  323. .uk-dropdown.dropdown-fs {
  324. z-index: 9999;
  325. }
  326. .uk-dropdown.uk-dropdown-scrollable {
  327. -webkit-overflow-scrolling: touch;
  328. }
  329. [data-uk-dropdown*="top-"] .uk-dropdown {
  330. -webkit-transform-origin: 50% 100% !important;
  331. transform-origin: 50% 100% !important;
  332. }
  333. [data-uk-dropdown*="left-"] .uk-dropdown {
  334. -webkit-transform-origin: 100% 50% !important;
  335. transform-origin: 100% 50% !important;
  336. }
  337. [data-uk-dropdown*="right-"] .uk-dropdown {
  338. -webkit-transform-origin: 0 50% !important;
  339. transform-origin: 0 50% !important;
  340. }
  341. [data-uk-dropdown*='justify'] {
  342. position: static !important;
  343. }
  344. [data-uk-dropdown*='justify'] [class*="uk-dropdown-width"] {
  345. left: 0 !important;
  346. width: 100% !important;
  347. min-width: inherit !important;
  348. margin-left: 0 !important;
  349. }
  350. .uk-dropdown-active {
  351. display: block !important;
  352. }
  353. .uk-dropdown-shown {
  354. -webkit-transform: scale(1, 1);
  355. transform: scale(1, 1);
  356. opacity: 1;
  357. }
  358. .uk-nav-dropdown > li > a:focus,
  359. .uk-nav-dropdown > li > a:hover {
  360. text-shadow: none;
  361. box-shadow: none;
  362. color: #212121;
  363. background: rgba(153, 153, 153, 0.2);
  364. }
  365. /* forms */
  366. .uk-form input:not([type]),
  367. .uk-form input[type=color],
  368. .uk-form input[type=date],
  369. .uk-form input[type=datetime-local],
  370. .uk-form input[type=email],
  371. .uk-form input[type=month],
  372. .uk-form input[type=number],
  373. .uk-form input[type=password],
  374. .uk-form input[type=search],
  375. .uk-form input[type=tel],
  376. .uk-form input[type=text],
  377. .uk-form input[type=time],
  378. .uk-form input[type=url],
  379. .uk-form input[type=week],
  380. .uk-form select,
  381. .uk-form textarea {
  382. box-sizing: border-box;
  383. padding: 8px;
  384. border: 1px solid rgba(0, 0, 0, 0.12);
  385. -webkit-transition: border 200ms ease-in;
  386. transition: border 200ms ease-in;
  387. resize: none;
  388. }
  389. .uk-form input:not([type]):focus,
  390. .uk-form input[type=color]:focus,
  391. .uk-form input[type=date]:focus,
  392. .uk-form input[type=datetime-local]:focus,
  393. .uk-form input[type=email]:focus,
  394. .uk-form input[type=month]:focus,
  395. .uk-form input[type=number]:focus,
  396. .uk-form input[type=password]:focus,
  397. .uk-form input[type=search]:focus,
  398. .uk-form input[type=tel]:focus,
  399. .uk-form input[type=text]:focus,
  400. .uk-form input[type=time]:focus,
  401. .uk-form input[type=url]:focus,
  402. .uk-form input[type=week]:focus,
  403. .uk-form select:focus,
  404. .uk-form textarea:focus {
  405. background: none;
  406. border-color: #2196f3;
  407. }
  408. .uk-form textarea {
  409. -webkit-transition: border-color 200ms ease-in, height 280ms ease-in;
  410. transition: border-color 200ms ease-in, height 280ms ease-in;
  411. }
  412. .uk-form-row {
  413. -webkit-transition: all 200ms ease-out;
  414. transition: all 200ms ease-out;
  415. }
  416. .uk-form-row + .uk-form-row {
  417. margin-top: 24px;
  418. }
  419. .uk-form-stacked .uk-form-label {
  420. font-weight: 500;
  421. font-size: 13px;
  422. display: block;
  423. padding-bottom: 8px;
  424. }
  425. .uk-form-stacked .uk-form-label + p {
  426. margin-top: 0;
  427. }
  428. .uk-form-help-block {
  429. display: block;
  430. font-size: 12px;
  431. color: #727272;
  432. padding: 4px 0 0 0;
  433. font-style: italic;
  434. }
  435. .uk-form-width-large,
  436. .uk-form-width-medium,
  437. .uk-form-width-small,
  438. .uk-form-width-mini {
  439. max-width: 100%;
  440. }
  441. /* grid */
  442. .uk-grid + .uk-grid,
  443. .uk-grid-margin,
  444. .uk-grid > * > .uk-panel + .uk-panel {
  445. margin-top: 24px;
  446. }
  447. .uk-grid.uk-grid-small + .uk-grid-small,
  448. .uk-grid.uk-grid-small > * > .uk-panel + .uk-panel,
  449. .uk-grid.uk-grid-small > .uk-grid-margin {
  450. margin-top: 10px;
  451. }
  452. .uk-height-viewport {
  453. min-height: 200px;
  454. }
  455. /* icons */
  456. [class*="uk-icon-"] {
  457. color: #727272;
  458. }
  459. /* input groups */
  460. .uk-input-group {
  461. position: relative;
  462. display: table;
  463. border-collapse: separate;
  464. /*&-icon {
  465. font-size: 20px !important;
  466. vertical-align: -3px;
  467. }*/
  468. }
  469. .uk-input-group > input[type=text] {
  470. position: relative;
  471. z-index: 2;
  472. float: left;
  473. width: 100%;
  474. margin-bottom: 0;
  475. }
  476. .uk-input-group-addon,
  477. .uk-input-group > input[type=text] {
  478. display: table-cell;
  479. }
  480. .uk-input-group-addon {
  481. width: 1%;
  482. white-space: nowrap;
  483. vertical-align: middle;
  484. line-height: 1;
  485. text-align: center;
  486. padding: 0 16px;
  487. font-size: 16px;
  488. min-width: 22px;
  489. }
  490. .uk-input-group > .md-input-wrapper {
  491. display: inline-block;
  492. }
  493. .uk-input-group.uk-input-group-danger .uk-input-group-addon i {
  494. color: #e53935 !important;
  495. }
  496. .uk-input-group.uk-input-group-danger + .parsley-errors-list {
  497. margin-left: 58px;
  498. }
  499. .uk-input-group.uk-input-group-success .uk-input-group-addon i {
  500. color: #7cb342 !important;
  501. }
  502. /* list */
  503. .uk-list-hover li:hover {
  504. background: rgba(0, 0, 0, 0.1);
  505. }
  506. /* pagination */
  507. .uk-pagination {
  508. margin: 0;
  509. }
  510. .uk-pagination > li {
  511. outline: none !important;
  512. }
  513. .uk-pagination > li > a,
  514. .uk-pagination > li > span {
  515. border: none;
  516. padding: 4px 8px;
  517. min-width: 32px;
  518. line-height: 24px;
  519. height: 32px;
  520. box-sizing: border-box;
  521. text-shadow: none;
  522. color: #212121;
  523. border-radius: 4px;
  524. }
  525. .uk-pagination > li > a [class*="uk-icon-"],
  526. .uk-pagination > li > span [class*="uk-icon-"] {
  527. font-size: 16px;
  528. }
  529. .uk-pagination > li > a {
  530. background: transparent;
  531. }
  532. .uk-pagination > li > a:hover {
  533. background: #e1efd2;
  534. }
  535. .uk-pagination > li.uk-active > a,
  536. .uk-pagination > li.uk-active > span {
  537. background: #7cb342;
  538. }
  539. .uk-pagination > li.uk-active > a,
  540. .uk-pagination > li.uk-active > span,
  541. .uk-pagination > li.uk-active > a:hover,
  542. .uk-pagination > li.uk-active > span:hover {
  543. color: #fff;
  544. }
  545. .uk-pagination > li.uk-disabled > a,
  546. .uk-pagination > li.uk-disabled > span {
  547. border: none;
  548. text-shadow: none;
  549. background: transparent !important;
  550. color: #aaa;
  551. cursor: default;
  552. }
  553. /* panels */
  554. .uk-panel-box {
  555. border-radius: 2px;
  556. background: #fff;
  557. border-color: rgba(0, 0, 0, 0.12);
  558. }
  559. .uk-panel-box .uk-panel-teaser {
  560. border-radius: 2px 2px 0 0;
  561. }
  562. /* tables */
  563. .uk-table td {
  564. border-bottom-color: rgba(0, 0, 0, 0.12);
  565. }
  566. .uk-table th {
  567. border-bottom: 1px #444;
  568. }
  569. .uk-table-nowrap td,
  570. .uk-table-nowrap th {
  571. white-space: nowrap;
  572. }
  573. .uk-table-align-vertical td,
  574. .uk-table-align-vertical th {
  575. vertical-align: middle;
  576. }
  577. .uk-table tr th.small_col,
  578. .uk-table tr td.small_col {
  579. width: 1%;
  580. }
  581. .uk-table tr.row_checked td {
  582. background: #e3f2fd;
  583. }
  584. .uk-table-no-border td {
  585. border-bottom-color: transparent;
  586. }
  587. /* sticky */
  588. .uk-sticky-placeholder .uk-active {
  589. z-index: 1094;
  590. }
  591. /* subnav */
  592. .uk-subnav-pill > * > * {
  593. color: #212121;
  594. }
  595. .uk-subnav-pill > .uk-active > * {
  596. background: #7cb342;
  597. }
  598. /* tables */
  599. .uk-table thead th {
  600. border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  601. }
  602. .uk-table thead th,
  603. .uk-table tfoot td,
  604. .uk-table tfoot th {
  605. font-style: normal;
  606. font-weight: 400;
  607. color: #727272;
  608. font-size: 14px;
  609. }
  610. .uk-table td {
  611. border-bottom-color: #e0e0e0;
  612. }
  613. .uk-table tfoot td,
  614. .uk-table tfoot th {
  615. border-top: 2px solid rgba(0, 0, 0, 0.12);
  616. border-bottom: none;
  617. }
  618. .uk-table-striped tbody tr:nth-of-type(odd) {
  619. background: rgba(0, 0, 0, 0.085);
  620. }
  621. .uk-table-hover tbody tr:hover {
  622. background: rgba(0, 0, 0, 0.085);
  623. }
  624. /* thumbnails */
  625. .uk-thumbnail {
  626. border-radius: 0;
  627. border-color: rgba(0, 0, 0, 0.12);
  628. }
  629. .uk-thumbnail-caption {
  630. padding: 4px 4px 0;
  631. line-height: 20px;
  632. color: #727272;
  633. font-size: 12px;
  634. }
  635. /* utilities */
  636. .uk-text-small {
  637. font-size: 12px;
  638. }
  639. .uk-text-muted {
  640. color: #757575 !important;
  641. }
  642. .uk-text-primary {
  643. color: #2196f3 !important;
  644. }
  645. .uk-text-danger {
  646. color: #e53935 !important;
  647. }
  648. .uk-text-success {
  649. color: #7cb342 !important;
  650. }
  651. .uk-text-warning {
  652. color: #ffa000 !important;
  653. }
  654. .uk-margin-bottom {
  655. margin-bottom: 16px !important;
  656. }
  657. .uk-margin-small-bottom {
  658. margin-bottom: 8px !important;
  659. }
  660. .uk-margin-medium-bottom {
  661. margin-bottom: 32px !important;
  662. }
  663. .uk-margin-large-bottom {
  664. margin-bottom: 48px !important;
  665. }
  666. .uk-margin-medium-top {
  667. margin-top: 32px !important;
  668. }
  669. .uk-margin-large-top {
  670. margin-top: 48px !important;
  671. }
  672. .uk-close {
  673. font-size: 18px;
  674. opacity: 1;
  675. }
  676. .uk-close:hover,
  677. .uk-close:focus {
  678. opacity: 1;
  679. }
  680. .uk-close:after {
  681. opacity: 1 !important;
  682. color: #727272;
  683. content: '\e5cd';
  684. font-family: "Material Icons";
  685. }
  686. /* ------------ Components ------------ */
  687. /* accordion */
  688. /*! UIkit 2.27.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
  689. /* ========================================================================
  690. Component: Accordion
  691. ========================================================================== */
  692. /* Sub-object: `uk-accordion-title`
  693. ========================================================================== */
  694. .uk-accordion-title {
  695. margin-top: 0;
  696. margin-bottom: 15px;
  697. padding: 5px 15px;
  698. background: #f5f5f5;
  699. font-size: 18px;
  700. line-height: 24px;
  701. cursor: pointer;
  702. border: 1px solid #ddd;
  703. border-radius: 4px;
  704. }
  705. /* Sub-object: `uk-accordion-content`
  706. ========================================================================== */
  707. .uk-accordion-content {
  708. padding: 0 15px 15px 15px;
  709. }
  710. /*
  711. * Micro clearfix to make panels more robust
  712. */
  713. .uk-accordion-content:before,
  714. .uk-accordion-content:after {
  715. content: "";
  716. display: table;
  717. }
  718. .uk-accordion-content:after {
  719. clear: both;
  720. }
  721. /*
  722. * Remove margin from the last-child
  723. */
  724. .uk-accordion-content > :last-child {
  725. margin-bottom: 0;
  726. }
  727. .uk-accordion-title {
  728. background: rgba(153, 153, 153, 0.2);
  729. border-radius: 0;
  730. border: none;
  731. margin: 0 0 4px;
  732. font-size: 15px;
  733. font-weight: 400;
  734. padding: 8px 24px 8px 16px;
  735. position: relative;
  736. }
  737. .uk-accordion-title:after {
  738. content: '\e313';
  739. font-family: "Material Icons";
  740. font-size: 18px;
  741. position: absolute;
  742. top: 8px;
  743. right: 8px;
  744. display: block;
  745. color: #727272;
  746. -webkit-transition: -webkit-transform 280ms;
  747. transition: -webkit-transform 280ms;
  748. transition: transform 280ms;
  749. transition: transform 280ms, -webkit-transform 280ms;
  750. }
  751. .uk-accordion-title.uk-active:after {
  752. -webkit-transform: rotate(-180deg);
  753. transform: rotate(-180deg);
  754. }
  755. .uk-accordion-title-primary {
  756. background: #2196f3;
  757. color: #fff;
  758. }
  759. .uk-accordion-title-primary:after {
  760. color: #fff;
  761. }
  762. .uk-accordion-title-danger {
  763. background: #e53935;
  764. color: #fff;
  765. }
  766. .uk-accordion-title-danger:after {
  767. color: #fff;
  768. }
  769. .uk-accordion-title-success {
  770. background: #7cb342;
  771. color: #fff;
  772. }
  773. .uk-accordion-title-success:after {
  774. color: #fff;
  775. }
  776. .uk-accordion-title-warning {
  777. background: #ffa000;
  778. color: #fff;
  779. }
  780. .uk-accordion-title-warning:after {
  781. color: #fff;
  782. }
  783. .uk-accordion-content {
  784. padding: 16px;
  785. }
  786. .uk-accordion-alt .uk-accordion-title {
  787. background: #fff;
  788. margin: 0;
  789. padding: 16px 24px 16px 48px;
  790. border-top: 1px solid rgba(0, 0, 0, 0.12);
  791. }
  792. .uk-accordion-alt .uk-accordion-title:first-child {
  793. border-top: none;
  794. }
  795. .uk-accordion-alt .uk-accordion-title:after {
  796. color: #2196f3;
  797. content: '\e145';
  798. right: auto;
  799. left: 16px;
  800. top: 16px;
  801. }
  802. .uk-accordion-alt .uk-accordion-title.uk-active:after {
  803. -webkit-transform: rotate(-180deg);
  804. transform: rotate(-180deg);
  805. content: '\e15b';
  806. }
  807. .uk-accordion-alt .uk-accordion-content {
  808. padding: 24px;
  809. }
  810. /* dotnav */
  811. /*! UIkit 2.27.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
  812. /* ========================================================================
  813. Component: Dotnav
  814. ========================================================================== */
  815. /*
  816. * 1. Gutter
  817. * 2. Remove default list style
  818. */
  819. .uk-dotnav {
  820. display: -ms-flexbox;
  821. display: -webkit-box;
  822. display: flex;
  823. -ms-flex-wrap: wrap;
  824. flex-wrap: wrap;
  825. /* 1 */
  826. margin-left: -15px;
  827. margin-top: -15px;
  828. /* 2 */
  829. padding: 0;
  830. list-style: none;
  831. }
  832. /*
  833. * 1. Space is allocated solely based on content dimensions
  834. * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied
  835. */
  836. .uk-dotnav > * {
  837. /* 1 */
  838. -ms-flex: none;
  839. -webkit-box-flex: 0;
  840. flex: none;
  841. /* 2 */
  842. padding-left: 15px;
  843. margin-top: 15px;
  844. }
  845. /*
  846. * DEPRECATED IE9 Support
  847. */
  848. .uk-dotnav:before,
  849. .uk-dotnav:after {
  850. content: "";
  851. display: block;
  852. overflow: hidden;
  853. }
  854. .uk-dotnav:after {
  855. clear: both;
  856. }
  857. .uk-dotnav > * {
  858. float: left;
  859. }
  860. /* Items
  861. ========================================================================== */
  862. /*
  863. * Items
  864. * 1. Hide text if present
  865. */
  866. .uk-dotnav > * > * {
  867. display: block;
  868. box-sizing: content-box;
  869. width: 20px;
  870. height: 20px;
  871. border-radius: 50%;
  872. background: rgba(50, 50, 50, 0.1);
  873. /* 1 */
  874. text-indent: 100%;
  875. overflow: hidden;
  876. white-space: nowrap;
  877. }
  878. /*
  879. * Hover
  880. * 1. Apply hover style also to focus state
  881. * 2. Remove default focus style
  882. */
  883. .uk-dotnav > * > :hover,
  884. .uk-dotnav > * > :focus {
  885. background: rgba(50, 50, 50, 0.4);
  886. /* 2 */
  887. outline: none;
  888. }
  889. /* OnClick */
  890. .uk-dotnav > * > :active {
  891. background: rgba(50, 50, 50, 0.6);
  892. }
  893. /* Active */
  894. .uk-dotnav > .uk-active > * {
  895. background: rgba(50, 50, 50, 0.4);
  896. }
  897. /* Modifier: `uk-dotnav-contrast`
  898. ========================================================================== */
  899. .uk-dotnav-contrast > * > * {
  900. background: rgba(255, 255, 255, 0.4);
  901. }
  902. /*
  903. * Hover
  904. * 1. Apply hover style also to focus state
  905. */
  906. .uk-dotnav-contrast > * > :hover,
  907. .uk-dotnav-contrast > * > :focus {
  908. background: rgba(255, 255, 255, 0.7);
  909. }
  910. /* OnClick */
  911. .uk-dotnav-contrast > * > :active {
  912. background: rgba(255, 255, 255, 0.9);
  913. }
  914. /* Active */
  915. .uk-dotnav-contrast > .uk-active > * {
  916. background: rgba(255, 255, 255, 0.9);
  917. }
  918. /* Modifier: 'uk-dotnav-vertical'
  919. ========================================================================== */
  920. /*
  921. * DEPRECATED
  922. */
  923. .uk-dotnav-vertical {
  924. -ms-flex-direction: column;
  925. -webkit-box-orient: vertical;
  926. -webkit-box-direction: normal;
  927. flex-direction: column;
  928. }
  929. /*
  930. * DEPRECATED IE9 Support
  931. */
  932. .uk-dotnav-vertical > * {
  933. float: none;
  934. }
  935. /* progress */
  936. /*! UIkit 2.27.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
  937. /* ========================================================================
  938. Component: Progress
  939. ========================================================================== */
  940. /*
  941. * 1. Clearing
  942. * 2. Vertical alignment if text is used
  943. */
  944. .uk-progress {
  945. box-sizing: border-box;
  946. height: 20px;
  947. margin-bottom: 15px;
  948. background: #f5f5f5;
  949. /* 1 */
  950. overflow: hidden;
  951. /* 2 */
  952. line-height: 20px;
  953. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
  954. border-radius: 4px;
  955. }
  956. /*
  957. * Add margin if adjacent element
  958. */
  959. * + .uk-progress {
  960. margin-top: 15px;
  961. }
  962. /* Sub-object: `uk-progress-bar`
  963. ========================================================================== */
  964. /*
  965. * 1. Transition
  966. * 2. Needed for text
  967. */
  968. .uk-progress-bar {
  969. width: 0;
  970. height: 100%;
  971. background: #00a8e6;
  972. float: left;
  973. /* 1 */
  974. -webkit-transition: width 0.6s ease;
  975. transition: width 0.6s ease;
  976. /* 2 */
  977. font-size: 12px;
  978. color: #fff;
  979. text-align: center;
  980. box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
  981. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  982. }
  983. /* Size modifiers
  984. ========================================================================== */
  985. /* Mini */
  986. .uk-progress-mini {
  987. height: 6px;
  988. }
  989. /* Small */
  990. .uk-progress-small {
  991. height: 12px;
  992. }
  993. /* Color modifiers
  994. ========================================================================== */
  995. .uk-progress-success .uk-progress-bar {
  996. background-color: #8cc14c;
  997. }
  998. .uk-progress-warning .uk-progress-bar {
  999. background-color: #faa732;
  1000. }
  1001. .uk-progress-danger .uk-progress-bar {
  1002. background-color: #da314b;
  1003. }
  1004. /* Modifier: `uk-progress-striped`
  1005. ========================================================================== */
  1006. .uk-progress-striped .uk-progress-bar {
  1007. background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  1008. background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  1009. background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  1010. background-size: 30px 30px;
  1011. }
  1012. /*
  1013. * Animation
  1014. */
  1015. .uk-progress-striped.uk-active .uk-progress-bar {
  1016. -webkit-animation: uk-progress-bar-stripes 2s linear infinite;
  1017. animation: uk-progress-bar-stripes 2s linear infinite;
  1018. }
  1019. @-webkit-keyframes uk-progress-bar-stripes {
  1020. 0% {
  1021. background-position: 0 0;
  1022. }
  1023. 100% {
  1024. background-position: 30px 0;
  1025. }
  1026. }
  1027. @keyframes uk-progress-bar-stripes {
  1028. 0% {
  1029. background-position: 0 0;
  1030. }
  1031. 100% {
  1032. background-position: 30px 0;
  1033. }
  1034. }
  1035. /* Size modifiers
  1036. ========================================================================== */
  1037. .uk-progress-mini,
  1038. .uk-progress-small {
  1039. border-radius: 500px;
  1040. }
  1041. .uk-progress {
  1042. box-shadow: none;
  1043. border-radius: 2px;
  1044. }
  1045. .uk-progress-bar {
  1046. background: #009688;
  1047. }
  1048. .uk-progress-success .uk-progress-bar {
  1049. background-color: #7cb342;
  1050. }
  1051. .uk-progress-danger .uk-progress-bar {
  1052. background-color: #e53935;
  1053. }
  1054. .uk-progress-warning .uk-progress-bar {
  1055. background-color: #ffa000;
  1056. }
  1057. /* htmleditor */
  1058. /*! UIkit 2.27.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
  1059. /* ========================================================================
  1060. Component: HTML editor
  1061. ========================================================================== */
  1062. /* Sub-object `uk-htmleditor-navbar`
  1063. ========================================================================== */
  1064. .uk-htmleditor-navbar {
  1065. background: #f5f5f5;
  1066. border: 1px solid rgba(0, 0, 0, 0.06);
  1067. border-top-left-radius: 4px;
  1068. border-top-right-radius: 4px;
  1069. }
  1070. /*
  1071. * Micro clearfix
  1072. */
  1073. .uk-htmleditor-navbar:before,
  1074. .uk-htmleditor-navbar:after {
  1075. content: "";
  1076. display: table;
  1077. }
  1078. .uk-htmleditor-navbar:after {
  1079. clear: both;
  1080. }
  1081. /* Sub-object `uk-htmleditor-navbar-nav`
  1082. ========================================================================== */
  1083. .uk-htmleditor-navbar-nav {
  1084. margin: 0;
  1085. padding: 0;
  1086. list-style: none;
  1087. float: left;
  1088. }
  1089. .uk-htmleditor-navbar-nav > li {
  1090. float: left;
  1091. }
  1092. /*
  1093. * 1. Dimensions
  1094. * 2. Style
  1095. */
  1096. .uk-htmleditor-navbar-nav > li > a {
  1097. display: block;
  1098. box-sizing: border-box;
  1099. text-decoration: none;
  1100. /* 1 */
  1101. height: 41px;
  1102. padding: 0 15px;
  1103. line-height: 40px;
  1104. /* 2 */
  1105. color: #444;
  1106. font-size: 11px;
  1107. cursor: pointer;
  1108. margin-top: -1px;
  1109. margin-left: -1px;
  1110. border: 1px solid transparent;
  1111. border-bottom-width: 0;
  1112. text-shadow: 0 1px 0 #fff;
  1113. }
  1114. /*
  1115. * Hover
  1116. * 1. Apply hover style also to focus state
  1117. * 2. Remove default focus style
  1118. */
  1119. .uk-htmleditor-navbar-nav > li:hover > a,
  1120. .uk-htmleditor-navbar-nav > li > a:focus {
  1121. background-color: #fafafa;
  1122. color: #444;
  1123. outline: none;
  1124. /* 2 */
  1125. position: relative;
  1126. z-index: 1;
  1127. border-left-color: rgba(0, 0, 0, 0.1);
  1128. border-right-color: rgba(0, 0, 0, 0.1);
  1129. border-top-color: rgba(0, 0, 0, 0.1);
  1130. }
  1131. /* OnClick */
  1132. .uk-htmleditor-navbar-nav > li > a:active {
  1133. background-color: #eee;
  1134. color: #444;
  1135. border-left-color: rgba(0, 0, 0, 0.1);
  1136. border-right-color: rgba(0, 0, 0, 0.1);
  1137. border-top-color: rgba(0, 0, 0, 0.2);
  1138. }
  1139. /* Active */
  1140. .uk-htmleditor-navbar-nav > li.uk-active > a {
  1141. background-color: #fafafa;
  1142. color: #444;
  1143. border-left-color: rgba(0, 0, 0, 0.1);
  1144. border-right-color: rgba(0, 0, 0, 0.1);
  1145. border-top-color: rgba(0, 0, 0, 0.1);
  1146. }
  1147. /* Sub-object: `uk-htmleditor-navbar-flip`
  1148. ========================================================================== */
  1149. .uk-htmleditor-navbar-flip {
  1150. float: right;
  1151. }
  1152. /* Sub-object for special buttons
  1153. ========================================================================== */
  1154. [data-mode='split'] .uk-htmleditor-button-code,
  1155. [data-mode='split'] .uk-htmleditor-button-preview {
  1156. display: none;
  1157. }
  1158. /* Sub-object `uk-htmleditor-content`
  1159. ========================================================================== */
  1160. .uk-htmleditor-content {
  1161. border-left: 1px solid #ddd;
  1162. border-right: 1px solid #ddd;
  1163. border-bottom: 1px solid #ddd;
  1164. background: #fff;
  1165. border-bottom-left-radius: 4px;
  1166. border-bottom-right-radius: 4px;
  1167. }
  1168. /*
  1169. * Micro clearfix
  1170. */
  1171. .uk-htmleditor-content:before,
  1172. .uk-htmleditor-content:after {
  1173. content: "";
  1174. display: table;
  1175. }
  1176. .uk-htmleditor-content:after {
  1177. clear: both;
  1178. }
  1179. /* Modifier `uk-htmleditor-fullscreen`
  1180. ========================================================================== */
  1181. .uk-htmleditor-fullscreen {
  1182. position: fixed;
  1183. top: 0;
  1184. left: 0;
  1185. right: 0;
  1186. bottom: 0;
  1187. z-index: 990;
  1188. }
  1189. .uk-htmleditor-fullscreen .uk-htmleditor-content {
  1190. position: absolute;
  1191. top: 41px;
  1192. left: 0;
  1193. right: 0;
  1194. bottom: 0;
  1195. }
  1196. .uk-htmleditor-fullscreen .uk-icon-expand:before {
  1197. content: "\f066";
  1198. }
  1199. /* Sub-objects `uk-htmleditor-code` and `uk-htmleditor-preview`
  1200. ========================================================================== */
  1201. .uk-htmleditor-code,
  1202. .uk-htmleditor-preview {
  1203. box-sizing: border-box;
  1204. }
  1205. .uk-htmleditor-preview {
  1206. padding: 20px;
  1207. overflow-y: scroll;
  1208. position: relative;
  1209. }
  1210. /*
  1211. * Tab view
  1212. */
  1213. [data-mode='tab'][data-active-tab='code'] .uk-htmleditor-preview,
  1214. [data-mode='tab'][data-active-tab='preview'] .uk-htmleditor-code {
  1215. display: none;
  1216. }
  1217. /*
  1218. * Split view
  1219. */
  1220. [data-mode='split'] .uk-htmleditor-code,
  1221. [data-mode='split'] .uk-htmleditor-preview {
  1222. float: left;
  1223. width: 50%;
  1224. }
  1225. [data-mode='split'] .uk-htmleditor-code {
  1226. border-right: 1px solid #eee;
  1227. }
  1228. /* Sub-object `uk-htmleditor-iframe`
  1229. ========================================================================== */
  1230. .uk-htmleditor-iframe {
  1231. position: absolute;
  1232. top: 0;
  1233. left: 0;
  1234. width: 100%;
  1235. height: 100%;
  1236. }
  1237. /* CodeMirror modifications
  1238. ========================================================================== */
  1239. .uk-htmleditor .CodeMirror {
  1240. padding: 10px;
  1241. box-sizing: border-box;
  1242. }
  1243. /*
  1244. * Apply same `border-radius` as `uk-htmleditor-navbar`
  1245. */
  1246. .uk-htmleditor-navbar-nav:first-child > li:first-child > a {
  1247. border-top-left-radius: 4px;
  1248. }
  1249. /*
  1250. * Sub-modifier `uk-htmleditor-navbar-flip`
  1251. */
  1252. /* Collapse border */
  1253. .uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav > li > a {
  1254. margin-left: 0;
  1255. margin-right: -1px;
  1256. }
  1257. /* Apply same `border-radius` as `uk-htmleditor-navbar` */
  1258. .uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:first-child > li:first-child > a {
  1259. border-top-left-radius: 0;
  1260. }
  1261. .uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:last-child > li:last-child > a {
  1262. border-top-right-radius: 4px;
  1263. }
  1264. /*
  1265. * Sub-modifier `uk-htmleditor-fullscreen`
  1266. */
  1267. .uk-htmleditor-fullscreen .uk-htmleditor-navbar {
  1268. border-top: none;
  1269. border-left: none;
  1270. border-right: none;
  1271. border-radius: 0;
  1272. }
  1273. .uk-htmleditor-fullscreen .uk-htmleditor-content {
  1274. border: none;
  1275. border-radius: 0;
  1276. }
  1277. .uk-htmleditor-fullscreen .uk-htmleditor-navbar-nav > li > a {
  1278. border-radius: 0 !important;
  1279. }
  1280. .uk-htmleditor-navbar {
  1281. border-radius: 0;
  1282. background: #f9f9f9;
  1283. border-width: 1px 1px 0;
  1284. border-style: solid;
  1285. border-color: rgba(0, 0, 0, 0.12);
  1286. overflow: hidden;
  1287. }
  1288. .uk-htmleditor-navbar-nav > li > a {
  1289. border: none;
  1290. border-radius: 0 !important;
  1291. height: 38px;
  1292. }
  1293. .uk-htmleditor-navbar-nav > li.uk-active > a {
  1294. background: #ebebeb;
  1295. }
  1296. .uk-htmleditor-navbar-nav > li:hover > a,
  1297. .uk-htmleditor-navbar-nav > li > a:focus {
  1298. background: #ebebeb;
  1299. }
  1300. .uk-htmleditor-content {
  1301. border-radius: 0;
  1302. border: 1px solid rgba(0, 0, 0, 0.12);
  1303. }
  1304. .uk-htmleditor-fullscreen {
  1305. z-index: 1154;
  1306. }
  1307. .uk-htmleditor-fullscreen .uk-htmleditor-navbar {
  1308. border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  1309. }
  1310. .uk-htmleditor-fullscreen .uk-htmleditor-content {
  1311. top: 38px;
  1312. }
  1313. /* upload */
  1314. /*! UIkit 2.27.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
  1315. /* ========================================================================
  1316. Component: Form file
  1317. ========================================================================== */
  1318. /*
  1319. * 1. Behave like form elements
  1320. * 2. Create position context for dropdowns
  1321. * 3. Clip content
  1322. */
  1323. .uk-form-file {
  1324. /* 1 */
  1325. display: inline-block;
  1326. vertical-align: middle;
  1327. /* 2 */
  1328. position: relative;
  1329. /* 3 */
  1330. overflow: hidden;
  1331. }
  1332. /*
  1333. * 1. Required for Firefox
  1334. * 2. Expand height and required for the cursor
  1335. */
  1336. .uk-form-file input[type="file"] {
  1337. position: absolute;
  1338. top: 0;
  1339. z-index: 1;
  1340. width: 100%;
  1341. opacity: 0;
  1342. cursor: pointer;
  1343. /* 1 */
  1344. left: 0;
  1345. /* 2 */
  1346. font-size: 500px;
  1347. }
  1348. /*! UIkit 2.27.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
  1349. /* ========================================================================
  1350. Component: Upload
  1351. ========================================================================== */
  1352. /*
  1353. * Create a box-shadow when dragging a file over the upload area
  1354. */
  1355. .uk-dragover {
  1356. box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
  1357. }
  1358. .uk-file-upload {
  1359. width: 100%;
  1360. padding: 32px 16px;
  1361. box-sizing: border-box;
  1362. background: #f5f5f5;
  1363. text-align: center;
  1364. -webkit-transition: all 200ms ease-in;
  1365. transition: all 200ms ease-in;
  1366. }
  1367. .uk-file-upload p {
  1368. margin: 0;
  1369. }
  1370. .uk-file-upload.uk-dragover {
  1371. box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  1372. }
  1373. div.uk-form-file {
  1374. padding: 3px 2px;
  1375. }
  1376. div.uk-form-file.md-btn {
  1377. padding: 2px 12px;
  1378. }
  1379. .uk-form-file input[type="file"] {
  1380. position: absolute;
  1381. top: 0;
  1382. z-index: 1;
  1383. width: 100%;
  1384. opacity: 0;
  1385. cursor: pointer;
  1386. left: 0;
  1387. font-size: 500px;
  1388. }
  1389. .uk-form-file input[type="file"]::-webkit-file-upload-button {
  1390. cursor: pointer;
  1391. }
  1392. /* form select */
  1393. /*! UIkit 2.27.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
  1394. /* ========================================================================
  1395. Component: Form select
  1396. ========================================================================== */
  1397. /*
  1398. * 1. Behave like form elements
  1399. * 2. Create position context for dropdowns
  1400. * 3. Clip content
  1401. */
  1402. .uk-form-select {
  1403. /* 1 */
  1404. display: inline-block;
  1405. vertical-align: middle;
  1406. /* 2 */
  1407. position: relative;
  1408. /* 3 */
  1409. overflow: hidden;
  1410. }
  1411. /*
  1412. * 1. Required for Firefox
  1413. * 1. Required for Webkit to make `height` work
  1414. */
  1415. .uk-form-select select {
  1416. position: absolute;
  1417. top: 0;
  1418. z-index: 1;
  1419. width: 100%;
  1420. height: 100%;
  1421. opacity: 0;
  1422. cursor: pointer;
  1423. /* 1 */
  1424. left: 0;
  1425. /* 2 */
  1426. -webkit-appearance: none;
  1427. }
  1428. /* datepicker */
  1429. .uk-datepicker {
  1430. z-index: 1094;
  1431. width: auto;
  1432. padding: 0;
  1433. }
  1434. .uk-datepicker-nav {
  1435. margin-bottom: 15px;
  1436. text-align: center;
  1437. line-height: 20px;
  1438. background: #009688;
  1439. padding: 10px 0;
  1440. }
  1441. .uk-datepicker-nav a,
  1442. .uk-datepicker-nav a:hover {
  1443. text-decoration: none;
  1444. color: #fff;
  1445. }
  1446. .uk-datepicker-nav .uk-form-select {
  1447. font: 400 16px / 22px "Roboto", sans-serif;
  1448. color: #fff;
  1449. text-transform: uppercase;
  1450. border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  1451. padding: 0 4px;
  1452. }
  1453. .uk-datepicker-nav .uk-form-select + .uk-form-select {
  1454. margin-left: 2px;
  1455. }
  1456. .uk-datepicker-previous {
  1457. float: left;
  1458. margin-left: 8px;
  1459. }
  1460. .uk-datepicker-previous:after {
  1461. content: "\f053";
  1462. }
  1463. .uk-datepicker-next {
  1464. float: right;
  1465. margin-right: 8px;
  1466. }
  1467. .uk-datepicker-next:after {
  1468. content: "\f054";
  1469. }
  1470. .uk-datepicker-previous:after,
  1471. .uk-datepicker-next:after {
  1472. width: 20px;
  1473. font-family: FontAwesome;
  1474. }
  1475. .uk-datepicker.dp-top {
  1476. -webkit-transform-origin: 50% 100% !important;
  1477. transform-origin: 50% 100% !important;
  1478. }
  1479. .uk-datepicker-table {
  1480. width: 100%;
  1481. }
  1482. .uk-datepicker-table th,
  1483. .uk-datepicker-table td {
  1484. padding: 2px;
  1485. font: 400 13px / 15px "Roboto", sans-serif;
  1486. }
  1487. .uk-datepicker-table th {
  1488. color: #727272;
  1489. font-size: 12px;
  1490. text-transform: uppercase;
  1491. }
  1492. .uk-datepicker-table a {
  1493. display: block;
  1494. width: 30px;
  1495. line-height: 30px;
  1496. height: 30px;
  1497. text-align: center;
  1498. text-decoration: none;
  1499. border-radius: 50%;
  1500. color: #212121;
  1501. }
  1502. .uk-datepicker-table a:hover {
  1503. background-color: rgba(0, 0, 0, 0.085);
  1504. color: #212121;
  1505. outline: none;
  1506. }
  1507. .uk-datepicker-table a.uk-active {
  1508. background-color: #009688;
  1509. color: #fff;
  1510. }
  1511. a.uk-datepicker-table-muted {
  1512. color: #999;
  1513. }
  1514. /* autocomplete, timepicker */
  1515. .uk-autocomplete .uk-dropdown {
  1516. display: block;
  1517. max-height: 0;
  1518. padding: 0;
  1519. overflow-x: hidden;
  1520. overflow-y: auto;
  1521. border-radius: 0;
  1522. border: none;
  1523. -webkit-transform: scale(0.25, 0);
  1524. transform: scale(0.25, 0);
  1525. opacity: 0;
  1526. -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  1527. transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  1528. -webkit-animation: none !important;
  1529. animation: none !important;
  1530. -webkit-transform-origin: 0 0;
  1531. transform-origin: 0 0;
  1532. }
  1533. .uk-autocomplete.uk-open .uk-dropdown {
  1534. -webkit-transform: scale(1);
  1535. transform: scale(1);
  1536. opacity: 1;
  1537. max-height: 210px;
  1538. }
  1539. [data-uk-autocomplete] .uk-dropdown {
  1540. width: 100%;
  1541. box-sizing: border-box;
  1542. }
  1543. [data-uk-autocomplete] .uk-dropdown .uk-nav {
  1544. margin: 0;
  1545. }
  1546. /* password toggle */
  1547. .uk-form-password-toggle {
  1548. position: absolute;
  1549. right: 8px;
  1550. top: 16px;
  1551. color: #727272;
  1552. }
  1553. .uk-form-password-toggle:hover {
  1554. color: #727272;
  1555. }
  1556. /* nestable */
  1557. /*! UIkit 2.27.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
  1558. /* ========================================================================
  1559. Component: Nestable
  1560. ========================================================================== */
  1561. .uk-nestable {
  1562. padding: 0;
  1563. list-style: none;
  1564. }
  1565. /*
  1566. * Disables the default callout shown when you touch and hold a touch target
  1567. * Currently only works in Webkit
  1568. */
  1569. .uk-nestable a,
  1570. .uk-nestable img {
  1571. -webkit-touch-callout: none;
  1572. }
  1573. /* Sub-object `uk-nestable-list`
  1574. ========================================================================== */
  1575. .uk-nestable-list {
  1576. margin: 0;
  1577. padding-left: 40px;
  1578. list-style: none;
  1579. }
  1580. /* Sub-modifier `uk-nestable-item`
  1581. ========================================================================== */
  1582. /*
  1583. * 1. Deactivate browser touch actions in IE11
  1584. */
  1585. .uk-nestable-item {
  1586. /* 1 */
  1587. -ms-touch-action: none;
  1588. touch-action: none;
  1589. }
  1590. .uk-nestable-item + .uk-nestable-item {
  1591. margin-top: 10px;
  1592. }
  1593. .uk-nestable-list:not(.uk-nestable-dragged) > .uk-nestable-item:first-child {
  1594. margin-top: 10px;
  1595. }
  1596. /* Sub-modifier `uk-nestable-dragged`
  1597. ========================================================================== */
  1598. /*
  1599. * 1. Reset style
  1600. */
  1601. .uk-nestable-dragged {
  1602. position: absolute;
  1603. z-index: 1050;
  1604. pointer-events: none;
  1605. /* 1 */
  1606. padding-left: 0;
  1607. }
  1608. /* Sub-modifier `uk-nestable-placeholder`
  1609. ========================================================================== */
  1610. .uk-nestable-placeholder {
  1611. position: relative;
  1612. }
  1613. .uk-nestable-placeholder > * {
  1614. opacity: 0;
  1615. }
  1616. .uk-nestable-placeholder:after {
  1617. content: '';
  1618. position: absolute;
  1619. top: 0;
  1620. bottom: 0;
  1621. left: 0;
  1622. right: 0;
  1623. border: 1px dashed #ddd;
  1624. opacity: 1;
  1625. }
  1626. /* Empty List
  1627. ========================================================================== */
  1628. .uk-nestable-empty {
  1629. min-height: 30px;
  1630. }
  1631. /* Sub-object `uk-nestable-handle`
  1632. ========================================================================== */
  1633. /*
  1634. * Deactivate browser touch actions in IE11
  1635. */
  1636. .uk-nestable-handle {
  1637. -ms-touch-action: none;
  1638. touch-action: none;
  1639. }
  1640. /* Hover */
  1641. .uk-nestable-handle:hover {
  1642. cursor: move;
  1643. }
  1644. /* Sub-object `uk-nestable-moving`
  1645. ========================================================================== */
  1646. .uk-nestable-moving,
  1647. .uk-nestable-moving * {
  1648. cursor: move;
  1649. }
  1650. /* Fixes dragging items over iframes */
  1651. .uk-nestable-moving iframe {
  1652. pointer-events: none;
  1653. }
  1654. /* [data-nestable-action='toggle']
  1655. ========================================================================== */
  1656. /*
  1657. * 1. Makes text unselectable. Happens if double clicked by mistake
  1658. */
  1659. [data-nestable-action='toggle'] {
  1660. cursor: pointer;
  1661. /* 1 */
  1662. -moz-user-select: none;
  1663. -webkit-user-select: none;
  1664. -ms-user-select: none;
  1665. user-select: none;
  1666. }
  1667. /* Sub-object `.uk-nestable-toggle`
  1668. ========================================================================== */
  1669. .uk-nestable-toggle {
  1670. display: inline-block;
  1671. visibility: hidden;
  1672. }
  1673. .uk-nestable-toggle:after {
  1674. content: "\f147";
  1675. font-family: FontAwesome;
  1676. }
  1677. .uk-parent > :not(.uk-nestable-list) .uk-nestable-toggle {
  1678. visibility: visible;
  1679. }
  1680. /*
  1681. * Collapsed
  1682. */
  1683. .uk-collapsed .uk-nestable-list {
  1684. display: none;
  1685. }
  1686. .uk-collapsed .uk-nestable-toggle:after {
  1687. content: "\f196";
  1688. }
  1689. /* Sub-object `uk-nestable-panel`
  1690. ========================================================================== */
  1691. .uk-nestable-panel {
  1692. padding: 5px;
  1693. background: #f5f5f5;
  1694. border-radius: 4px;
  1695. border: 1px solid rgba(0, 0, 0, 0.06);
  1696. text-shadow: 0 1px 0 #fff;
  1697. }
  1698. .uk-nestable-handle {
  1699. margin-right: 16px;
  1700. }
  1701. .uk-nestable-panel {
  1702. padding: 8px 16px;
  1703. background: #fff;
  1704. border-radius: 4px;
  1705. border: none;
  1706. text-shadow: none;
  1707. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  1708. }
  1709. .uk-nestable-placeholder:after {
  1710. content: '';
  1711. position: absolute;
  1712. top: 0;
  1713. bottom: 0;
  1714. left: 0;
  1715. right: 0;
  1716. border: none;
  1717. background: rgba(0, 0, 0, 0.085);
  1718. opacity: 1;
  1719. }
  1720. .uk-nestable-toggle {
  1721. font-size: 18px;
  1722. height: 18px;
  1723. width: 18px;
  1724. line-height: 18px;
  1725. overflow: hidden;
  1726. vertical-align: middle;
  1727. margin-right: 8px;
  1728. display: none;
  1729. }
  1730. .uk-nestable-toggle:after {
  1731. vertical-align: top;
  1732. content: '\e316';
  1733. font-family: "Material Icons";
  1734. }
  1735. .uk-parent > .uk-nestable-panel .uk-nestable-toggle {
  1736. display: inline-block;
  1737. }
  1738. .uk-collapsed .uk-nestable-toggle:after {
  1739. content: "\e313";
  1740. }
  1741. /* notify */
  1742. /*! UIkit 2.27.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
  1743. /* ========================================================================
  1744. Component: Notify
  1745. ========================================================================== */
  1746. /*
  1747. * Message container for positioning
  1748. */
  1749. .uk-notify {
  1750. position: fixed;
  1751. top: 10px;
  1752. left: 10px;
  1753. z-index: 1040;
  1754. box-sizing: border-box;
  1755. width: 350px;
  1756. }
  1757. /* Position modifiers
  1758. ========================================================================== */
  1759. .uk-notify-top-right,
  1760. .uk-notify-bottom-right {
  1761. left: auto;
  1762. right: 10px;
  1763. }
  1764. .uk-notify-top-center,
  1765. .uk-notify-bottom-center {
  1766. left: 50%;
  1767. margin-left: -175px;
  1768. }
  1769. .uk-notify-bottom-left,
  1770. .uk-notify-bottom-right,
  1771. .uk-notify-bottom-center {
  1772. top: auto;
  1773. bottom: 10px;
  1774. }
  1775. /* Responsiveness
  1776. ========================================================================== */
  1777. /* Phones portrait and smaller */
  1778. @media (max-width: 479px) {
  1779. /*
  1780. * Fit in small screen
  1781. */
  1782. .uk-notify {
  1783. left: 10px;
  1784. right: 10px;
  1785. width: auto;
  1786. margin: 0;
  1787. }
  1788. }
  1789. /* Sub-object: `uk-notify-message`
  1790. ========================================================================== */
  1791. .uk-notify-message {
  1792. position: relative;
  1793. margin-bottom: 10px;
  1794. padding: 15px;
  1795. background: #444;
  1796. color: #fff;
  1797. font-size: 16px;
  1798. line-height: 22px;
  1799. cursor: pointer;
  1800. border: 1px solid #444;
  1801. border-radius: 4px;
  1802. }
  1803. /* Close in notify
  1804. ========================================================================== */
  1805. .uk-notify-message > .uk-close {
  1806. visibility: hidden;
  1807. float: right;
  1808. }
  1809. .uk-notify-message:hover > .uk-close {
  1810. visibility: visible;
  1811. }
  1812. /* Modifier: `uk-alert-info`
  1813. ========================================================================== */
  1814. .uk-notify-message-primary {
  1815. background: #ebf7fd;
  1816. color: #2d7091;
  1817. border-color: rgba(45, 112, 145, 0.3);
  1818. }
  1819. /* Modifier: `uk-alert-success`
  1820. ========================================================================== */
  1821. .uk-notify-message-success {
  1822. background: #f2fae3;
  1823. color: #659f13;
  1824. border-color: rgba(101, 159, 19, 0.3);
  1825. }
  1826. /* Modifier: `uk-notify-message-warning`
  1827. ========================================================================== */
  1828. .uk-notify-message-warning {
  1829. background: #fffceb;
  1830. color: #e28327;
  1831. border-color: rgba(226, 131, 39, 0.3);
  1832. }
  1833. /* Modifier: `uk-notify-message-danger`
  1834. ========================================================================== */
  1835. .uk-notify-message-danger {
  1836. background: #fff1f0;
  1837. color: #d85030;
  1838. border-color: rgba(216, 80, 48, 0.3);
  1839. }
  1840. .uk-notify {
  1841. z-index: 1114;
  1842. width: 400px;
  1843. top: 56px;
  1844. max-width: 100%;
  1845. }
  1846. .uk-notify-top-center,
  1847. .uk-notify-bottom-center {
  1848. margin-left: -200px;
  1849. }
  1850. .uk-notify-top-left {
  1851. left: 24px;
  1852. }
  1853. .uk-notify-top-right {
  1854. right: 24px;
  1855. }
  1856. .uk-notify-bottom-left {
  1857. left: 24px;
  1858. }
  1859. .uk-notify-bottom-right {
  1860. right: 24px;
  1861. }
  1862. .uk-notify-bottom-center,
  1863. .uk-notify-bottom-left,
  1864. .uk-notify-bottom-right {
  1865. top: auto;
  1866. bottom: 8px;
  1867. }
  1868. .uk-notify-message {
  1869. background: #323232;
  1870. border-radius: 4px;
  1871. padding: 12px 16px;
  1872. font-size: 14px;
  1873. line-height: 18px;
  1874. border: none;
  1875. }
  1876. .uk-notify .uk-close {
  1877. display: none;
  1878. }
  1879. .uk-notify .notify-action {
  1880. float: right;
  1881. text-transform: uppercase;
  1882. color: #8bc34a;
  1883. margin-left: 16px;
  1884. }
  1885. .uk-notify .notify-action:hover {
  1886. color: #689f38;
  1887. }
  1888. .uk-notify .notify-content {
  1889. overflow: hidden;
  1890. }
  1891. .uk-notify-message-info {
  1892. background: #1976d2;
  1893. color: #fff;
  1894. }
  1895. .uk-notify-message-success {
  1896. background: #7cb342;
  1897. }
  1898. .uk-notify-message-warning {
  1899. background: #ffa000;
  1900. }
  1901. .uk-notify-message-danger {
  1902. background: #e53935;
  1903. }
  1904. .uk-notify-message-info,
  1905. .uk-notify-message-success,
  1906. .uk-notify-message-warning,
  1907. .uk-notify-message-danger {
  1908. color: #fff;
  1909. }
  1910. .uk-notify-message-info .notify-action,
  1911. .uk-notify-message-success .notify-action,
  1912. .uk-notify-message-warning .notify-action,
  1913. .uk-notify-message-danger .notify-action {
  1914. color: #fff;
  1915. }
  1916. .uk-notify-message-info .notify-action:hover,
  1917. .uk-notify-message-success .notify-action:hover,
  1918. .uk-notify-message-warning .notify-action:hover,
  1919. .uk-notify-message-danger .notify-action:hover {
  1920. color: #fff;
  1921. text-decoration: underline;
  1922. }
  1923. @media only screen and (max-width: 767px) {
  1924. .uk-notify-top-center,
  1925. .uk-notify-top-left,
  1926. .uk-notify-top-right,
  1927. .uk-notify-bottom-center,
  1928. .uk-notify-bottom-left,
  1929. .uk-notify-bottom-right {
  1930. width: 100%;
  1931. margin: 0;
  1932. left: 0;
  1933. right: 0;
  1934. }
  1935. .uk-notify-top-center > .uk-notify-message,
  1936. .uk-notify-top-left > .uk-notify-message,
  1937. .uk-notify-top-right > .uk-notify-message,
  1938. .uk-notify-bottom-center > .uk-notify-message,
  1939. .uk-notify-bottom-left > .uk-notify-message,
  1940. .uk-notify-bottom-right > .uk-notify-message {
  1941. border-radius: 0;
  1942. padding: 16px 32px;
  1943. }
  1944. .uk-notify-top-center,
  1945. .uk-notify-top-left,
  1946. .uk-notify-top-right {
  1947. top: 0;
  1948. bottom: auto;
  1949. }
  1950. .uk-notify-bottom-center,
  1951. .uk-notify-bottom-left,
  1952. .uk-notify-bottom-right {
  1953. top: auto;
  1954. bottom: -10px;
  1955. }
  1956. }
  1957. @media only screen and (min-width: 960px) {
  1958. .sidebar_main_active .uk-notify-top-left,
  1959. .sidebar_main_open .uk-notify-top-left {
  1960. left: 256px;
  1961. }
  1962. .sidebar_main_active .uk-notify-top-center,
  1963. .sidebar_main_open .uk-notify-top-center {
  1964. margin-left: -80px;
  1965. }
  1966. .sidebar_main_active .uk-notify-bottom-left,
  1967. .sidebar_main_open .uk-notify-bottom-left {
  1968. left: 256px;
  1969. }
  1970. .sidebar_main_active .uk-notify-bottom-center,
  1971. .sidebar_main_open .uk-notify-bottom-center {
  1972. margin-left: -80px;
  1973. }
  1974. }
  1975. /* slideshow */
  1976. /*! UIkit 2.27.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
  1977. /* ========================================================================
  1978. Component: Slideshow
  1979. ========================================================================== */
  1980. /*
  1981. * 1. Create position context
  1982. * 2. Create stacking context to prevent z-index issues with other components
  1983. * 3. Set width because child elements are positioned absolute. Height is set via JS
  1984. * 4. Reset list style
  1985. * 5. Clip child elements
  1986. * 6. Deactivate browser history navigation in IE11
  1987. */
  1988. .uk-slideshow {
  1989. /* 1 */
  1990. position: relative;
  1991. /* 2 */
  1992. z-index: 0;
  1993. /* 3 */
  1994. width: 100%;
  1995. /* 4 */
  1996. margin: 0;
  1997. padding: 0;
  1998. list-style: none;
  1999. /* 5 */
  2000. overflow: hidden;
  2001. /* 6 */
  2002. -ms-touch-action: pan-y;
  2003. touch-action: pan-y;
  2004. }
  2005. /*
  2006. * Sub-object item
  2007. * 1. Position items above each other
  2008. * 2. Expand to parent container width
  2009. * 3. Hide by default
  2010. */
  2011. .uk-slideshow > li {
  2012. /* 1 */
  2013. position: absolute;
  2014. top: 0;
  2015. left: 0;
  2016. /* 2 */
  2017. width: 100%;
  2018. /* 3 */
  2019. opacity: 0;
  2020. }
  2021. /*
  2022. * Active
  2023. * 1. Stack at first
  2024. * 2. Show slide
  2025. */
  2026. .uk-slideshow > .uk-active {
  2027. /* 1 */
  2028. z-index: 10;
  2029. /* 2 */
  2030. opacity: 1;
  2031. }
  2032. /*
  2033. * Hide default images which is only relevant to keep existing proportions
  2034. */
  2035. .uk-slideshow > li > img {
  2036. visibility: hidden;
  2037. }
  2038. /*
  2039. * Pointer for controls
  2040. */
  2041. [data-uk-slideshow-slide] {
  2042. cursor: pointer;
  2043. }
  2044. /* Modifier: `uk-slideshow-fullscreen`
  2045. ========================================================================== */
  2046. .uk-slideshow-fullscreen,
  2047. .uk-slideshow-fullscreen > li {
  2048. height: 100vh;
  2049. }
  2050. /* Animations
  2051. ========================================================================== */
  2052. /*
  2053. * Fade
  2054. */
  2055. .uk-slideshow-fade-in {
  2056. -webkit-animation: uk-fade 0.5s linear;
  2057. animation: uk-fade 0.5s linear;
  2058. }
  2059. .uk-slideshow-fade-out {
  2060. -webkit-animation: uk-fade 0.5s linear reverse;
  2061. animation: uk-fade 0.5s linear reverse;
  2062. }
  2063. /*
  2064. * Scroll
  2065. */
  2066. .uk-slideshow-scroll-forward-in {
  2067. -webkit-animation: uk-slide-right 0.5s ease-in-out;
  2068. animation: uk-slide-right 0.5s ease-in-out;
  2069. }
  2070. .uk-slideshow-scroll-forward-out {
  2071. -webkit-animation: uk-slide-left 0.5s ease-in-out reverse;
  2072. animation: uk-slide-left 0.5s ease-in-out reverse;
  2073. }
  2074. .uk-slideshow-scroll-backward-in {
  2075. -webkit-animation: uk-slide-left 0.5s ease-in-out;
  2076. animation: uk-slide-left 0.5s ease-in-out;
  2077. }
  2078. .uk-slideshow-scroll-backward-out {
  2079. -webkit-animation: uk-slide-right 0.5s ease-in-out reverse;
  2080. animation: uk-slide-right 0.5s ease-in-out reverse;
  2081. }
  2082. /*
  2083. * Scale
  2084. */
  2085. .uk-slideshow-scale-out {
  2086. -webkit-animation: uk-fade-scale-15 0.5s ease-in-out reverse;
  2087. animation: uk-fade-scale-15 0.5s ease-in-out reverse;
  2088. }
  2089. /*
  2090. * Swipe
  2091. */
  2092. .uk-slideshow-swipe-forward-in {
  2093. -webkit-animation: uk-slide-left-33 0.5s ease-in-out;
  2094. animation: uk-slide-left-33 0.5s ease-in-out;
  2095. }
  2096. .uk-slideshow-swipe-forward-out {
  2097. -webkit-animation: uk-slide-left 0.5s ease-in-out reverse;
  2098. animation: uk-slide-left 0.5s ease-in-out reverse;
  2099. }
  2100. .uk-slideshow-swipe-backward-in {
  2101. -webkit-animation: uk-slide-right-33 0.5s ease-in-out;
  2102. animation: uk-slide-right-33 0.5s ease-in-out;
  2103. }
  2104. .uk-slideshow-swipe-backward-out {
  2105. -webkit-animation: uk-slide-right 0.5s ease-in-out reverse;
  2106. animation: uk-slide-right 0.5s ease-in-out reverse;
  2107. }
  2108. .uk-slideshow-swipe-forward-in:before,
  2109. .uk-slideshow-swipe-backward-in:before {
  2110. content: '';
  2111. position: absolute;
  2112. top: 0;
  2113. bottom: 0;
  2114. left: 0;
  2115. right: 0;
  2116. z-index: 1;
  2117. background: rgba(0, 0, 0, 0.6);
  2118. -webkit-animation: uk-fade 0.5s ease-in-out reverse;
  2119. animation: uk-fade 0.5s ease-in-out reverse;
  2120. }
  2121. /* slider */
  2122. /*! UIkit 2.27.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
  2123. /* ========================================================================
  2124. Component: Slider
  2125. ========================================================================== */
  2126. /*
  2127. * RTL Compatibility
  2128. */
  2129. [data-uk-slider] {
  2130. direction: ltr;
  2131. }
  2132. html[dir="rtl"] .uk-slider > * {
  2133. direction: rtl;
  2134. }
  2135. /*
  2136. * 1. Create position context
  2137. * 2. Create stacking context to prevent z-index issues with other components
  2138. * 3. Deactivate browser history navigation in IE11
  2139. */
  2140. .uk-slider {
  2141. /* 1 */
  2142. position: relative;
  2143. /* 2 */
  2144. z-index: 0;
  2145. /* 3 */
  2146. -ms-touch-action: pan-y;
  2147. touch-action: pan-y;
  2148. }
  2149. /*
  2150. * 1. Reset list style without interfering with grid
  2151. */
  2152. .uk-slider:not(.uk-grid) {
  2153. /* 1 */
  2154. margin: 0;
  2155. padding: 0;
  2156. list-style: none;
  2157. }
  2158. /*
  2159. * Sub-object item
  2160. * 1. Position items above each other
  2161. */
  2162. .uk-slider > * {
  2163. /* 1 */
  2164. position: absolute;
  2165. top: 0;
  2166. left: 0;
  2167. }
  2168. /*
  2169. * Clip child elements
  2170. */
  2171. .uk-slider-container {
  2172. overflow: hidden;
  2173. }
  2174. /*
  2175. * Dragged
  2176. */
  2177. .uk-slider:not(.uk-drag) {
  2178. -webkit-transition: -webkit-transform 200ms linear;
  2179. transition: -webkit-transform 200ms linear;
  2180. transition: transform 200ms linear;
  2181. transition: transform 200ms linear, -webkit-transform 200ms linear;
  2182. }
  2183. /*
  2184. * 1. Makes text unselectable
  2185. */
  2186. .uk-slider.uk-drag {
  2187. cursor: col-resize;
  2188. /* 1 */
  2189. -moz-user-select: none;
  2190. -webkit-user-select: none;
  2191. -ms-user-select: none;
  2192. user-select: none;
  2193. }
  2194. /*
  2195. * 1. Prevents images and links from being dragged (default browser behavior)
  2196. * 2. Disables the default callout shown when you touch and hold a touch target
  2197. * Currently only works in Webkit
  2198. */
  2199. .uk-slider a,
  2200. .uk-slider img {
  2201. /* 1 */
  2202. -webkit-user-drag: none;
  2203. user-drag: none;
  2204. /* 2 */
  2205. -webkit-touch-callout: none;
  2206. }
  2207. /*
  2208. * 1. Prevents images and links from being dragged in Firefox
  2209. */
  2210. .uk-slider img {
  2211. pointer-events: none;
  2212. }
  2213. /* Modifier: `uk-slider-fullscreen`
  2214. ========================================================================== */
  2215. .uk-slider-fullscreen,
  2216. .uk-slider-fullscreen > li {
  2217. height: 100vh;
  2218. }
  2219. .uk-slider .uk-active .md-card {
  2220. box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  2221. }
  2222. .uk-slider-center li {
  2223. opacity: 0.4;
  2224. }
  2225. .uk-slider-center li.uk-active {
  2226. opacity: 1;
  2227. }
  2228. /* slidenav */
  2229. /*! UIkit 2.27.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
  2230. /* ========================================================================
  2231. Component: Slidenav
  2232. ========================================================================== */
  2233. /*
  2234. * 1. Required for `a` elements
  2235. * 2. Dimension
  2236. * 3. Style
  2237. */
  2238. .uk-slidenav {
  2239. /* 1 */
  2240. display: inline-block;
  2241. /* 2 */
  2242. box-sizing: border-box;
  2243. width: 60px;
  2244. height: 60px;
  2245. /* 3 */
  2246. line-height: 60px;
  2247. color: rgba(50, 50, 50, 0.4);
  2248. font-size: 60px;
  2249. text-align: center;
  2250. }
  2251. /*
  2252. * Hover
  2253. * 1. Apply hover style also to focus state
  2254. * 2. Remove default focus style
  2255. * 3. Required for `a` elements
  2256. * 4. Style
  2257. */
  2258. .uk-slidenav:hover,
  2259. .uk-slidenav:focus {
  2260. /* 2 */
  2261. outline: none;
  2262. /* 3 */
  2263. text-decoration: none;
  2264. /* 4 */
  2265. color: rgba(50, 50, 50, 0.7);
  2266. cursor: pointer;
  2267. }
  2268. /* Active */
  2269. .uk-slidenav:active {
  2270. color: rgba(50, 50, 50, 0.9);
  2271. }
  2272. /*
  2273. * Icons
  2274. */
  2275. .uk-slidenav-previous:before {
  2276. content: "\f104";
  2277. font-family: FontAwesome;
  2278. }
  2279. .uk-slidenav-next:before {
  2280. content: "\f105";
  2281. font-family: FontAwesome;
  2282. }
  2283. /* Sub-object: `uk-slidenav-position`
  2284. ========================================================================== */
  2285. /*
  2286. * Create position context
  2287. */
  2288. .uk-slidenav-position {
  2289. position: relative;
  2290. }
  2291. /*
  2292. * Center vertically
  2293. */
  2294. .uk-slidenav-position .uk-slidenav {
  2295. display: none;
  2296. position: absolute;
  2297. top: 50%;
  2298. z-index: 1;
  2299. margin-top: -30px;
  2300. }
  2301. .uk-slidenav-position:hover .uk-slidenav {
  2302. display: block;
  2303. }
  2304. .uk-slidenav-position .uk-slidenav-previous {
  2305. left: 20px;
  2306. }
  2307. .uk-slidenav-position .uk-slidenav-next {
  2308. right: 20px;
  2309. }
  2310. /* Modifier: `uk-slidenav-contrast`
  2311. ========================================================================== */
  2312. .uk-slidenav-contrast {
  2313. color: rgba(255, 255, 255, 0.5);
  2314. }
  2315. /*
  2316. * Hover
  2317. * 1. Apply hover style also to focus state
  2318. */
  2319. .uk-slidenav-contrast:hover,
  2320. .uk-slidenav-contrast:focus {
  2321. color: rgba(255, 255, 255, 0.7);
  2322. }
  2323. /* Active */
  2324. .uk-slidenav-contrast:active {
  2325. color: rgba(255, 255, 255, 0.9);
  2326. }
  2327. /* tooltips */
  2328. /*! UIkit 2.27.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
  2329. /* ========================================================================
  2330. Component: Tooltip
  2331. ========================================================================== */
  2332. /*
  2333. * 1. Hide by default
  2334. * 2. Set fixed position
  2335. * 3. Set dimensions
  2336. * 4. Set style
  2337. */
  2338. .uk-tooltip {
  2339. /* 1 */
  2340. display: none;
  2341. /* 2 */
  2342. position: absolute;
  2343. z-index: 1030;
  2344. /* 3 */
  2345. box-sizing: border-box;
  2346. max-width: 200px;
  2347. padding: 5px 8px;
  2348. /* 4 */
  2349. background: #333;
  2350. color: rgba(255, 255, 255, 0.7);
  2351. font-size: 12px;
  2352. line-height: 18px;
  2353. border-radius: 3px;
  2354. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  2355. }
  2356. /* Triangle
  2357. ========================================================================== */
  2358. /*
  2359. * 1. Dashed is less antialised than solid
  2360. */
  2361. .uk-tooltip:after {
  2362. content: "";
  2363. display: block;
  2364. position: absolute;
  2365. width: 0;
  2366. height: 0;
  2367. /* 1 */
  2368. border: 5px dashed #333;
  2369. }
  2370. /* Direction modifiers
  2371. ========================================================================== */
  2372. /*
  2373. * Top
  2374. */
  2375. .uk-tooltip-top:after,
  2376. .uk-tooltip-top-left:after,
  2377. .uk-tooltip-top-right:after {
  2378. bottom: -5px;
  2379. border-top-style: solid;
  2380. border-bottom: none;
  2381. border-left-color: transparent;
  2382. border-right-color: transparent;
  2383. border-top-color: #333;
  2384. }
  2385. /*
  2386. * Bottom
  2387. */
  2388. .uk-tooltip-bottom:after,
  2389. .uk-tooltip-bottom-left:after,
  2390. .uk-tooltip-bottom-right:after {
  2391. top: -5px;
  2392. border-bottom-style: solid;
  2393. border-top: none;
  2394. border-left-color: transparent;
  2395. border-right-color: transparent;
  2396. border-bottom-color: #333;
  2397. }
  2398. /*
  2399. * Top/Bottom center
  2400. */
  2401. .uk-tooltip-top:after,
  2402. .uk-tooltip-bottom:after {
  2403. left: 50%;
  2404. margin-left: -5px;
  2405. }
  2406. /*
  2407. * Top/Bottom left
  2408. */
  2409. .uk-tooltip-top-left:after,
  2410. .uk-tooltip-bottom-left:after {
  2411. left: 10px;
  2412. }
  2413. /*
  2414. * Top/Bottom right
  2415. */
  2416. .uk-tooltip-top-right:after,
  2417. .uk-tooltip-bottom-right:after {
  2418. right: 10px;
  2419. }
  2420. /*
  2421. * Left
  2422. */
  2423. .uk-tooltip-left:after {
  2424. right: -5px;
  2425. top: 50%;
  2426. margin-top: -5px;
  2427. border-left-style: solid;
  2428. border-right: none;
  2429. border-top-color: transparent;
  2430. border-bottom-color: transparent;
  2431. border-left-color: #333;
  2432. }
  2433. /*
  2434. * Right
  2435. */
  2436. .uk-tooltip-right:after {
  2437. left: -5px;
  2438. top: 50%;
  2439. margin-top: -5px;
  2440. border-right-style: solid;
  2441. border-left: none;
  2442. border-top-color: transparent;
  2443. border-bottom-color: transparent;
  2444. border-right-color: #333;
  2445. }
  2446. .uk-tooltip {
  2447. background: #424242;
  2448. color: #fff;
  2449. font-size: 13px;
  2450. padding: 3px 16px;
  2451. line-height: 22px;
  2452. text-shadow: none;
  2453. min-width: 80px;
  2454. text-align: center;
  2455. z-index: 1304;
  2456. opacity: 0;
  2457. }
  2458. .uk-tooltip .uk-tooltip-inner {
  2459. text-overflow: ellipsis;
  2460. display: inline-block;
  2461. vertical-align: top;
  2462. white-space: nowrap;
  2463. overflow: hidden;
  2464. width: 100%;
  2465. }
  2466. .uk-tooltip:after {
  2467. display: none !important;
  2468. }
  2469. .uk-tooltip.long-text {
  2470. text-align: left;
  2471. }
  2472. .uk-tooltip.long-text .uk-tooltip-inner {
  2473. white-space: normal;
  2474. overflow: visible;
  2475. line-height: 18px;
  2476. padding: 4px 0;
  2477. }
  2478. .uk-tooltip-small {
  2479. -webkit-transform: scale(0.85);
  2480. transform: scale(0.85);
  2481. }
  2482. /* tabs */
  2483. .uk-tab {
  2484. border-bottom-color: rgba(0, 0, 0, 0.12);
  2485. }
  2486. .uk-sticky-placeholder .uk-tab {
  2487. background: #fff;
  2488. padding-top: 8px;
  2489. }
  2490. .uk-tab > li {
  2491. margin-bottom: 0;
  2492. margin-top: 0 ;
  2493. z-index: 1;
  2494. }
  2495. .uk-tab > li > a {
  2496. font-size: 13px;
  2497. text-transform: uppercase;
  2498. color: #212121;
  2499. border: none;
  2500. border-bottom: 2px solid transparent;
  2501. border-radius: 0 !important;
  2502. font-weight: 500;
  2503. min-width: 100px;
  2504. max-width: 100%;
  2505. text-align: center;
  2506. -webkit-transition: all 220ms cubic-bezier(0.4, 0, 0.2, 1);
  2507. transition: all 220ms cubic-bezier(0.4, 0, 0.2, 1);
  2508. padding: 8px !important;
  2509. margin: 0 !important;
  2510. box-sizing: border-box;
  2511. position: relative;
  2512. top: 1px;
  2513. text-shadow: none;
  2514. }
  2515. .uk-tab > li > a:hover,
  2516. .uk-tab > li > a:focus {
  2517. background: none;
  2518. color: #212121;
  2519. border-bottom-color: #b2dbfb;
  2520. }
  2521. .uk-tab > li.uk-active > a {
  2522. background: transparent !important;
  2523. border-bottom-color: #2196f3;
  2524. }
  2525. .uk-tab > li.uk-disabled > a,
  2526. .uk-tab > li.uk-disabled > a:hover,
  2527. .uk-tab > li.uk-disabled > a:focus {
  2528. color: #aaa;
  2529. }
  2530. .uk-tab-bottom li {
  2531. margin-top: 0;
  2532. }
  2533. .uk-tab-bottom li > a {
  2534. border-top: 2px solid transparent;
  2535. border-bottom: none;
  2536. top: auto;
  2537. bottom: 1px;
  2538. }
  2539. .uk-tab-bottom li > a:hover,
  2540. .uk-tab-bottom li > a:focus {
  2541. border-top-color: #b2dbfb;
  2542. }
  2543. .uk-tab-bottom li.uk-active > a {
  2544. border-top-color: #2196f3;
  2545. }
  2546. .uk-tab-left {
  2547. border-bottom: none;
  2548. }
  2549. .uk-tab-left li > a {
  2550. border-right: 2px solid transparent;
  2551. border-bottom: none;
  2552. text-align: right;
  2553. top: auto;
  2554. bottom: auto;
  2555. }
  2556. .uk-tab-left li > a:hover,
  2557. .uk-tab-left li > a:focus {
  2558. border-right-color: #b2dbfb;
  2559. }
  2560. .uk-tab-left li.uk-active > a {
  2561. border-right-color: #2196f3;
  2562. }
  2563. .uk-tab-right {
  2564. border-bottom: none;
  2565. }
  2566. .uk-tab-right li > a {
  2567. border-left: 2px solid transparent;
  2568. border-bottom: none;
  2569. text-align: left;
  2570. top: auto;
  2571. bottom: auto;
  2572. }
  2573. .uk-tab-right li > a:hover,
  2574. .uk-tab-right li > a:focus {
  2575. border-left-color: #b2dbfb;
  2576. }
  2577. .uk-tab-right li.uk-active > a {
  2578. border-left-color: #2196f3;
  2579. }
  2580. .uk-tab-responsive li a {
  2581. border: none !important;
  2582. }
  2583. .uk-tab-responsive > a:before {
  2584. content: '\e5d2';
  2585. font-family: "Material Icons";
  2586. color: #727272;
  2587. margin-right: 8px;
  2588. vertical-align: -4px;
  2589. font-size: 18px;
  2590. }
  2591. .uk-tab-icons > li > a {
  2592. min-width: 64px;
  2593. }
  2594. .uk-tab-icons > li > a > .material-icons {
  2595. font-size: 24px;
  2596. }
  2597. .uk-tab-double-header {
  2598. margin: 10px 24px 0 !important;
  2599. }
  2600. .uk-tab-double-header > li > a {
  2601. color: #fff;
  2602. border-bottom: 4px solid transparent;
  2603. }
  2604. .uk-tab-double-header > li > a:hover,
  2605. .uk-tab-double-header > li > a:focus {
  2606. color: #fff;
  2607. border-bottom-color: #39a1f4;
  2608. }
  2609. .uk-tab-double-header > li.uk-active > a {
  2610. color: #fff;
  2611. border-bottom-color: #7cb342;
  2612. }
  2613. .uk-tab-double-header > li.uk-tab-responsive > a {
  2614. border-bottom: none;
  2615. padding-bottom: 5px !important;
  2616. }
  2617. .uk-tab-double-header > li.uk-tab-responsive > a:before {
  2618. color: #fff;
  2619. }
  2620. /* text truncate */
  2621. .uk-text-truncate {
  2622. display: block;
  2623. }
  2624. /* sortable */
  2625. /*! UIkit 2.27.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
  2626. /* ========================================================================
  2627. Component: Sortable
  2628. ========================================================================== */
  2629. .uk-sortable {
  2630. position: relative;
  2631. }
  2632. /*
  2633. * Deactivate browser touch actions in IE11
  2634. */
  2635. .uk-sortable > * {
  2636. -ms-touch-action: none;
  2637. touch-action: none;
  2638. }
  2639. /*
  2640. * Disables the default callout shown when you touch and hold a touch target
  2641. * Currently only works in Webkit
  2642. */
  2643. .uk-sortable a,
  2644. .uk-sortable img {
  2645. -webkit-touch-callout: none;
  2646. }
  2647. /*
  2648. * Remove margin from the last-child
  2649. */
  2650. .uk-sortable > :last-child {
  2651. margin-bottom: 0;
  2652. }
  2653. /* Sub-modifier `uk-sortable-dragged`
  2654. ========================================================================== */
  2655. .uk-sortable-dragged {
  2656. position: absolute;
  2657. z-index: 1050;
  2658. pointer-events: none;
  2659. }
  2660. /* Sub-modifier `uk-sortable-placeholder`
  2661. ========================================================================== */
  2662. .uk-sortable-placeholder {
  2663. opacity: 0;
  2664. }
  2665. /* Empty List
  2666. ========================================================================== */
  2667. .uk-sortable-empty {
  2668. min-height: 30px;
  2669. }
  2670. /* Sub-object `uk-sortable-handle`
  2671. ========================================================================== */
  2672. /*
  2673. * Deactivate browser touch actions in IE11
  2674. */
  2675. .uk-sortable-handle {
  2676. -ms-touch-action: none;
  2677. touch-action: none;
  2678. }
  2679. /* Hover */
  2680. .uk-sortable-handle:hover {
  2681. cursor: move;
  2682. }
  2683. /* Sub-object `uk-sortable-moving`
  2684. ========================================================================== */
  2685. .uk-sortable-moving,
  2686. .uk-sortable-moving * {
  2687. cursor: move;
  2688. }
  2689. /* Fixes dragging items over iframes */
  2690. .uk-sortable-moving iframe {
  2691. pointer-events: none;
  2692. }
  2693. .uk-sortable > * {
  2694. -ms-touch-action: auto;
  2695. touch-action: auto;
  2696. }
  2697. .uk-sortable.sortable-handler > * {
  2698. cursor: move;
  2699. }
  2700. .uk-sortable .sortable-handler {
  2701. cursor: move;
  2702. }
  2703. .uk-sortable-single {
  2704. min-height: 0;
  2705. }
  2706. .uk-switcher {
  2707. overflow: hidden;
  2708. }
  2709. /*
  2710. * add extra Uikit grid sizes
  2711. *
  2712. * usage:
  2713. * set custom breakpoint (1480px) and name ("xlarge-x")
  2714. * @media (min-width: 1480px) {
  2715. * .add-grid-sizes(xlarge-x);
  2716. * }
  2717. */
  2718. @media (min-width: 1480px) {
  2719. /* Whole */
  2720. .uk-width-xLarge-1-1,
  2721. .uk-grid-width-xLarge-1-1 > * {
  2722. width: 100%;
  2723. }
  2724. /* Halves */
  2725. .uk-width-xLarge-1-2,
  2726. .uk-width-xLarge-2-4,
  2727. .uk-width-xLarge-3-6,
  2728. .uk-width-xLarge-5-10,
  2729. .uk-grid-width-xLarge-1-2 > *,
  2730. .uk-grid-width-xLarge-2-4 > *,
  2731. .uk-grid-width-xLarge-3-6 > *,
  2732. .uk-grid-width-xLarge-5-10 > * {
  2733. width: 50%;
  2734. }
  2735. /* Thirds */
  2736. .uk-width-xLarge-1-3,
  2737. .uk-width-xLarge-2-6,
  2738. .uk-grid-width-xLarge-1-3 > *,
  2739. .uk-grid-width-xLarge-2-6 > * {
  2740. width: 33.333%;
  2741. }
  2742. .uk-width-xLarge-2-3,
  2743. .uk-width-xLarge-4-6,
  2744. .uk-grid-width-xLarge-2-3 > *,
  2745. .uk-grid-width-xLarge-4-6 > * {
  2746. width: 66.666%;
  2747. }
  2748. /* Quarters */
  2749. .uk-width-xLarge-1-4,
  2750. .uk-grid-width-xLarge-1-4 > * {
  2751. width: 25%;
  2752. }
  2753. .uk-width-xLarge-3-4,
  2754. .uk-grid-width-xLarge-3-4 > * {
  2755. width: 75%;
  2756. }
  2757. /* Fifths */
  2758. .uk-width-xLarge-1-5,
  2759. .uk-width-xLarge-2-10,
  2760. .uk-grid-width-xLarge-1-5 > *,
  2761. .uk-grid-width-xLarge-2-10 > * {
  2762. width: 20%;
  2763. }
  2764. .uk-width-xLarge-2-5,
  2765. .uk-width-xLarge-4-10,
  2766. .uk-grid-width-xLarge-2-5 > *,
  2767. .uk-grid-width-xLarge-4-10 > * {
  2768. width: 40%;
  2769. }
  2770. .uk-width-xLarge-3-5,
  2771. .uk-width-xLarge-6-10,
  2772. .uk-grid-width-xLarge-3-5 > *,
  2773. .uk-grid-width-xLarge-6-10 > * {
  2774. width: 60%;
  2775. }
  2776. .uk-width-xLarge-4-5,
  2777. .uk-width-xLarge-8-10,
  2778. .uk-grid-width-xLarge-4-5 > *,
  2779. .uk-grid-width-xLarge-8-10 > * {
  2780. width: 80%;
  2781. }
  2782. /* Sixths */
  2783. .uk-width-xLarge-1-6,
  2784. .uk-grid-width-xLarge-1-6 > * {
  2785. width: 16.666%;
  2786. }
  2787. .uk-width-xLarge-5-6,
  2788. .uk-grid-width-xLarge-5-6 > * {
  2789. width: 83.333%;
  2790. }
  2791. /* Tenths */
  2792. .uk-width-xLarge-1-10,
  2793. .uk-grid-width-xLarge-1-10 > * {
  2794. width: 10%;
  2795. }
  2796. .uk-width-xLarge-3-10,
  2797. .uk-grid-width-xLarge-3-10 > * {
  2798. width: 30%;
  2799. }
  2800. .uk-width-xLarge-7-10,
  2801. .uk-grid-width-xLarge-7-10 > * {
  2802. width: 70%;
  2803. }
  2804. .uk-width-xLarge-9-10,
  2805. .uk-grid-width-xLarge-9-10 > * {
  2806. width: 90%;
  2807. }
  2808. }
  2809. /* ie9 fixes */
  2810. .lte-ie9 *[class*="uk-animation-"] {
  2811. opacity: 1 !important;
  2812. }
  2813. /* 3. Kendo UI custom styles ========================= */
  2814. .k-button,
  2815. .k-header {
  2816. font-weight: 400;
  2817. }
  2818. .k-list-wrapper {
  2819. padding: 8px 0;
  2820. }
  2821. .k-list-wrapper-addon {
  2822. margin-right: 16px;
  2823. float: left;
  2824. }
  2825. .k-list-wrapper-addon > img {
  2826. width: 34px;
  2827. border-radius: 50%;
  2828. }
  2829. .k-list-wrapper-addon > img-large {
  2830. width: 82px;
  2831. border-radius: 50%;
  2832. }
  2833. .k-list-wrapper-content {
  2834. overflow: hidden;
  2835. display: block;
  2836. }
  2837. .k-list-wrapper-content > p {
  2838. margin: 0;
  2839. font-weight: 500;
  2840. line-height: 18px;
  2841. }
  2842. .k-list-wrapper-content > span {
  2843. display: block;
  2844. }
  2845. .k-tag-image {
  2846. width: auto;
  2847. height: 17px;
  2848. margin: 4px 5px 0 0;
  2849. vertical-align: top;
  2850. border-radius: 50%;
  2851. }
  2852. .k-multiselect .k-delete,
  2853. .k-multiselect .k-button:not(.k-state-disabled):hover .k-delete {
  2854. background-position: -162px -80px;
  2855. }
  2856. .k-multiselect .k-delete {
  2857. opacity: 0.5;
  2858. }
  2859. .k-multiselect .k-button:not(.k-state-disabled):hover .k-delete {
  2860. opacity: 1;
  2861. }
  2862. .k-window-title {
  2863. font-size: 14px;
  2864. }
  2865. .k-panelbar li.k-item {
  2866. background: #fff;
  2867. }
  2868. .k-panelbar li.k-state-default > .k-link.k-state-selected {
  2869. box-shadow: none;
  2870. }
  2871. /* 4. custom components ============================== */
  2872. /**
  2873. * Google Material Design Preloader
  2874. *
  2875. * CSS animated SVG implementation of the Google Material Design preloader
  2876. *
  2877. * Reference: http://goo.gl/ZfulRH
  2878. * License: MIT
  2879. * Author: Rudi Theunissen (rudolf.theunissen@gmail.com)
  2880. * Version: 1.1.1
  2881. */
  2882. .md-preloader {
  2883. font-size: 0;
  2884. display: inline-block;
  2885. -webkit-animation: outer 6000ms linear infinite;
  2886. animation: outer 6000ms linear infinite;
  2887. }
  2888. .md-preloader svg {
  2889. -webkit-animation: inner 1200ms linear infinite;
  2890. animation: inner 1200ms linear infinite;
  2891. }
  2892. .md-preloader svg circle {
  2893. fill: none;
  2894. stroke: #448aff;
  2895. stroke-linecap: round;
  2896. -webkit-animation: arc 1200ms cubic-bezier(0.4, 0, 0.2, 1) infinite;
  2897. animation: arc 1200ms cubic-bezier(0.4, 0, 0.2, 1) infinite;
  2898. }
  2899. @-webkit-keyframes outer {
  2900. 0% {
  2901. -webkit-transform: rotate(0deg);
  2902. transform: rotate(0deg);
  2903. }
  2904. 100% {
  2905. -webkit-transform: rotate(360deg);
  2906. transform: rotate(360deg);
  2907. }
  2908. }
  2909. @keyframes outer {
  2910. 0% {
  2911. -webkit-transform: rotate(0deg);
  2912. transform: rotate(0deg);
  2913. }
  2914. 100% {
  2915. -webkit-transform: rotate(360deg);
  2916. transform: rotate(360deg);
  2917. }
  2918. }
  2919. @-webkit-keyframes inner {
  2920. 0% {
  2921. -webkit-transform: rotate(-64.8deg);
  2922. transform: rotate(-64.8deg);
  2923. }
  2924. 100% {
  2925. -webkit-transform: rotate(0deg);
  2926. transform: rotate(0deg);
  2927. }
  2928. }
  2929. @keyframes inner {
  2930. 0% {
  2931. -webkit-transform: rotate(-64.8deg);
  2932. transform: rotate(-64.8deg);
  2933. }
  2934. 100% {
  2935. -webkit-transform: rotate(0deg);
  2936. transform: rotate(0deg);
  2937. }
  2938. }
  2939. @-webkit-keyframes arc {
  2940. 0% {
  2941. stroke-dasharray: 1 210.48670779px;
  2942. stroke-dashoffset: 0;
  2943. }
  2944. 40% {
  2945. stroke-dasharray: 172.59910039px, 210.48670779px;
  2946. stroke-dashoffset: 0;
  2947. }
  2948. 100% {
  2949. stroke-dasharray: 1 210.48670779px;
  2950. stroke-dashoffset: -172.59910039px;
  2951. }
  2952. }
  2953. @keyframes arc {
  2954. 0% {
  2955. stroke-dasharray: 1 210.48670779px;
  2956. stroke-dashoffset: 0;
  2957. }
  2958. 40% {
  2959. stroke-dasharray: 172.59910039px, 210.48670779px;
  2960. stroke-dashoffset: 0;
  2961. }
  2962. 100% {
  2963. stroke-dasharray: 1 210.48670779px;
  2964. stroke-dashoffset: -172.59910039px;
  2965. }
  2966. }
  2967. .md-preloader-success svg circle {
  2968. stroke: #7cb342;
  2969. }
  2970. .md-preloader-danger svg circle {
  2971. stroke: #e53935;
  2972. }
  2973. .md-preloader-warning svg circle {
  2974. stroke: #ffa000;
  2975. }
  2976. /* content preloader */
  2977. .content-preloader {
  2978. width: 48px;
  2979. height: 48px;
  2980. border-radius: 50%;
  2981. background: #fff;
  2982. left: 50%;
  2983. overflow: hidden;
  2984. margin-left: -24px;
  2985. box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  2986. padding: 8px;
  2987. box-sizing: border-box;
  2988. -webkit-transform: scale(0);
  2989. transform: scale(0);
  2990. -webkit-transition: top 400ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
  2991. transition: top 400ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
  2992. transition: top 400ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
  2993. transition: top 400ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, transform 400ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
  2994. }
  2995. .content-preloader .regular-preloader {
  2996. position: relative;
  2997. width: 30px;
  2998. height: 30px;
  2999. }
  3000. .content-preloader .regular-preloader > div {
  3001. width: 26px;
  3002. height: 26px;
  3003. }
  3004. .content-preloader.preloader-active {
  3005. -webkit-transform: scale(1);
  3006. transform: scale(1);
  3007. -webkit-transition: top 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 400ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  3008. transition: top 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 400ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  3009. transition: top 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 400ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  3010. transition: top 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 400ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  3011. }
  3012. .content-preloader-success svg circle {
  3013. stroke: #7cb342;
  3014. }
  3015. .content-preloader-danger svg circle {
  3016. stroke: #e53935;
  3017. }
  3018. .content-preloader-warning svg circle {
  3019. stroke: #ffa000;
  3020. }
  3021. .sidebar_main_active > .content-preloader,
  3022. .sidebar_main_open > .content-preloader {
  3023. margin-left: 96px !important;
  3024. }
  3025. body > .content-preloader {
  3026. position: fixed;
  3027. z-index: 1099;
  3028. top: -48px;
  3029. }
  3030. body > .content-preloader.preloader-active {
  3031. top: 56px;
  3032. }
  3033. .sidebar_main_active body > .content-preloader,
  3034. .sidebar_main_open body > .content-preloader {
  3035. margin-left: 96px;
  3036. }
  3037. .md-card > .content-preloader {
  3038. position: absolute;
  3039. z-index: 10;
  3040. top: 0;
  3041. }
  3042. .md-card > .content-preloader.preloader-active {
  3043. top: 64px;
  3044. }
  3045. /* timeline */
  3046. .timeline {
  3047. position: relative;
  3048. min-height: 40px;
  3049. padding: 8px 0 8px 62px;
  3050. }
  3051. .timeline,
  3052. .timeline:before,
  3053. .timeline:after,
  3054. .timeline *,
  3055. .timeline *:before,
  3056. .timeline *:after {
  3057. box-sizing: border-box;
  3058. }
  3059. .timeline:before {
  3060. position: absolute;
  3061. left: 29px;
  3062. top: 0;
  3063. bottom: 0;
  3064. width: 3px;
  3065. background: rgba(0, 0, 0, 0.085);
  3066. content: '';
  3067. display: block;
  3068. }
  3069. .timeline_item {
  3070. position: relative;
  3071. min-height: 64px;
  3072. padding: 16px 0;
  3073. }
  3074. .timeline_icon {
  3075. position: absolute;
  3076. left: -54px;
  3077. top: 16px;
  3078. height: 44px;
  3079. width: 44px;
  3080. border-radius: 50%;
  3081. background: #9e9e9e;
  3082. text-align: center;
  3083. border: 4px solid #fff;
  3084. }
  3085. .timeline_icon .material-icons {
  3086. color: #fff;
  3087. font-size: 18px;
  3088. line-height: 36px;
  3089. }
  3090. .timeline_icon_danger {
  3091. background: #e53935;
  3092. }
  3093. .timeline_icon_success {
  3094. background: #7cb342;
  3095. }
  3096. .timeline_icon_warning {
  3097. background: #ffa000;
  3098. }
  3099. .timeline_icon_primary {
  3100. background: #2196f3;
  3101. }
  3102. .timeline_date {
  3103. float: left;
  3104. min-width: 60px;
  3105. color: #aaa;
  3106. text-align: center;
  3107. line-height: 18px;
  3108. font-size: 16px;
  3109. margin-right: 8px;
  3110. padding-top: 6px;
  3111. }
  3112. .timeline_date span {
  3113. font-size: 11px;
  3114. display: block;
  3115. text-transform: uppercase;
  3116. }
  3117. .timeline_content {
  3118. padding: 5px 4px 8px;
  3119. overflow: hidden;
  3120. }
  3121. .timeline_content_addon {
  3122. background: #fff;
  3123. margin-top: 8px;
  3124. max-width: 340px;
  3125. padding: 8px;
  3126. box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  3127. border-radius: 4px;
  3128. }
  3129. .timeline_content_addon > img {
  3130. max-width: 100%;
  3131. height: auto;
  3132. display: block;
  3133. margin: 0 auto;
  3134. }
  3135. .timeline_content_addon blockquote {
  3136. margin: 8px 0 8px 8px;
  3137. font-size: 15px;
  3138. }
  3139. .timeline.timeline_small {
  3140. padding: 4px 0 4px 48px;
  3141. }
  3142. .timeline.timeline_small:before {
  3143. left: 16px;
  3144. }
  3145. .timeline.timeline_small .timeline_item {
  3146. min-height: 32px;
  3147. }
  3148. .timeline.timeline_small .timeline_icon {
  3149. left: -50px;
  3150. height: 40px;
  3151. width: 40px;
  3152. }
  3153. .timeline.timeline_small .timeline_icon .material-icons {
  3154. color: #fff;
  3155. font-size: 18px;
  3156. line-height: 32px;
  3157. }
  3158. .timeline.timeline_small .timeline_date {
  3159. float: none;
  3160. text-align: left;
  3161. font-size: 11px;
  3162. }
  3163. .timeline.timeline_small .timeline_date span {
  3164. display: inline;
  3165. }
  3166. .timeline.timeline_small .timeline_content {
  3167. font-size: 13px;
  3168. padding-left: 0;
  3169. }
  3170. .timeline.timeline_small .timeline_content .md-list li {
  3171. margin-left: 0;
  3172. text-align: center;
  3173. }
  3174. .timeline.timeline_small .timeline_content .md-list .md-list-addon-element {
  3175. width: auto;
  3176. position: relative;
  3177. top: 0;
  3178. left: 0;
  3179. padding-top: 0;
  3180. }
  3181. .timeline.timeline_small .timeline_content blockquote {
  3182. font-size: 13px;
  3183. }
  3184. /* 5. material design styles ========================= */
  3185. /* bg colors */
  3186. .md-bg-cyan {
  3187. background-color: #00acc1 !important;
  3188. color: #fff;
  3189. }
  3190. .md-bg-light-green {
  3191. background-color: #7cb342 !important;
  3192. color: #fff;
  3193. }
  3194. .md-bg-grey {
  3195. background-color: #616161 !important;
  3196. color: #fff;
  3197. }
  3198. .md-bg-red {
  3199. background-color: #d32f2f !important;
  3200. color: #fff;
  3201. }
  3202. .md-bg-light-blue {
  3203. background-color: #0288d1 !important;
  3204. color: #fff;
  3205. }
  3206. .md-bg-teal {
  3207. background-color: #00897b !important;
  3208. color: #fff;
  3209. }
  3210. .md-bg-purple {
  3211. background-color: #8e24aa !important;
  3212. color: #fff;
  3213. }
  3214. /* buttons */
  3215. .md-btn {
  3216. background: #fff;
  3217. border: none;
  3218. border-radius: 2px;
  3219. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  3220. min-height: 31px;
  3221. min-width: 70px;
  3222. padding: 2px 16px;
  3223. text-align: center;
  3224. text-shadow: none;
  3225. text-transform: uppercase;
  3226. -webkit-transition: all 280ms ease;
  3227. transition: all 280ms ease;
  3228. color: #212121;
  3229. box-sizing: border-box;
  3230. cursor: pointer;
  3231. -webkit-appearance: none;
  3232. display: inline-block;
  3233. vertical-align: middle;
  3234. font: 500 14px / 31px "Roboto", sans-serif !important;
  3235. }
  3236. .md-btn:hover,
  3237. .md-btn:focus,
  3238. .md-btn:active,
  3239. .uk-button-dropdown.uk-open > .md-btn {
  3240. background: #fff;
  3241. outline: none;
  3242. text-decoration: none;
  3243. color: #212121;
  3244. box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  3245. }
  3246. .md-btn:active,
  3247. .md-btn.uk-active,
  3248. .uk-button-dropdown.uk-open > .md-btn {
  3249. box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  3250. }
  3251. .md-btn.uk-active {
  3252. position: relative;
  3253. }
  3254. .md-btn.uk-active:after {
  3255. position: absolute;
  3256. top: 0;
  3257. left: 0;
  3258. right: 0;
  3259. bottom: 0;
  3260. display: block;
  3261. content: '';
  3262. border: 2px solid rgba(0, 0, 0, 0.4);
  3263. border-radius: 2px;
  3264. }
  3265. .md-btn-flat {
  3266. box-shadow: none !important;
  3267. background: none;
  3268. }
  3269. .md-btn-flat:hover,
  3270. .md-btn-flat:focus {
  3271. background: rgba(153, 153, 153, 0.2);
  3272. }
  3273. .md-btn-flat:active,
  3274. .md-btn-flat.uk-active {
  3275. background: rgba(153, 153, 153, 0.4);
  3276. }
  3277. .md-btn-flat-danger,
  3278. .md-btn-flat-danger:hover,
  3279. .md-btn-flat-danger:focus,
  3280. .md-btn-flat-danger:active,
  3281. .md-btn-flat-danger .uk-active {
  3282. color: #e53935;
  3283. }
  3284. .md-btn-flat-danger:hover,
  3285. .md-btn-flat-danger:focus,
  3286. .md-btn-flat-danger:active {
  3287. background: #fceaea;
  3288. }
  3289. .md-btn-flat-danger.uk-active {
  3290. color: #cd1e1a;
  3291. background: #f6bebd;
  3292. }
  3293. .md-btn-flat-primary,
  3294. .md-btn-flat-primary:hover,
  3295. .md-btn-flat-primary:focus,
  3296. .md-btn-flat-primary:active,
  3297. .md-btn-flat-primary.uk-active {
  3298. color: #1976d2;
  3299. }
  3300. .md-btn-flat-primary:hover,
  3301. .md-btn-flat-primary:focus,
  3302. .md-btn-flat-primary:active {
  3303. background: #e3f2fd;
  3304. }
  3305. .md-btn-flat-primary.uk-active {
  3306. color: #0c7cd5;
  3307. background: #b2dbfb;
  3308. }
  3309. .md-btn-flat-success,
  3310. .md-btn-flat-success:hover,
  3311. .md-btn-flat-success:focus,
  3312. .md-btn-flat-success:active,
  3313. .md-btn-flat-success.uk-active {
  3314. color: #7cb342;
  3315. }
  3316. .md-btn-flat-success:hover,
  3317. .md-btn-flat-success:focus,
  3318. .md-btn-flat-success:active {
  3319. background: #e1efd2;
  3320. }
  3321. .md-btn-flat-success.uk-active {
  3322. color: #628e34;
  3323. background: #c8e1ad;
  3324. }
  3325. .md-btn-flat-warning,
  3326. .md-btn-flat-warning:hover,
  3327. .md-btn-flat-warning:focus,
  3328. .md-btn-flat-warning:active,
  3329. .md-btn-flat-warning.uk-active {
  3330. color: #ffa000;
  3331. }
  3332. .md-btn-flat-warning:hover,
  3333. .md-btn-flat-warning:focus,
  3334. .md-btn-flat-warning:active {
  3335. background: #ffeccc;
  3336. }
  3337. .md-btn-flat-warning.uk-active {
  3338. color: #cc8000;
  3339. background: #ffd999;
  3340. }
  3341. .md-btn-flat.disabled {
  3342. background: none !important;
  3343. }
  3344. .md-btn-danger,
  3345. .md-btn-danger:hover,
  3346. .md-btn-danger:focus,
  3347. .md-btn-danger:active,
  3348. .md-btn-danger.uk-active {
  3349. background: #e53935;
  3350. }
  3351. .md-btn-primary,
  3352. .md-btn-primary:hover,
  3353. .md-btn-primary:focus,
  3354. .md-btn-primary:active,
  3355. .md-btn-primary.uk-active {
  3356. background: #2196f3;
  3357. }
  3358. .md-btn-success,
  3359. .md-btn-success:hover,
  3360. .md-btn-success:focus,
  3361. .md-btn-success:active,
  3362. .md-btn-success.uk-active {
  3363. background: #7cb342;
  3364. }
  3365. .md-btn-warning,
  3366. .md-btn-warning:hover,
  3367. .md-btn-warning:focus,
  3368. .md-btn-warning:active,
  3369. .md-btn-warning.uk-active {
  3370. background: #ffa000;
  3371. }
  3372. .md-btn-danger,
  3373. .md-btn-primary,
  3374. .md-btn-success,
  3375. .md-btn-warning,
  3376. .md-btn-danger:hover,
  3377. .md-btn-primary:hover,
  3378. .md-btn-success:hover,
  3379. .md-btn-warning:hover,
  3380. .md-btn-danger:focus,
  3381. .md-btn-primary:focus,
  3382. .md-btn-success:focus,
  3383. .md-btn-warning:focus,
  3384. .md-btn-danger:active,
  3385. .md-btn-primary:active,
  3386. .md-btn-success:active,
  3387. .md-btn-warning:active,
  3388. .md-btn-danger.uk-active,
  3389. .md-btn-primary.uk-active,
  3390. .md-btn-success.uk-active,
  3391. .md-btn-warning.uk-active,
  3392. .md-btn-danger > i,
  3393. .md-btn-primary > i,
  3394. .md-btn-success > i,
  3395. .md-btn-warning > i {
  3396. color: #fff;
  3397. }
  3398. .md-btn.disabled,
  3399. .md-btn.disabled:hover,
  3400. .md-btn.disabled:focus,
  3401. .md-btn.disabled:active,
  3402. .md-btn.disabled.uk-active {
  3403. color: #a8a8a8;
  3404. background: #eaeaea;
  3405. box-shadow: none !important;
  3406. cursor: default;
  3407. pointer-events: none;
  3408. }
  3409. .md-btn > i.material-icons {
  3410. margin-top: 5px;
  3411. font-size: 18px;
  3412. }
  3413. .md-btn-mini {
  3414. line-height: 21px !important;
  3415. min-width: 12px;
  3416. font-size: 10px !important;
  3417. min-height: 24px;
  3418. }
  3419. .md-btn-small {
  3420. line-height: 27px !important;
  3421. min-width: 14px;
  3422. font-size: 11px !important;
  3423. }
  3424. .md-btn-large {
  3425. line-height: 42px !important;
  3426. font-size: 16px !important;
  3427. }
  3428. .md-btn::-moz-focus-inner {
  3429. border: 0;
  3430. padding: 0;
  3431. }
  3432. .md-btn + .md-btn {
  3433. margin-left: 8px;
  3434. }
  3435. .md-btn-block {
  3436. width: 100%;
  3437. }
  3438. .md-btn-block + .md-btn-block {
  3439. margin-left: 0;
  3440. margin-top: 12px;
  3441. }
  3442. .md-btn + .md-btn-group {
  3443. margin-left: 16px;
  3444. }
  3445. .md-btn-facebook {
  3446. background: #3b5998 !important;
  3447. }
  3448. .md-btn-twitter {
  3449. background: #00aced !important;
  3450. }
  3451. .md-btn-gplus {
  3452. background: #dd4b39 !important;
  3453. }
  3454. .md-btn-facebook,
  3455. .md-btn-twitter,
  3456. .md-btn-gplus,
  3457. .md-btn-facebook > i,
  3458. .md-btn-twitter > i,
  3459. .md-btn-gplus > i {
  3460. color: #fff !important;
  3461. }
  3462. .md-btn-icon > i.no_margin {
  3463. margin-right: 0 !important;
  3464. margin-left: 0 !important;
  3465. }
  3466. .md-btn-icon-large,
  3467. .md-btn-icon.md-btn-large {
  3468. min-width: 72px;
  3469. }
  3470. .md-btn-icon-large > i,
  3471. .md-btn-icon.md-btn-large > i {
  3472. font-size: 24px;
  3473. margin-right: 12px;
  3474. vertical-align: -3px;
  3475. }
  3476. .md-btn-icon-default,
  3477. .md-btn-icon {
  3478. min-width: 64px;
  3479. }
  3480. .md-btn-icon-default > i,
  3481. .md-btn-icon > i {
  3482. font-size: 18px;
  3483. margin-right: 8px;
  3484. vertical-align: -2px;
  3485. }
  3486. .md-btn-icon-small,
  3487. .md-btn-icon.md-btn-small {
  3488. min-width: 48px;
  3489. }
  3490. .md-btn-icon-small > i,
  3491. .md-btn-icon.md-btn-small > i {
  3492. font-size: 16px;
  3493. margin-right: 6px;
  3494. vertical-align: -2px;
  3495. }
  3496. .md-btn-icon-mini,
  3497. .md-btn-icon.md-btn-mini {
  3498. min-width: 36px;
  3499. }
  3500. .md-btn-icon-mini > i,
  3501. .md-btn-icon.md-btn-mini > i {
  3502. font-size: 16px;
  3503. margin-right: 4px;
  3504. vertical-align: -2px;
  3505. }
  3506. .md-fab {
  3507. box-sizing: border-box;
  3508. width: 64px;
  3509. height: 64px;
  3510. border-radius: 50%;
  3511. background: #fff;
  3512. color: #727272;
  3513. display: block;
  3514. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  3515. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  3516. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  3517. border: none;
  3518. position: relative;
  3519. text-align: center;
  3520. cursor: pointer;
  3521. }
  3522. .md-fab:hover,
  3523. .md-fab:focus,
  3524. .md-fab:active {
  3525. box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  3526. }
  3527. .md-fab > i {
  3528. font-size: 36px;
  3529. line-height: 64px;
  3530. height: inherit;
  3531. width: inherit;
  3532. position: absolute;
  3533. left: 0;
  3534. top: 0;
  3535. color: #727272;
  3536. }
  3537. .md-fab.md-fab-accent {
  3538. background: #7cb342;
  3539. }
  3540. .md-fab.md-fab-accent > i {
  3541. color: #fff;
  3542. }
  3543. .md-fab.md-fab-success {
  3544. background: #7cb342;
  3545. }
  3546. .md-fab.md-fab-success > i {
  3547. color: #fff;
  3548. }
  3549. .md-fab.md-fab-danger {
  3550. background: #e53935;
  3551. }
  3552. .md-fab.md-fab-danger > i {
  3553. color: #fff;
  3554. }
  3555. .md-fab.md-fab-primary {
  3556. background: #2196f3;
  3557. }
  3558. .md-fab.md-fab-primary > i {
  3559. color: #fff;
  3560. }
  3561. .md-fab.md-fab-warning {
  3562. background: #ffa000;
  3563. }
  3564. .md-fab.md-fab-warning > i {
  3565. color: #fff;
  3566. }
  3567. .md-fab.md-fab-small {
  3568. width: 48px;
  3569. height: 48px;
  3570. border-radius: 50%;
  3571. }
  3572. .md-fab.md-fab-small > i {
  3573. line-height: 48px;
  3574. height: inherit;
  3575. width: inherit;
  3576. font-size: 24px;
  3577. }
  3578. .md-fab-speed-dial .md-fab-action-close {
  3579. display: none;
  3580. }
  3581. .md-fab-wrapper {
  3582. position: fixed;
  3583. bottom: 24px;
  3584. right: 24px;
  3585. z-index: 1004;
  3586. -webkit-transition: margin 280ms cubic-bezier(0.4, 0, 0.2, 1);
  3587. transition: margin 280ms cubic-bezier(0.4, 0, 0.2, 1);
  3588. }
  3589. @media only screen and (max-width: 767px) {
  3590. .md-fab-wrapper {
  3591. bottom: 20px;
  3592. right: 20px;
  3593. }
  3594. }
  3595. .md-fab-wrapper > .md-fab + .md-fab {
  3596. margin-top: 16px;
  3597. }
  3598. .md-fab-wrapper.md-fab-in-card {
  3599. position: absolute;
  3600. }
  3601. .md-fab-speed-dial .md-fab-wrapper-small {
  3602. position: absolute;
  3603. bottom: 80px;
  3604. right: 8px;
  3605. min-height: 48px;
  3606. width: 48px;
  3607. z-index: -1;
  3608. }
  3609. .md-fab-speed-dial .md-fab-wrapper-small .md-fab-small {
  3610. -webkit-transform: scale(0);
  3611. transform: scale(0);
  3612. opacity: 0;
  3613. position: absolute;
  3614. right: 0;
  3615. }
  3616. .md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(1) {
  3617. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  3618. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  3619. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  3620. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  3621. }
  3622. .md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(2) {
  3623. bottom: 64px;
  3624. }
  3625. .md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(2) {
  3626. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
  3627. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
  3628. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
  3629. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
  3630. }
  3631. .md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(3) {
  3632. bottom: 128px;
  3633. }
  3634. .md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(3) {
  3635. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  3636. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  3637. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  3638. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  3639. }
  3640. .md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(4) {
  3641. bottom: 192px;
  3642. }
  3643. .md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(4) {
  3644. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  3645. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  3646. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  3647. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  3648. }
  3649. .md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(5) {
  3650. bottom: 256px;
  3651. }
  3652. .md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(5) {
  3653. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
  3654. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
  3655. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
  3656. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
  3657. }
  3658. .md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(6) {
  3659. bottom: 320px;
  3660. }
  3661. .md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(6) {
  3662. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
  3663. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
  3664. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
  3665. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
  3666. }
  3667. .md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(7) {
  3668. bottom: 384px;
  3669. }
  3670. .md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(7) {
  3671. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
  3672. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
  3673. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
  3674. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
  3675. }
  3676. .md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(8) {
  3677. bottom: 448px;
  3678. }
  3679. .md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(8) {
  3680. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
  3681. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
  3682. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
  3683. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
  3684. }
  3685. .md-fab-speed-dial.md-fab-active .md-fab-small {
  3686. -webkit-transform: scale(1);
  3687. transform: scale(1);
  3688. opacity: 1;
  3689. z-index: 10;
  3690. }
  3691. .md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(1) {
  3692. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  3693. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  3694. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  3695. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  3696. }
  3697. .md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(2) {
  3698. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
  3699. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
  3700. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
  3701. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
  3702. }
  3703. .md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(3) {
  3704. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  3705. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  3706. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  3707. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  3708. }
  3709. .md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(4) {
  3710. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  3711. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  3712. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  3713. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  3714. }
  3715. .md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(5) {
  3716. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
  3717. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
  3718. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
  3719. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
  3720. }
  3721. .md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(6) {
  3722. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
  3723. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
  3724. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
  3725. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
  3726. }
  3727. .md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(7) {
  3728. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
  3729. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
  3730. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
  3731. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
  3732. }
  3733. .md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(8) {
  3734. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
  3735. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
  3736. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
  3737. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
  3738. }
  3739. .md-fab-speed-dial-horizontal .md-fab-wrapper-small {
  3740. position: absolute;
  3741. right: 80px;
  3742. bottom: 8px;
  3743. min-height: 48px;
  3744. width: 48px;
  3745. z-index: -1;
  3746. }
  3747. .md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small {
  3748. -webkit-transform: scale(0);
  3749. transform: scale(0);
  3750. opacity: 0;
  3751. position: absolute;
  3752. right: 0;
  3753. }
  3754. .md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(1) {
  3755. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  3756. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  3757. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  3758. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  3759. }
  3760. .md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(2) {
  3761. right: 64px;
  3762. }
  3763. .md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(2) {
  3764. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
  3765. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
  3766. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
  3767. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
  3768. }
  3769. .md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(3) {
  3770. right: 128px;
  3771. }
  3772. .md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(3) {
  3773. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  3774. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  3775. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  3776. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  3777. }
  3778. .md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(4) {
  3779. right: 192px;
  3780. }
  3781. .md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(4) {
  3782. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  3783. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  3784. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  3785. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  3786. }
  3787. .md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(5) {
  3788. right: 256px;
  3789. }
  3790. .md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(5) {
  3791. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
  3792. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
  3793. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
  3794. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
  3795. }
  3796. .md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(6) {
  3797. right: 320px;
  3798. }
  3799. .md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(6) {
  3800. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
  3801. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
  3802. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
  3803. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
  3804. }
  3805. .md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(7) {
  3806. right: 384px;
  3807. }
  3808. .md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(7) {
  3809. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
  3810. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
  3811. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
  3812. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
  3813. }
  3814. .md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(8) {
  3815. right: 448px;
  3816. }
  3817. .md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(8) {
  3818. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
  3819. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
  3820. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
  3821. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
  3822. }
  3823. .md-fab-speed-dial-horizontal.md-fab-active .md-fab-small {
  3824. -webkit-transform: scale(1);
  3825. transform: scale(1);
  3826. opacity: 1;
  3827. z-index: 10;
  3828. }
  3829. .md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(1) {
  3830. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  3831. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  3832. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  3833. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
  3834. }
  3835. .md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(2) {
  3836. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
  3837. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
  3838. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
  3839. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
  3840. }
  3841. .md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(3) {
  3842. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  3843. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  3844. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  3845. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  3846. }
  3847. .md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(4) {
  3848. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  3849. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  3850. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  3851. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  3852. }
  3853. .md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(5) {
  3854. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
  3855. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
  3856. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
  3857. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
  3858. }
  3859. .md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(6) {
  3860. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
  3861. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
  3862. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
  3863. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
  3864. }
  3865. .md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(7) {
  3866. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
  3867. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
  3868. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
  3869. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
  3870. }
  3871. .md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(8) {
  3872. -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
  3873. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
  3874. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
  3875. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
  3876. }
  3877. .md-fab-toolbar {
  3878. -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  3879. transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  3880. cursor: default;
  3881. }
  3882. .md-fab-toolbar > i {
  3883. cursor: pointer;
  3884. }
  3885. .md-fab-toolbar-actions {
  3886. visibility: hidden;
  3887. white-space: nowrap;
  3888. padding: 0 16px;
  3889. overflow: hidden;
  3890. box-sizing: border-box;
  3891. }
  3892. .md-fab-toolbar-actions > a,
  3893. .md-fab-toolbar-actions > button {
  3894. display: block;
  3895. float: left;
  3896. opacity: 0;
  3897. margin: 0 0 0 16px;
  3898. height: 64px;
  3899. width: 48px;
  3900. box-sizing: border-box;
  3901. -webkit-transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
  3902. transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
  3903. background: none;
  3904. border: none;
  3905. outline: none;
  3906. cursor: pointer;
  3907. }
  3908. .md-fab-toolbar-actions > a:first-child,
  3909. .md-fab-toolbar-actions > button:first-child {
  3910. margin-left: 0;
  3911. }
  3912. .md-fab-toolbar-actions .material-icons {
  3913. font-size: 36px;
  3914. line-height: 64px;
  3915. }
  3916. .md-fab-toolbar.md-fab-animated {
  3917. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  3918. border-radius: 4px;
  3919. }
  3920. .md-fab-toolbar.md-fab-animated > i {
  3921. display: none;
  3922. }
  3923. .md-fab-toolbar.md-fab-active .md-fab-toolbar-actions {
  3924. visibility: visible;
  3925. }
  3926. .md-fab-toolbar.md-fab-active .md-fab-toolbar-actions > a,
  3927. .md-fab-toolbar.md-fab-active .md-fab-toolbar-actions > button {
  3928. opacity: 1;
  3929. }
  3930. .md-fab-toolbar.md-fab-small .md-fab-toolbar-actions > a,
  3931. .md-fab-toolbar.md-fab-small .md-fab-toolbar-actions > button {
  3932. height: 48px;
  3933. width: 36px;
  3934. padding: 0;
  3935. margin: 0 0 0 8px;
  3936. }
  3937. .md-fab-toolbar.md-fab-small .md-fab-toolbar-actions > a:first-child,
  3938. .md-fab-toolbar.md-fab-small .md-fab-toolbar-actions > button:first-child {
  3939. margin-left: 0;
  3940. }
  3941. .md-fab-toolbar.md-fab-small .md-fab-toolbar-actions .material-icons {
  3942. font-size: 24px;
  3943. line-height: 48px;
  3944. height: inherit;
  3945. }
  3946. .md-fab-sheet {
  3947. -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  3948. transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  3949. cursor: default;
  3950. }
  3951. .md-fab-sheet > i {
  3952. cursor: pointer;
  3953. }
  3954. .md-fab-sheet-actions {
  3955. visibility: hidden;
  3956. white-space: nowrap;
  3957. overflow: hidden;
  3958. box-sizing: border-box;
  3959. padding: 4px 0;
  3960. }
  3961. .md-fab-sheet-actions > a {
  3962. display: block;
  3963. opacity: 0;
  3964. padding: 4px 16px;
  3965. box-sizing: border-box;
  3966. font: 400 16px / 32px "Roboto", sans-serif;
  3967. text-align: left;
  3968. }
  3969. .md-fab-sheet-actions > a,
  3970. .md-fab-sheet-actions > a:hover {
  3971. color: #212121;
  3972. }
  3973. .md-fab-sheet-actions .material-icons {
  3974. font-size: 24px;
  3975. margin-right: 8px;
  3976. vertical-align: -6px;
  3977. }
  3978. .md-fab-sheet.md-fab-animated {
  3979. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  3980. border-radius: 4px;
  3981. }
  3982. .md-fab-sheet.md-fab-animated > i {
  3983. display: none;
  3984. }
  3985. .md-fab-sheet.md-fab-active .md-fab-sheet-actions {
  3986. visibility: visible;
  3987. }
  3988. .md-fab-sheet.md-fab-active .md-fab-sheet-actions > a {
  3989. opacity: 1;
  3990. }
  3991. .sidebar_secondary_active .md-fab-wrapper {
  3992. margin-right: 264px;
  3993. }
  3994. @media only screen and (max-width: 767px) {
  3995. .sidebar_secondary_active .md-fab-wrapper {
  3996. margin-right: 280px;
  3997. }
  3998. }
  3999. .md-toggle-group .md-toggle-button {
  4000. border-width: 0 0 2px;
  4001. border-style: solid;
  4002. border-color: transparent;
  4003. background: none;
  4004. line-height: 30px;
  4005. min-width: 42px;
  4006. text-align: center;
  4007. padding: 0 8px;
  4008. vertical-align: middle;
  4009. cursor: pointer;
  4010. }
  4011. .md-toggle-group .md-toggle-button.md-toggle-active {
  4012. border-bottom-color: #212121;
  4013. }
  4014. .md-toggle-group.md-toggle-group-small .md-toggle-button {
  4015. font-size: 11px;
  4016. line-height: 24px;
  4017. min-width: 16px;
  4018. padding: 0 6px;
  4019. }
  4020. .md-btn-group {
  4021. display: inline-block;
  4022. vertical-align: top;
  4023. position: relative;
  4024. font-size: 0;
  4025. white-space: nowrap;
  4026. }
  4027. .md-btn-group .md-btn {
  4028. vertical-align: top;
  4029. margin-left: 0 !important;
  4030. }
  4031. .md-btn-group .md-btn:first-child {
  4032. border-top-right-radius: 0;
  4033. border-bottom-right-radius: 0;
  4034. }
  4035. .md-btn-group .md-btn:not(:first-child):not(:last-child) {
  4036. border-radius: 0;
  4037. }
  4038. .md-btn-group .md-btn:last-child {
  4039. border-top-left-radius: 0;
  4040. border-bottom-left-radius: 0;
  4041. }
  4042. .md-color-red-50 {
  4043. color: #ffebee !important;
  4044. }
  4045. .md-bg-red-50 {
  4046. background-color: #ffebee !important;
  4047. }
  4048. .md-color-red-100 {
  4049. color: #ffcdd2 !important;
  4050. }
  4051. .md-bg-red-100 {
  4052. background-color: #ffcdd2 !important;
  4053. }
  4054. .md-color-red-200 {
  4055. color: #ef9a9a !important;
  4056. }
  4057. .md-bg-red-200 {
  4058. background-color: #ef9a9a !important;
  4059. }
  4060. .md-color-red-300 {
  4061. color: #e57373 !important;
  4062. }
  4063. .md-bg-red-300 {
  4064. background-color: #e57373 !important;
  4065. }
  4066. .md-color-red-400 {
  4067. color: #ef5350 !important;
  4068. }
  4069. .md-bg-red-400 {
  4070. background-color: #ef5350 !important;
  4071. }
  4072. .md-color-red-500 {
  4073. color: #f44336 !important;
  4074. }
  4075. .md-bg-red-500 {
  4076. background-color: #f44336 !important;
  4077. }
  4078. .md-color-red-600 {
  4079. color: #e53935 !important;
  4080. }
  4081. .md-bg-red-600 {
  4082. background-color: #e53935 !important;
  4083. }
  4084. .md-color-red-700 {
  4085. color: #d32f2f !important;
  4086. }
  4087. .md-bg-red-700 {
  4088. background-color: #d32f2f !important;
  4089. }
  4090. .md-color-red-800 {
  4091. color: #c62828 !important;
  4092. }
  4093. .md-bg-red-800 {
  4094. background-color: #c62828 !important;
  4095. }
  4096. .md-color-red-900 {
  4097. color: #b71c1c !important;
  4098. }
  4099. .md-bg-red-900 {
  4100. background-color: #b71c1c !important;
  4101. }
  4102. .md-color-red-A100 {
  4103. color: #ff8a80 !important;
  4104. }
  4105. .md-bg-red-A100 {
  4106. background-color: #ff8a80 !important;
  4107. }
  4108. .md-color-red-A200 {
  4109. color: #ff5252 !important;
  4110. }
  4111. .md-bg-red-A200 {
  4112. background-color: #ff5252 !important;
  4113. }
  4114. .md-color-red-A400 {
  4115. color: #ff1744 !important;
  4116. }
  4117. .md-bg-red-A400 {
  4118. background-color: #ff1744 !important;
  4119. }
  4120. .md-color-red-A700 {
  4121. color: #d50000 !important;
  4122. }
  4123. .md-bg-red-A700 {
  4124. background-color: #d50000 !important;
  4125. }
  4126. .md-color-pink-50 {
  4127. color: #fce4ec !important;
  4128. }
  4129. .md-bg-pink-50 {
  4130. background-color: #fce4ec !important;
  4131. }
  4132. .md-color-pink-100 {
  4133. color: #f8bbd0 !important;
  4134. }
  4135. .md-bg-pink-100 {
  4136. background-color: #f8bbd0 !important;
  4137. }
  4138. .md-color-pink-200 {
  4139. color: #f48fb1 !important;
  4140. }
  4141. .md-bg-pink-200 {
  4142. background-color: #f48fb1 !important;
  4143. }
  4144. .md-color-pink-300 {
  4145. color: #f06292 !important;
  4146. }
  4147. .md-bg-pink-300 {
  4148. background-color: #f06292 !important;
  4149. }
  4150. .md-color-pink-400 {
  4151. color: #ec407a !important;
  4152. }
  4153. .md-bg-pink-400 {
  4154. background-color: #ec407a !important;
  4155. }
  4156. .md-color-pink-500 {
  4157. color: #e91e63 !important;
  4158. }
  4159. .md-bg-pink-500 {
  4160. background-color: #e91e63 !important;
  4161. }
  4162. .md-color-pink-600 {
  4163. color: #d81b60 !important;
  4164. }
  4165. .md-bg-pink-600 {
  4166. background-color: #d81b60 !important;
  4167. }
  4168. .md-color-pink-700 {
  4169. color: #c2185b !important;
  4170. }
  4171. .md-bg-pink-700 {
  4172. background-color: #c2185b !important;
  4173. }
  4174. .md-color-pink-800 {
  4175. color: #ad1457 !important;
  4176. }
  4177. .md-bg-pink-800 {
  4178. background-color: #ad1457 !important;
  4179. }
  4180. .md-color-pink-900 {
  4181. color: #880e4f !important;
  4182. }
  4183. .md-bg-pink-900 {
  4184. background-color: #880e4f !important;
  4185. }
  4186. .md-color-pink-A100 {
  4187. color: #ff80ab !important;
  4188. }
  4189. .md-bg-pink-A100 {
  4190. background-color: #ff80ab !important;
  4191. }
  4192. .md-color-pink-A200 {
  4193. color: #ff4081 !important;
  4194. }
  4195. .md-bg-pink-A200 {
  4196. background-color: #ff4081 !important;
  4197. }
  4198. .md-color-pink-A400 {
  4199. color: #f50057 !important;
  4200. }
  4201. .md-bg-pink-A400 {
  4202. background-color: #f50057 !important;
  4203. }
  4204. .md-color-pink-A700 {
  4205. color: #c51162 !important;
  4206. }
  4207. .md-bg-pink-A700 {
  4208. background-color: #c51162 !important;
  4209. }
  4210. .md-color-purple-50 {
  4211. color: #f3e5f5 !important;
  4212. }
  4213. .md-bg-purple-50 {
  4214. background-color: #f3e5f5 !important;
  4215. }
  4216. .md-color-purple-100 {
  4217. color: #e1bee7 !important;
  4218. }
  4219. .md-bg-purple-100 {
  4220. background-color: #e1bee7 !important;
  4221. }
  4222. .md-color-purple-200 {
  4223. color: #ce93d8 !important;
  4224. }
  4225. .md-bg-purple-200 {
  4226. background-color: #ce93d8 !important;
  4227. }
  4228. .md-color-purple-300 {
  4229. color: #ba68c8 !important;
  4230. }
  4231. .md-bg-purple-300 {
  4232. background-color: #ba68c8 !important;
  4233. }
  4234. .md-color-purple-400 {
  4235. color: #ab47bc !important;
  4236. }
  4237. .md-bg-purple-400 {
  4238. background-color: #ab47bc !important;
  4239. }
  4240. .md-color-purple-500 {
  4241. color: #9c27b0 !important;
  4242. }
  4243. .md-bg-purple-500 {
  4244. background-color: #9c27b0 !important;
  4245. }
  4246. .md-color-purple-600 {
  4247. color: #8e24aa !important;
  4248. }
  4249. .md-bg-purple-600 {
  4250. background-color: #8e24aa !important;
  4251. }
  4252. .md-color-purple-700 {
  4253. color: #7b1fa2 !important;
  4254. }
  4255. .md-bg-purple-700 {
  4256. background-color: #7b1fa2 !important;
  4257. }
  4258. .md-color-purple-800 {
  4259. color: #6a1b9a !important;
  4260. }
  4261. .md-bg-purple-800 {
  4262. background-color: #6a1b9a !important;
  4263. }
  4264. .md-color-purple-900 {
  4265. color: #4a148c !important;
  4266. }
  4267. .md-bg-purple-900 {
  4268. background-color: #4a148c !important;
  4269. }
  4270. .md-color-purple-A100 {
  4271. color: #ea80fc !important;
  4272. }
  4273. .md-bg-purple-A100 {
  4274. background-color: #ea80fc !important;
  4275. }
  4276. .md-color-purple-A200 {
  4277. color: #e040fb !important;
  4278. }
  4279. .md-bg-purple-A200 {
  4280. background-color: #e040fb !important;
  4281. }
  4282. .md-color-purple-A400 {
  4283. color: #d500f9 !important;
  4284. }
  4285. .md-bg-purple-A400 {
  4286. background-color: #d500f9 !important;
  4287. }
  4288. .md-color-purple-A700 {
  4289. color: #aa00ff !important;
  4290. }
  4291. .md-bg-purple-A700 {
  4292. background-color: #aa00ff !important;
  4293. }
  4294. .md-color-deep-purple-50 {
  4295. color: #ede7f6 !important;
  4296. }
  4297. .md-bg-deep-purple-50 {
  4298. background-color: #ede7f6 !important;
  4299. }
  4300. .md-color-deep-purple-100 {
  4301. color: #d1c4e9 !important;
  4302. }
  4303. .md-bg-deep-purple-100 {
  4304. background-color: #d1c4e9 !important;
  4305. }
  4306. .md-color-deep-purple-200 {
  4307. color: #b39ddb !important;
  4308. }
  4309. .md-bg-deep-purple-200 {
  4310. background-color: #b39ddb !important;
  4311. }
  4312. .md-color-deep-purple-300 {
  4313. color: #9575cd !important;
  4314. }
  4315. .md-bg-deep-purple-300 {
  4316. background-color: #9575cd !important;
  4317. }
  4318. .md-color-deep-purple-400 {
  4319. color: #7e57c2 !important;
  4320. }
  4321. .md-bg-deep-purple-400 {
  4322. background-color: #7e57c2 !important;
  4323. }
  4324. .md-color-deep-purple-500 {
  4325. color: #673ab7 !important;
  4326. }
  4327. .md-bg-deep-purple-500 {
  4328. background-color: #673ab7 !important;
  4329. }
  4330. .md-color-deep-purple-600 {
  4331. color: #5e35b1 !important;
  4332. }
  4333. .md-bg-deep-purple-600 {
  4334. background-color: #5e35b1 !important;
  4335. }
  4336. .md-color-deep-purple-700 {
  4337. color: #512da8 !important;
  4338. }
  4339. .md-bg-deep-purple-700 {
  4340. background-color: #512da8 !important;
  4341. }
  4342. .md-color-deep-purple-800 {
  4343. color: #4527a0 !important;
  4344. }
  4345. .md-bg-deep-purple-800 {
  4346. background-color: #4527a0 !important;
  4347. }
  4348. .md-color-deep-purple-900 {
  4349. color: #311b92 !important;
  4350. }
  4351. .md-bg-deep-purple-900 {
  4352. background-color: #311b92 !important;
  4353. }
  4354. .md-color-deep-purple-A100 {
  4355. color: #b388ff !important;
  4356. }
  4357. .md-bg-deep-purple-A100 {
  4358. background-color: #b388ff !important;
  4359. }
  4360. .md-color-deep-purple-A200 {
  4361. color: #7c4dff !important;
  4362. }
  4363. .md-bg-deep-purple-A200 {
  4364. background-color: #7c4dff !important;
  4365. }
  4366. .md-color-deep-purple-A400 {
  4367. color: #651fff !important;
  4368. }
  4369. .md-bg-deep-purple-A400 {
  4370. background-color: #651fff !important;
  4371. }
  4372. .md-color-deep-purple-A700 {
  4373. color: #6200ea !important;
  4374. }
  4375. .md-bg-deep-purple-A700 {
  4376. background-color: #6200ea !important;
  4377. }
  4378. .md-color-indigo-50 {
  4379. color: #e8eaf6 !important;
  4380. }
  4381. .md-bg-indigo-50 {
  4382. background-color: #e8eaf6 !important;
  4383. }
  4384. .md-color-indigo-100 {
  4385. color: #c5cae9 !important;
  4386. }
  4387. .md-bg-indigo-100 {
  4388. background-color: #c5cae9 !important;
  4389. }
  4390. .md-color-indigo-200 {
  4391. color: #9fa8da !important;
  4392. }
  4393. .md-bg-indigo-200 {
  4394. background-color: #9fa8da !important;
  4395. }
  4396. .md-color-indigo-300 {
  4397. color: #7986cb !important;
  4398. }
  4399. .md-bg-indigo-300 {
  4400. background-color: #7986cb !important;
  4401. }
  4402. .md-color-indigo-400 {
  4403. color: #5c6bc0 !important;
  4404. }
  4405. .md-bg-indigo-400 {
  4406. background-color: #5c6bc0 !important;
  4407. }
  4408. .md-color-indigo-500 {
  4409. color: #3f51b5 !important;
  4410. }
  4411. .md-bg-indigo-500 {
  4412. background-color: #3f51b5 !important;
  4413. }
  4414. .md-color-indigo-600 {
  4415. color: #3949ab !important;
  4416. }
  4417. .md-bg-indigo-600 {
  4418. background-color: #3949ab !important;
  4419. }
  4420. .md-color-indigo-700 {
  4421. color: #303f9f !important;
  4422. }
  4423. .md-bg-indigo-700 {
  4424. background-color: #303f9f !important;
  4425. }
  4426. .md-color-indigo-800 {
  4427. color: #283593 !important;
  4428. }
  4429. .md-bg-indigo-800 {
  4430. background-color: #283593 !important;
  4431. }
  4432. .md-color-indigo-900 {
  4433. color: #1a237e !important;
  4434. }
  4435. .md-bg-indigo-900 {
  4436. background-color: #1a237e !important;
  4437. }
  4438. .md-color-indigo-A100 {
  4439. color: #8c9eff !important;
  4440. }
  4441. .md-bg-indigo-A100 {
  4442. background-color: #8c9eff !important;
  4443. }
  4444. .md-color-indigo-A200 {
  4445. color: #536dfe !important;
  4446. }
  4447. .md-bg-indigo-A200 {
  4448. background-color: #536dfe !important;
  4449. }
  4450. .md-color-indigo-A400 {
  4451. color: #3d5afe !important;
  4452. }
  4453. .md-bg-indigo-A400 {
  4454. background-color: #3d5afe !important;
  4455. }
  4456. .md-color-indigo-A700 {
  4457. color: #304ffe !important;
  4458. }
  4459. .md-bg-indigo-A700 {
  4460. background-color: #304ffe !important;
  4461. }
  4462. .md-color-blue-50 {
  4463. color: #e3f2fd !important;
  4464. }
  4465. .md-bg-blue-50 {
  4466. background-color: #e3f2fd !important;
  4467. }
  4468. .md-color-blue-100 {
  4469. color: #bbdefb !important;
  4470. }
  4471. .md-bg-blue-100 {
  4472. background-color: #bbdefb !important;
  4473. }
  4474. .md-color-blue-200 {
  4475. color: #90caf9 !important;
  4476. }
  4477. .md-bg-blue-200 {
  4478. background-color: #90caf9 !important;
  4479. }
  4480. .md-color-blue-300 {
  4481. color: #64b5f6 !important;
  4482. }
  4483. .md-bg-blue-300 {
  4484. background-color: #64b5f6 !important;
  4485. }
  4486. .md-color-blue-400 {
  4487. color: #42a5f5 !important;
  4488. }
  4489. .md-bg-blue-400 {
  4490. background-color: #42a5f5 !important;
  4491. }
  4492. .md-color-blue-500 {
  4493. color: #2196f3 !important;
  4494. }
  4495. .md-bg-blue-500 {
  4496. background-color: #2196f3 !important;
  4497. }
  4498. .md-color-blue-600 {
  4499. color: #1e88e5 !important;
  4500. }
  4501. .md-bg-blue-600 {
  4502. background-color: #1e88e5 !important;
  4503. }
  4504. .md-color-blue-700 {
  4505. color: #1976d2 !important;
  4506. }
  4507. .md-bg-blue-700 {
  4508. background-color: #1976d2 !important;
  4509. }
  4510. .md-color-blue-800 {
  4511. color: #1565c0 !important;
  4512. }
  4513. .md-bg-blue-800 {
  4514. background-color: #1565c0 !important;
  4515. }
  4516. .md-color-blue-900 {
  4517. color: #0d47a1 !important;
  4518. }
  4519. .md-bg-blue-900 {
  4520. background-color: #0d47a1 !important;
  4521. }
  4522. .md-color-blue-A100 {
  4523. color: #82b1ff !important;
  4524. }
  4525. .md-bg-blue-A100 {
  4526. background-color: #82b1ff !important;
  4527. }
  4528. .md-color-blue-A200 {
  4529. color: #448aff !important;
  4530. }
  4531. .md-bg-blue-A200 {
  4532. background-color: #448aff !important;
  4533. }
  4534. .md-color-blue-A400 {
  4535. color: #2979ff !important;
  4536. }
  4537. .md-bg-blue-A400 {
  4538. background-color: #2979ff !important;
  4539. }
  4540. .md-color-blue-A700 {
  4541. color: #2962ff !important;
  4542. }
  4543. .md-bg-blue-A700 {
  4544. background-color: #2962ff !important;
  4545. }
  4546. .md-color-light-blue-50 {
  4547. color: #e1f5fe !important;
  4548. }
  4549. .md-bg-light-blue-50 {
  4550. background-color: #e1f5fe !important;
  4551. }
  4552. .md-color-light-blue-100 {
  4553. color: #b3e5fc !important;
  4554. }
  4555. .md-bg-light-blue-100 {
  4556. background-color: #b3e5fc !important;
  4557. }
  4558. .md-color-light-blue-200 {
  4559. color: #81d4fa !important;
  4560. }
  4561. .md-bg-light-blue-200 {
  4562. background-color: #81d4fa !important;
  4563. }
  4564. .md-color-light-blue-300 {
  4565. color: #4fc3f7 !important;
  4566. }
  4567. .md-bg-light-blue-300 {
  4568. background-color: #4fc3f7 !important;
  4569. }
  4570. .md-color-light-blue-400 {
  4571. color: #29b6f6 !important;
  4572. }
  4573. .md-bg-light-blue-400 {
  4574. background-color: #29b6f6 !important;
  4575. }
  4576. .md-color-light-blue-500 {
  4577. color: #03a9f4 !important;
  4578. }
  4579. .md-bg-light-blue-500 {
  4580. background-color: #03a9f4 !important;
  4581. }
  4582. .md-color-light-blue-600 {
  4583. color: #039be5 !important;
  4584. }
  4585. .md-bg-light-blue-600 {
  4586. background-color: #039be5 !important;
  4587. }
  4588. .md-color-light-blue-700 {
  4589. color: #0288d1 !important;
  4590. }
  4591. .md-bg-light-blue-700 {
  4592. background-color: #0288d1 !important;
  4593. }
  4594. .md-color-light-blue-800 {
  4595. color: #0277bd !important;
  4596. }
  4597. .md-bg-light-blue-800 {
  4598. background-color: #0277bd !important;
  4599. }
  4600. .md-color-light-blue-900 {
  4601. color: #01579b !important;
  4602. }
  4603. .md-bg-light-blue-900 {
  4604. background-color: #01579b !important;
  4605. }
  4606. .md-color-light-blue-A100 {
  4607. color: #80d8ff !important;
  4608. }
  4609. .md-bg-light-blue-A100 {
  4610. background-color: #80d8ff !important;
  4611. }
  4612. .md-color-light-blue-A200 {
  4613. color: #40c4ff !important;
  4614. }
  4615. .md-bg-light-blue-A200 {
  4616. background-color: #40c4ff !important;
  4617. }
  4618. .md-color-light-blue-A400 {
  4619. color: #00b0ff !important;
  4620. }
  4621. .md-bg-light-blue-A400 {
  4622. background-color: #00b0ff !important;
  4623. }
  4624. .md-color-light-blue-A700 {
  4625. color: #0091ea !important;
  4626. }
  4627. .md-bg-light-blue-A700 {
  4628. background-color: #0091ea !important;
  4629. }
  4630. .md-color-cyan-50 {
  4631. color: #e0f7fa !important;
  4632. }
  4633. .md-bg-cyan-50 {
  4634. background-color: #e0f7fa !important;
  4635. }
  4636. .md-color-cyan-100 {
  4637. color: #b2ebf2 !important;
  4638. }
  4639. .md-bg-cyan-100 {
  4640. background-color: #b2ebf2 !important;
  4641. }
  4642. .md-color-cyan-200 {
  4643. color: #80deea !important;
  4644. }
  4645. .md-bg-cyan-200 {
  4646. background-color: #80deea !important;
  4647. }
  4648. .md-color-cyan-300 {
  4649. color: #4dd0e1 !important;
  4650. }
  4651. .md-bg-cyan-300 {
  4652. background-color: #4dd0e1 !important;
  4653. }
  4654. .md-color-cyan-400 {
  4655. color: #26c6da !important;
  4656. }
  4657. .md-bg-cyan-400 {
  4658. background-color: #26c6da !important;
  4659. }
  4660. .md-color-cyan-500 {
  4661. color: #00bcd4 !important;
  4662. }
  4663. .md-bg-cyan-500 {
  4664. background-color: #00bcd4 !important;
  4665. }
  4666. .md-color-cyan-600 {
  4667. color: #00acc1 !important;
  4668. }
  4669. .md-bg-cyan-600 {
  4670. background-color: #00acc1 !important;
  4671. }
  4672. .md-color-cyan-700 {
  4673. color: #0097a7 !important;
  4674. }
  4675. .md-bg-cyan-700 {
  4676. background-color: #0097a7 !important;
  4677. }
  4678. .md-color-cyan-800 {
  4679. color: #00838f !important;
  4680. }
  4681. .md-bg-cyan-800 {
  4682. background-color: #00838f !important;
  4683. }
  4684. .md-color-cyan-900 {
  4685. color: #006064 !important;
  4686. }
  4687. .md-bg-cyan-900 {
  4688. background-color: #006064 !important;
  4689. }
  4690. .md-color-cyan-A100 {
  4691. color: #84ffff !important;
  4692. }
  4693. .md-bg-cyan-A100 {
  4694. background-color: #84ffff !important;
  4695. }
  4696. .md-color-cyan-A200 {
  4697. color: #18ffff !important;
  4698. }
  4699. .md-bg-cyan-A200 {
  4700. background-color: #18ffff !important;
  4701. }
  4702. .md-color-cyan-A400 {
  4703. color: #00e5ff !important;
  4704. }
  4705. .md-bg-cyan-A400 {
  4706. background-color: #00e5ff !important;
  4707. }
  4708. .md-color-cyan-A700 {
  4709. color: #00b8d4 !important;
  4710. }
  4711. .md-bg-cyan-A700 {
  4712. background-color: #00b8d4 !important;
  4713. }
  4714. .md-color-teal-50 {
  4715. color: #e0f2f1 !important;
  4716. }
  4717. .md-bg-teal-50 {
  4718. background-color: #e0f2f1 !important;
  4719. }
  4720. .md-color-teal-100 {
  4721. color: #b2dfdb !important;
  4722. }
  4723. .md-bg-teal-100 {
  4724. background-color: #b2dfdb !important;
  4725. }
  4726. .md-color-teal-200 {
  4727. color: #80cbc4 !important;
  4728. }
  4729. .md-bg-teal-200 {
  4730. background-color: #80cbc4 !important;
  4731. }
  4732. .md-color-teal-300 {
  4733. color: #4db6ac !important;
  4734. }
  4735. .md-bg-teal-300 {
  4736. background-color: #4db6ac !important;
  4737. }
  4738. .md-color-teal-400 {
  4739. color: #26a69a !important;
  4740. }
  4741. .md-bg-teal-400 {
  4742. background-color: #26a69a !important;
  4743. }
  4744. .md-color-teal-500 {
  4745. color: #009688 !important;
  4746. }
  4747. .md-bg-teal-500 {
  4748. background-color: #009688 !important;
  4749. }
  4750. .md-color-teal-600 {
  4751. color: #00897b !important;
  4752. }
  4753. .md-bg-teal-600 {
  4754. background-color: #00897b !important;
  4755. }
  4756. .md-color-teal-700 {
  4757. color: #00796b !important;
  4758. }
  4759. .md-bg-teal-700 {
  4760. background-color: #00796b !important;
  4761. }
  4762. .md-color-teal-800 {
  4763. color: #00695c !important;
  4764. }
  4765. .md-bg-teal-800 {
  4766. background-color: #00695c !important;
  4767. }
  4768. .md-color-teal-900 {
  4769. color: #004d40 !important;
  4770. }
  4771. .md-bg-teal-900 {
  4772. background-color: #004d40 !important;
  4773. }
  4774. .md-color-teal-A100 {
  4775. color: #a7ffeb !important;
  4776. }
  4777. .md-bg-teal-A100 {
  4778. background-color: #a7ffeb !important;
  4779. }
  4780. .md-color-teal-A200 {
  4781. color: #64ffda !important;
  4782. }
  4783. .md-bg-teal-A200 {
  4784. background-color: #64ffda !important;
  4785. }
  4786. .md-color-teal-A400 {
  4787. color: #1de9b6 !important;
  4788. }
  4789. .md-bg-teal-A400 {
  4790. background-color: #1de9b6 !important;
  4791. }
  4792. .md-color-teal-A700 {
  4793. color: #00bfa5 !important;
  4794. }
  4795. .md-bg-teal-A700 {
  4796. background-color: #00bfa5 !important;
  4797. }
  4798. .md-color-green-50 {
  4799. color: #e8f5e9 !important;
  4800. }
  4801. .md-bg-green-50 {
  4802. background-color: #e8f5e9 !important;
  4803. }
  4804. .md-color-green-100 {
  4805. color: #c8e6c9 !important;
  4806. }
  4807. .md-bg-green-100 {
  4808. background-color: #c8e6c9 !important;
  4809. }
  4810. .md-color-green-200 {
  4811. color: #a5d6a7 !important;
  4812. }
  4813. .md-bg-green-200 {
  4814. background-color: #a5d6a7 !important;
  4815. }
  4816. .md-color-green-300 {
  4817. color: #81c784 !important;
  4818. }
  4819. .md-bg-green-300 {
  4820. background-color: #81c784 !important;
  4821. }
  4822. .md-color-green-400 {
  4823. color: #66bb6a !important;
  4824. }
  4825. .md-bg-green-400 {
  4826. background-color: #66bb6a !important;
  4827. }
  4828. .md-color-green-500 {
  4829. color: #4caf50 !important;
  4830. }
  4831. .md-bg-green-500 {
  4832. background-color: #4caf50 !important;
  4833. }
  4834. .md-color-green-600 {
  4835. color: #43a047 !important;
  4836. }
  4837. .md-bg-green-600 {
  4838. background-color: #43a047 !important;
  4839. }
  4840. .md-color-green-700 {
  4841. color: #388e3c !important;
  4842. }
  4843. .md-bg-green-700 {
  4844. background-color: #388e3c !important;
  4845. }
  4846. .md-color-green-800 {
  4847. color: #2e7d32 !important;
  4848. }
  4849. .md-bg-green-800 {
  4850. background-color: #2e7d32 !important;
  4851. }
  4852. .md-color-green-900 {
  4853. color: #1b5e20 !important;
  4854. }
  4855. .md-bg-green-900 {
  4856. background-color: #1b5e20 !important;
  4857. }
  4858. .md-color-green-A100 {
  4859. color: #b9f6ca !important;
  4860. }
  4861. .md-bg-green-A100 {
  4862. background-color: #b9f6ca !important;
  4863. }
  4864. .md-color-green-A200 {
  4865. color: #69f0ae !important;
  4866. }
  4867. .md-bg-green-A200 {
  4868. background-color: #69f0ae !important;
  4869. }
  4870. .md-color-green-A400 {
  4871. color: #00e676 !important;
  4872. }
  4873. .md-bg-green-A400 {
  4874. background-color: #00e676 !important;
  4875. }
  4876. .md-color-green-A700 {
  4877. color: #00c853 !important;
  4878. }
  4879. .md-bg-green-A700 {
  4880. background-color: #00c853 !important;
  4881. }
  4882. .md-color-light-green-50 {
  4883. color: #f1f8e9 !important;
  4884. }
  4885. .md-bg-light-green-50 {
  4886. background-color: #f1f8e9 !important;
  4887. }
  4888. .md-color-light-green-100 {
  4889. color: #dcedc8 !important;
  4890. }
  4891. .md-bg-light-green-100 {
  4892. background-color: #dcedc8 !important;
  4893. }
  4894. .md-color-light-green-200 {
  4895. color: #c5e1a5 !important;
  4896. }
  4897. .md-bg-light-green-200 {
  4898. background-color: #c5e1a5 !important;
  4899. }
  4900. .md-color-light-green-300 {
  4901. color: #aed581 !important;
  4902. }
  4903. .md-bg-light-green-300 {
  4904. background-color: #aed581 !important;
  4905. }
  4906. .md-color-light-green-400 {
  4907. color: #9ccc65 !important;
  4908. }
  4909. .md-bg-light-green-400 {
  4910. background-color: #9ccc65 !important;
  4911. }
  4912. .md-color-light-green-500 {
  4913. color: #8bc34a !important;
  4914. }
  4915. .md-bg-light-green-500 {
  4916. background-color: #8bc34a !important;
  4917. }
  4918. .md-color-light-green-600 {
  4919. color: #7cb342 !important;
  4920. }
  4921. .md-bg-light-green-600 {
  4922. background-color: #7cb342 !important;
  4923. }
  4924. .md-color-light-green-700 {
  4925. color: #689f38 !important;
  4926. }
  4927. .md-bg-light-green-700 {
  4928. background-color: #689f38 !important;
  4929. }
  4930. .md-color-light-green-800 {
  4931. color: #558b2f !important;
  4932. }
  4933. .md-bg-light-green-800 {
  4934. background-color: #558b2f !important;
  4935. }
  4936. .md-color-light-green-900 {
  4937. color: #33691e !important;
  4938. }
  4939. .md-bg-light-green-900 {
  4940. background-color: #33691e !important;
  4941. }
  4942. .md-color-light-green-A100 {
  4943. color: #ccff90 !important;
  4944. }
  4945. .md-bg-light-green-A100 {
  4946. background-color: #ccff90 !important;
  4947. }
  4948. .md-color-light-green-A200 {
  4949. color: #b2ff59 !important;
  4950. }
  4951. .md-bg-light-green-A200 {
  4952. background-color: #b2ff59 !important;
  4953. }
  4954. .md-color-light-green-A400 {
  4955. color: #76ff03 !important;
  4956. }
  4957. .md-bg-light-green-A400 {
  4958. background-color: #76ff03 !important;
  4959. }
  4960. .md-color-light-green-A700 {
  4961. color: #64dd17 !important;
  4962. }
  4963. .md-bg-light-green-A700 {
  4964. background-color: #64dd17 !important;
  4965. }
  4966. .md-color-lime-50 {
  4967. color: #f9fbe7 !important;
  4968. }
  4969. .md-bg-lime-50 {
  4970. background-color: #f9fbe7 !important;
  4971. }
  4972. .md-color-lime-100 {
  4973. color: #f0f4c3 !important;
  4974. }
  4975. .md-bg-lime-100 {
  4976. background-color: #f0f4c3 !important;
  4977. }
  4978. .md-color-lime-200 {
  4979. color: #e6ee9c !important;
  4980. }
  4981. .md-bg-lime-200 {
  4982. background-color: #e6ee9c !important;
  4983. }
  4984. .md-color-lime-300 {
  4985. color: #dce775 !important;
  4986. }
  4987. .md-bg-lime-300 {
  4988. background-color: #dce775 !important;
  4989. }
  4990. .md-color-lime-400 {
  4991. color: #d4e157 !important;
  4992. }
  4993. .md-bg-lime-400 {
  4994. background-color: #d4e157 !important;
  4995. }
  4996. .md-color-lime-500 {
  4997. color: #cddc39 !important;
  4998. }
  4999. .md-bg-lime-500 {
  5000. background-color: #cddc39 !important;
  5001. }
  5002. .md-color-lime-600 {
  5003. color: #c0ca33 !important;
  5004. }
  5005. .md-bg-lime-600 {
  5006. background-color: #c0ca33 !important;
  5007. }
  5008. .md-color-lime-700 {
  5009. color: #afb42b !important;
  5010. }
  5011. .md-bg-lime-700 {
  5012. background-color: #afb42b !important;
  5013. }
  5014. .md-color-lime-800 {
  5015. color: #9e9d24 !important;
  5016. }
  5017. .md-bg-lime-800 {
  5018. background-color: #9e9d24 !important;
  5019. }
  5020. .md-color-lime-900 {
  5021. color: #827717 !important;
  5022. }
  5023. .md-bg-lime-900 {
  5024. background-color: #827717 !important;
  5025. }
  5026. .md-color-lime-A100 {
  5027. color: #f4ff81 !important;
  5028. }
  5029. .md-bg-lime-A100 {
  5030. background-color: #f4ff81 !important;
  5031. }
  5032. .md-color-lime-A200 {
  5033. color: #eeff41 !important;
  5034. }
  5035. .md-bg-lime-A200 {
  5036. background-color: #eeff41 !important;
  5037. }
  5038. .md-color-lime-A400 {
  5039. color: #c6ff00 !important;
  5040. }
  5041. .md-bg-lime-A400 {
  5042. background-color: #c6ff00 !important;
  5043. }
  5044. .md-color-lime-A700 {
  5045. color: #aeea00 !important;
  5046. }
  5047. .md-bg-lime-A700 {
  5048. background-color: #aeea00 !important;
  5049. }
  5050. .md-color-yellow-50 {
  5051. color: #fffde7 !important;
  5052. }
  5053. .md-bg-yellow-50 {
  5054. background-color: #fffde7 !important;
  5055. }
  5056. .md-color-yellow-100 {
  5057. color: #fff9c4 !important;
  5058. }
  5059. .md-bg-yellow-100 {
  5060. background-color: #fff9c4 !important;
  5061. }
  5062. .md-color-yellow-200 {
  5063. color: #fff59d !important;
  5064. }
  5065. .md-bg-yellow-200 {
  5066. background-color: #fff59d !important;
  5067. }
  5068. .md-color-yellow-300 {
  5069. color: #fff176 !important;
  5070. }
  5071. .md-bg-yellow-300 {
  5072. background-color: #fff176 !important;
  5073. }
  5074. .md-color-yellow-400 {
  5075. color: #ffee58 !important;
  5076. }
  5077. .md-bg-yellow-400 {
  5078. background-color: #ffee58 !important;
  5079. }
  5080. .md-color-yellow-500 {
  5081. color: #ffeb3b !important;
  5082. }
  5083. .md-bg-yellow-500 {
  5084. background-color: #ffeb3b !important;
  5085. }
  5086. .md-color-yellow-600 {
  5087. color: #fdd835 !important;
  5088. }
  5089. .md-bg-yellow-600 {
  5090. background-color: #fdd835 !important;
  5091. }
  5092. .md-color-yellow-700 {
  5093. color: #fbc02d !important;
  5094. }
  5095. .md-bg-yellow-700 {
  5096. background-color: #fbc02d !important;
  5097. }
  5098. .md-color-yellow-800 {
  5099. color: #f9a825 !important;
  5100. }
  5101. .md-bg-yellow-800 {
  5102. background-color: #f9a825 !important;
  5103. }
  5104. .md-color-yellow-900 {
  5105. color: #f57f17 !important;
  5106. }
  5107. .md-bg-yellow-900 {
  5108. background-color: #f57f17 !important;
  5109. }
  5110. .md-color-yellow-A100 {
  5111. color: #ffff8d !important;
  5112. }
  5113. .md-bg-yellow-A100 {
  5114. background-color: #ffff8d !important;
  5115. }
  5116. .md-color-yellow-A200 {
  5117. color: #ffff00 !important;
  5118. }
  5119. .md-bg-yellow-A200 {
  5120. background-color: #ffff00 !important;
  5121. }
  5122. .md-color-yellow-A400 {
  5123. color: #ffea00 !important;
  5124. }
  5125. .md-bg-yellow-A400 {
  5126. background-color: #ffea00 !important;
  5127. }
  5128. .md-color-yellow-A700 {
  5129. color: #ffd600 !important;
  5130. }
  5131. .md-bg-yellow-A700 {
  5132. background-color: #ffd600 !important;
  5133. }
  5134. .md-color-amber-50 {
  5135. color: #fff8e1 !important;
  5136. }
  5137. .md-bg-amber-50 {
  5138. background-color: #fff8e1 !important;
  5139. }
  5140. .md-color-amber-100 {
  5141. color: #ffecb3 !important;
  5142. }
  5143. .md-bg-amber-100 {
  5144. background-color: #ffecb3 !important;
  5145. }
  5146. .md-color-amber-200 {
  5147. color: #ffe082 !important;
  5148. }
  5149. .md-bg-amber-200 {
  5150. background-color: #ffe082 !important;
  5151. }
  5152. .md-color-amber-300 {
  5153. color: #ffd54f !important;
  5154. }
  5155. .md-bg-amber-300 {
  5156. background-color: #ffd54f !important;
  5157. }
  5158. .md-color-amber-400 {
  5159. color: #ffca28 !important;
  5160. }
  5161. .md-bg-amber-400 {
  5162. background-color: #ffca28 !important;
  5163. }
  5164. .md-color-amber-500 {
  5165. color: #ffc107 !important;
  5166. }
  5167. .md-bg-amber-500 {
  5168. background-color: #ffc107 !important;
  5169. }
  5170. .md-color-amber-600 {
  5171. color: #ffb300 !important;
  5172. }
  5173. .md-bg-amber-600 {
  5174. background-color: #ffb300 !important;
  5175. }
  5176. .md-color-amber-700 {
  5177. color: #ffa000 !important;
  5178. }
  5179. .md-bg-amber-700 {
  5180. background-color: #ffa000 !important;
  5181. }
  5182. .md-color-amber-800 {
  5183. color: #ff8f00 !important;
  5184. }
  5185. .md-bg-amber-800 {
  5186. background-color: #ff8f00 !important;
  5187. }
  5188. .md-color-amber-900 {
  5189. color: #ff6f00 !important;
  5190. }
  5191. .md-bg-amber-900 {
  5192. background-color: #ff6f00 !important;
  5193. }
  5194. .md-color-amber-A100 {
  5195. color: #ffe57f !important;
  5196. }
  5197. .md-bg-amber-A100 {
  5198. background-color: #ffe57f !important;
  5199. }
  5200. .md-color-amber-A200 {
  5201. color: #ffd740 !important;
  5202. }
  5203. .md-bg-amber-A200 {
  5204. background-color: #ffd740 !important;
  5205. }
  5206. .md-color-amber-A400 {
  5207. color: #ffc400 !important;
  5208. }
  5209. .md-bg-amber-A400 {
  5210. background-color: #ffc400 !important;
  5211. }
  5212. .md-color-amber-A700 {
  5213. color: #ffab00 !important;
  5214. }
  5215. .md-bg-amber-A700 {
  5216. background-color: #ffab00 !important;
  5217. }
  5218. .md-color-orange-50 {
  5219. color: #fff3e0 !important;
  5220. }
  5221. .md-bg-orange-50 {
  5222. background-color: #fff3e0 !important;
  5223. }
  5224. .md-color-orange-100 {
  5225. color: #ffe0b2 !important;
  5226. }
  5227. .md-bg-orange-100 {
  5228. background-color: #ffe0b2 !important;
  5229. }
  5230. .md-color-orange-200 {
  5231. color: #ffcc80 !important;
  5232. }
  5233. .md-bg-orange-200 {
  5234. background-color: #ffcc80 !important;
  5235. }
  5236. .md-color-orange-300 {
  5237. color: #ffb74d !important;
  5238. }
  5239. .md-bg-orange-300 {
  5240. background-color: #ffb74d !important;
  5241. }
  5242. .md-color-orange-400 {
  5243. color: #ffa726 !important;
  5244. }
  5245. .md-bg-orange-400 {
  5246. background-color: #ffa726 !important;
  5247. }
  5248. .md-color-orange-500 {
  5249. color: #ff9800 !important;
  5250. }
  5251. .md-bg-orange-500 {
  5252. background-color: #ff9800 !important;
  5253. }
  5254. .md-color-orange-600 {
  5255. color: #fb8c00 !important;
  5256. }
  5257. .md-bg-orange-600 {
  5258. background-color: #fb8c00 !important;
  5259. }
  5260. .md-color-orange-700 {
  5261. color: #f57c00 !important;
  5262. }
  5263. .md-bg-orange-700 {
  5264. background-color: #f57c00 !important;
  5265. }
  5266. .md-color-orange-800 {
  5267. color: #ef6c00 !important;
  5268. }
  5269. .md-bg-orange-800 {
  5270. background-color: #ef6c00 !important;
  5271. }
  5272. .md-color-orange-900 {
  5273. color: #e65100 !important;
  5274. }
  5275. .md-bg-orange-900 {
  5276. background-color: #e65100 !important;
  5277. }
  5278. .md-color-orange-A100 {
  5279. color: #ffd180 !important;
  5280. }
  5281. .md-bg-orange-A100 {
  5282. background-color: #ffd180 !important;
  5283. }
  5284. .md-color-orange-A200 {
  5285. color: #ffab40 !important;
  5286. }
  5287. .md-bg-orange-A200 {
  5288. background-color: #ffab40 !important;
  5289. }
  5290. .md-color-orange-A400 {
  5291. color: #ff9100 !important;
  5292. }
  5293. .md-bg-orange-A400 {
  5294. background-color: #ff9100 !important;
  5295. }
  5296. .md-color-orange-A700 {
  5297. color: #ff6d00 !important;
  5298. }
  5299. .md-bg-orange-A700 {
  5300. background-color: #ff6d00 !important;
  5301. }
  5302. .md-color-deep-orange-50 {
  5303. color: #fbe9e7 !important;
  5304. }
  5305. .md-bg-deep-orange-50 {
  5306. background-color: #fbe9e7 !important;
  5307. }
  5308. .md-color-deep-orange-100 {
  5309. color: #ffccbc !important;
  5310. }
  5311. .md-bg-deep-orange-100 {
  5312. background-color: #ffccbc !important;
  5313. }
  5314. .md-color-deep-orange-200 {
  5315. color: #ffab91 !important;
  5316. }
  5317. .md-bg-deep-orange-200 {
  5318. background-color: #ffab91 !important;
  5319. }
  5320. .md-color-deep-orange-300 {
  5321. color: #ff8a65 !important;
  5322. }
  5323. .md-bg-deep-orange-300 {
  5324. background-color: #ff8a65 !important;
  5325. }
  5326. .md-color-deep-orange-400 {
  5327. color: #ff7043 !important;
  5328. }
  5329. .md-bg-deep-orange-400 {
  5330. background-color: #ff7043 !important;
  5331. }
  5332. .md-color-deep-orange-500 {
  5333. color: #ff5722 !important;
  5334. }
  5335. .md-bg-deep-orange-500 {
  5336. background-color: #ff5722 !important;
  5337. }
  5338. .md-color-deep-orange-600 {
  5339. color: #f4511e !important;
  5340. }
  5341. .md-bg-deep-orange-600 {
  5342. background-color: #f4511e !important;
  5343. }
  5344. .md-color-deep-orange-700 {
  5345. color: #e64a19 !important;
  5346. }
  5347. .md-bg-deep-orange-700 {
  5348. background-color: #e64a19 !important;
  5349. }
  5350. .md-color-deep-orange-800 {
  5351. color: #d84315 !important;
  5352. }
  5353. .md-bg-deep-orange-800 {
  5354. background-color: #d84315 !important;
  5355. }
  5356. .md-color-deep-orange-900 {
  5357. color: #bf360c !important;
  5358. }
  5359. .md-bg-deep-orange-900 {
  5360. background-color: #bf360c !important;
  5361. }
  5362. .md-color-deep-orange-A100 {
  5363. color: #ff9e80 !important;
  5364. }
  5365. .md-bg-deep-orange-A100 {
  5366. background-color: #ff9e80 !important;
  5367. }
  5368. .md-color-deep-orange-A200 {
  5369. color: #ff6e40 !important;
  5370. }
  5371. .md-bg-deep-orange-A200 {
  5372. background-color: #ff6e40 !important;
  5373. }
  5374. .md-color-deep-orange-A400 {
  5375. color: #ff3d00 !important;
  5376. }
  5377. .md-bg-deep-orange-A400 {
  5378. background-color: #ff3d00 !important;
  5379. }
  5380. .md-color-deep-orange-A700 {
  5381. color: #dd2c00 !important;
  5382. }
  5383. .md-bg-deep-orange-A700 {
  5384. background-color: #dd2c00 !important;
  5385. }
  5386. .md-color-brown-50 {
  5387. color: #efebe9 !important;
  5388. }
  5389. .md-bg-brown-50 {
  5390. background-color: #efebe9 !important;
  5391. }
  5392. .md-color-brown-100 {
  5393. color: #d7ccc8 !important;
  5394. }
  5395. .md-bg-brown-100 {
  5396. background-color: #d7ccc8 !important;
  5397. }
  5398. .md-color-brown-200 {
  5399. color: #bcaaa4 !important;
  5400. }
  5401. .md-bg-brown-200 {
  5402. background-color: #bcaaa4 !important;
  5403. }
  5404. .md-color-brown-300 {
  5405. color: #a1887f !important;
  5406. }
  5407. .md-bg-brown-300 {
  5408. background-color: #a1887f !important;
  5409. }
  5410. .md-color-brown-400 {
  5411. color: #8d6e63 !important;
  5412. }
  5413. .md-bg-brown-400 {
  5414. background-color: #8d6e63 !important;
  5415. }
  5416. .md-color-brown-500 {
  5417. color: #795548 !important;
  5418. }
  5419. .md-bg-brown-500 {
  5420. background-color: #795548 !important;
  5421. }
  5422. .md-color-brown-600 {
  5423. color: #6d4c41 !important;
  5424. }
  5425. .md-bg-brown-600 {
  5426. background-color: #6d4c41 !important;
  5427. }
  5428. .md-color-brown-700 {
  5429. color: #5d4037 !important;
  5430. }
  5431. .md-bg-brown-700 {
  5432. background-color: #5d4037 !important;
  5433. }
  5434. .md-color-brown-800 {
  5435. color: #4e342e !important;
  5436. }
  5437. .md-bg-brown-800 {
  5438. background-color: #4e342e !important;
  5439. }
  5440. .md-color-brown-900 {
  5441. color: #3e2723 !important;
  5442. }
  5443. .md-bg-brown-900 {
  5444. background-color: #3e2723 !important;
  5445. }
  5446. .md-color-grey-50 {
  5447. color: #fafafa !important;
  5448. }
  5449. .md-bg-grey-50 {
  5450. background-color: #fafafa !important;
  5451. }
  5452. .md-color-grey-100 {
  5453. color: #f5f5f5 !important;
  5454. }
  5455. .md-bg-grey-100 {
  5456. background-color: #f5f5f5 !important;
  5457. }
  5458. .md-color-grey-200 {
  5459. color: #eeeeee !important;
  5460. }
  5461. .md-bg-grey-200 {
  5462. background-color: #eeeeee !important;
  5463. }
  5464. .md-color-grey-300 {
  5465. color: #e0e0e0 !important;
  5466. }
  5467. .md-bg-grey-300 {
  5468. background-color: #e0e0e0 !important;
  5469. }
  5470. .md-color-grey-400 {
  5471. color: #bdbdbd !important;
  5472. }
  5473. .md-bg-grey-400 {
  5474. background-color: #bdbdbd !important;
  5475. }
  5476. .md-color-grey-500 {
  5477. color: #9e9e9e !important;
  5478. }
  5479. .md-bg-grey-500 {
  5480. background-color: #9e9e9e !important;
  5481. }
  5482. .md-color-grey-600 {
  5483. color: #757575 !important;
  5484. }
  5485. .md-bg-grey-600 {
  5486. background-color: #757575 !important;
  5487. }
  5488. .md-color-grey-700 {
  5489. color: #616161 !important;
  5490. }
  5491. .md-bg-grey-700 {
  5492. background-color: #616161 !important;
  5493. }
  5494. .md-color-grey-800 {
  5495. color: #424242 !important;
  5496. }
  5497. .md-bg-grey-800 {
  5498. background-color: #424242 !important;
  5499. }
  5500. .md-color-grey-900 {
  5501. color: #212121 !important;
  5502. }
  5503. .md-bg-grey-900 {
  5504. background-color: #212121 !important;
  5505. }
  5506. .md-color-blue-grey-50 {
  5507. color: #eceff1 !important;
  5508. }
  5509. .md-bg-blue-grey-50 {
  5510. background-color: #eceff1 !important;
  5511. }
  5512. .md-color-blue-grey-100 {
  5513. color: #cfd8dc !important;
  5514. }
  5515. .md-bg-blue-grey-100 {
  5516. background-color: #cfd8dc !important;
  5517. }
  5518. .md-color-blue-grey-200 {
  5519. color: #b0bec5 !important;
  5520. }
  5521. .md-bg-blue-grey-200 {
  5522. background-color: #b0bec5 !important;
  5523. }
  5524. .md-color-blue-grey-300 {
  5525. color: #90a4ae !important;
  5526. }
  5527. .md-bg-blue-grey-300 {
  5528. background-color: #90a4ae !important;
  5529. }
  5530. .md-color-blue-grey-400 {
  5531. color: #78909c !important;
  5532. }
  5533. .md-bg-blue-grey-400 {
  5534. background-color: #78909c !important;
  5535. }
  5536. .md-color-blue-grey-500 {
  5537. color: #607d8b !important;
  5538. }
  5539. .md-bg-blue-grey-500 {
  5540. background-color: #607d8b !important;
  5541. }
  5542. .md-color-blue-grey-600 {
  5543. color: #546e7a !important;
  5544. }
  5545. .md-bg-blue-grey-600 {
  5546. background-color: #546e7a !important;
  5547. }
  5548. .md-color-blue-grey-700 {
  5549. color: #455a64 !important;
  5550. }
  5551. .md-bg-blue-grey-700 {
  5552. background-color: #455a64 !important;
  5553. }
  5554. .md-color-blue-grey-800 {
  5555. color: #37474f !important;
  5556. }
  5557. .md-bg-blue-grey-800 {
  5558. background-color: #37474f !important;
  5559. }
  5560. .md-color-blue-grey-900 {
  5561. color: #263238 !important;
  5562. }
  5563. .md-bg-blue-grey-900 {
  5564. background-color: #263238 !important;
  5565. }
  5566. .md-color-white {
  5567. color: #fff !important;
  5568. }
  5569. /* cards */
  5570. .md-card {
  5571. background: #fff;
  5572. position: relative;
  5573. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  5574. border: none;
  5575. }
  5576. .md-card + .md-card,
  5577. .md-card + .uk-grid,
  5578. .uk-grid + .md-card {
  5579. margin-top: 25px;
  5580. }
  5581. .md-card .full_width_in_card {
  5582. padding: 16px 24px;
  5583. background: rgba(0, 0, 0, 0.085);
  5584. }
  5585. .md-card .md-card-toolbar {
  5586. height: 48px;
  5587. padding: 0 16px;
  5588. border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  5589. background: #fff;
  5590. }
  5591. .md-card .md-card-toolbar:before,
  5592. .md-card .md-card-toolbar:after {
  5593. content: " ";
  5594. display: table;
  5595. }
  5596. .md-card .md-card-toolbar:after {
  5597. clear: both;
  5598. }
  5599. .md-card .md-card-toolbar:before,
  5600. .md-card .md-card-toolbar:after {
  5601. content: " ";
  5602. display: table;
  5603. }
  5604. .md-card .md-card-toolbar:after {
  5605. clear: both;
  5606. }
  5607. .md-card .md-card-toolbar-heading-text {
  5608. font: 500 14px / 50px "Roboto", sans-serif;
  5609. color: #212121;
  5610. margin: 0;
  5611. float: left;
  5612. overflow: hidden;
  5613. height: 48px;
  5614. }
  5615. .md-card .md-card-toolbar-heading-text.large {
  5616. font-size: 18px;
  5617. font-weight: 400;
  5618. }
  5619. .md-card .md-card-toolbar .md-toggle-group {
  5620. float: left;
  5621. margin: 8px 0 0 16px;
  5622. }
  5623. .md-card .md-card-toolbar .md-toggle-group.md-toggle-group-small {
  5624. margin-top: 10px;
  5625. }
  5626. .md-card .md-card-toolbar .md-card-toolbar-actions {
  5627. float: right;
  5628. padding-top: 10px;
  5629. }
  5630. .md-card .md-card-toolbar .md-card-toolbar-actions .uk-open .md-card-toolbar-icon {
  5631. background: rgba(0, 0, 0, 0.085);
  5632. color: #212121;
  5633. }
  5634. .md-card .md-card-toolbar .md-card-toolbar-actions .md-card-dropdown {
  5635. display: inline-block;
  5636. position: relative;
  5637. }
  5638. .md-card .md-card-toolbar .md-card-toolbar-actions .selectize-control {
  5639. min-width: 220px;
  5640. margin-top: -3px;
  5641. }
  5642. .md-card .md-card-toolbar .md-card-toolbar-actions .selectize-control .selectize-input {
  5643. min-height: 30px;
  5644. padding: 4px 8px;
  5645. }
  5646. .md-card .md-card-toolbar .md-card-toolbar-actions .selectize-control .selectize-dropdown {
  5647. margin-top: -34px;
  5648. }
  5649. .md-card .md-card-toolbar .md-icon + .md-card-dropdown {
  5650. margin-left: 4px;
  5651. }
  5652. .md-card .md-card-toolbar .md-card-fullscreen-deactivate {
  5653. margin: 9px 8px 0 0;
  5654. }
  5655. .md-card .md-card-toolbar-input {
  5656. border: none;
  5657. font: 400 18px / 24px "Roboto", sans-serif;
  5658. height: auto;
  5659. background: none !important;
  5660. padding: 12px 0;
  5661. width: 50%;
  5662. box-sizing: border-box;
  5663. }
  5664. .md-card .md-card-toolbar .uk-tab {
  5665. margin-top: -2px;
  5666. border-bottom: none;
  5667. }
  5668. .md-card .md-card-toolbar .uk-tab li > a {
  5669. padding: 10px 8px !important;
  5670. }
  5671. .md-card .md-card-head {
  5672. height: 160px;
  5673. position: relative;
  5674. border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  5675. }
  5676. .md-card .md-card-head-menu {
  5677. position: absolute;
  5678. right: 8px;
  5679. top: 8px;
  5680. }
  5681. .md-card .md-card-head-avatar {
  5682. width: 82px;
  5683. height: 82px;
  5684. border-radius: 50%;
  5685. margin-top: 16px;
  5686. border: 2px solid #fff;
  5687. display: inline-block;
  5688. }
  5689. .md-card .md-card-head-text {
  5690. padding: 8px 16px 16px;
  5691. font: 500 16px / 22px "Roboto", sans-serif;
  5692. color: #212121;
  5693. margin: 0;
  5694. }
  5695. .md-card .md-card-head-text span {
  5696. display: block;
  5697. font: 400 12px / 18px "Roboto", sans-serif;
  5698. margin-top: -2px;
  5699. }
  5700. .md-card .md-card-head-text.text_dark {
  5701. color: #212121 !important;
  5702. }
  5703. .md-card .md-card-head-text-over {
  5704. background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  5705. background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  5706. }
  5707. .md-card .md-card-head-subtext {
  5708. position: absolute;
  5709. bottom: 10px;
  5710. left: 0;
  5711. right: 0;
  5712. padding: 0 16px;
  5713. text-align: right;
  5714. color: #fff;
  5715. }
  5716. .md-card .md-card-head-subtext span {
  5717. font-size: 26px;
  5718. }
  5719. .md-card .md-card-head-icon {
  5720. font-size: 48px;
  5721. color: #fff;
  5722. vertical-align: middle;
  5723. }
  5724. .md-card .md-card-head.head_background {
  5725. background-repeat: no-repeat;
  5726. background-position: center center;
  5727. background-size: cover;
  5728. border-bottom-color: transparent;
  5729. }
  5730. .md-card .md-card-head.head_background .md-card-head-text {
  5731. color: #fff;
  5732. }
  5733. .md-card .md-card-head.head_background_top {
  5734. background-repeat: no-repeat;
  5735. background-position: center top;
  5736. }
  5737. .md-card .md-card-head.head_background_bottom {
  5738. background-repeat: no-repeat;
  5739. background-position: center bottom;
  5740. }
  5741. .md-card .md-card-head .head_chart {
  5742. height: 100px;
  5743. width: 100%;
  5744. position: absolute !important;
  5745. left: 0;
  5746. top: 40px;
  5747. }
  5748. .md-card .md-card-head .fitVid_player {
  5749. width: 100%;
  5750. height: 160px;
  5751. overflow: hidden;
  5752. }
  5753. .md-card .md-card-head-img {
  5754. height: 100%;
  5755. width: auto;
  5756. }
  5757. .md-card .md-card-head iframe {
  5758. height: 160px;
  5759. }
  5760. .md-card .md-card-content {
  5761. padding: 16px;
  5762. }
  5763. .md-card .md-card-content.padding-reset {
  5764. padding: 0;
  5765. }
  5766. .md-card .md-card-content.large-padding {
  5767. padding: 24px 35px;
  5768. }
  5769. .md-card .md-card-content.small-padding {
  5770. padding: 8px;
  5771. }
  5772. .md-card.md-card-fullscreen-activate {
  5773. cursor: pointer;
  5774. }
  5775. .md-card.md-card-fullscreen {
  5776. position: fixed;
  5777. z-index: 9998;
  5778. overflow-x: hidden;
  5779. cursor: default;
  5780. }
  5781. .md-card.md-card-fullscreen .md-card-fullscreen-activate {
  5782. display: none;
  5783. }
  5784. .md-card.md-card-fullscreen .md-card-fullscreen-hide {
  5785. display: none;
  5786. }
  5787. .md-card .md-card-fullscreen-content {
  5788. display: none;
  5789. padding: 16px;
  5790. }
  5791. .md-card-fullscreen-content-hidden .md-card .md-card-fullscreen-content {
  5792. display: block;
  5793. visibility: hidden;
  5794. padding: 0;
  5795. }
  5796. .md-card.mdToolbar_fixed {
  5797. overflow-y: hidden;
  5798. }
  5799. .md-card.mdToolbar_fixed > .md-card-toolbar {
  5800. position: fixed;
  5801. left: 0;
  5802. right: 0;
  5803. top: 0;
  5804. z-index: 9999;
  5805. box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  5806. }
  5807. .md-card.mdToolbar_fixed > .md-card-content {
  5808. overflow-y: scroll;
  5809. box-sizing: border-box;
  5810. position: absolute;
  5811. width: 100%;
  5812. top: 48px;
  5813. bottom: 0;
  5814. }
  5815. .md-card.mdToolbar_fixed > .md-card-content .md-card-fullscreen-content {
  5816. padding: 16px 0;
  5817. }
  5818. .md-card.md-card-overlay {
  5819. overflow: hidden;
  5820. padding-bottom: 54px;
  5821. }
  5822. .md-card.md-card-overlay .md-card-content {
  5823. height: 142px;
  5824. overflow: hidden;
  5825. box-sizing: border-box;
  5826. }
  5827. .md-card.md-card-overlay .md-card-content.no_truncate {
  5828. position: relative;
  5829. }
  5830. .md-card.md-card-overlay .md-card-content.no_truncate:after {
  5831. position: absolute;
  5832. bottom: 0;
  5833. left: 0;
  5834. right: 0;
  5835. height: 8px;
  5836. background-image: -webkit-linear-gradient(bottom, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
  5837. background-image: linear-gradient(to top, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
  5838. display: block;
  5839. content: '';
  5840. z-index: 10;
  5841. }
  5842. .md-card.md-card-overlay .md-card-content > pre {
  5843. margin-top: 0;
  5844. max-height: 110px;
  5845. }
  5846. .md-card.md-card-overlay .md-card-content > pre > code {
  5847. overflow: hidden;
  5848. }
  5849. .md-card.md-card-overlay .md-card-overlay-content {
  5850. position: absolute;
  5851. top: 100%;
  5852. left: 0;
  5853. right: 0;
  5854. padding: 0 16px;
  5855. margin-top: -54px;
  5856. border-top: 1px solid rgba(0, 0, 0, 0.12);
  5857. text-align: left;
  5858. bottom: 0;
  5859. background: #fff;
  5860. z-index: 10;
  5861. -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  5862. transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  5863. }
  5864. .md-card.md-card-overlay .md-card-overlay-content p {
  5865. margin: 0;
  5866. }
  5867. .md-card.md-card-overlay .md-card-overlay-content p + * {
  5868. margin-top: 16px;
  5869. }
  5870. .md-card.md-card-overlay .md-card-overlay-content p + p {
  5871. margin-top: 4px;
  5872. }
  5873. .md-card.md-card-overlay .md-card-overlay-header {
  5874. padding: 12px 0;
  5875. }
  5876. .md-card.md-card-overlay .md-card-overlay-header:before,
  5877. .md-card.md-card-overlay .md-card-overlay-header:after {
  5878. content: " ";
  5879. display: table;
  5880. }
  5881. .md-card.md-card-overlay .md-card-overlay-header:after {
  5882. clear: both;
  5883. }
  5884. .md-card.md-card-overlay .md-card-overlay-header:before,
  5885. .md-card.md-card-overlay .md-card-overlay-header:after {
  5886. content: " ";
  5887. display: table;
  5888. }
  5889. .md-card.md-card-overlay .md-card-overlay-header:after {
  5890. clear: both;
  5891. }
  5892. .md-card.md-card-overlay .md-card-overlay-header h3,
  5893. .md-card.md-card-overlay .md-card-overlay-header h4 {
  5894. margin: 0;
  5895. text-overflow: ellipsis;
  5896. display: inline-block;
  5897. vertical-align: top;
  5898. white-space: nowrap;
  5899. overflow: hidden;
  5900. width: 100%;
  5901. padding-right: 32px;
  5902. box-sizing: border-box;
  5903. }
  5904. .md-card.md-card-overlay .md-card-overlay-header h3 {
  5905. font: 400 16px / 30px "Roboto", sans-serif;
  5906. }
  5907. .md-card.md-card-overlay .md-card-overlay-header h4 {
  5908. font: 500 14px / 30px "Roboto", sans-serif;
  5909. }
  5910. .md-card.md-card-overlay .md-card-overlay-header .md-icon {
  5911. position: absolute;
  5912. right: 12px;
  5913. top: 11px;
  5914. }
  5915. .md-card.md-card-overlay-active .md-card-overlay-content {
  5916. top: -1px;
  5917. margin-top: 0;
  5918. }
  5919. .md-card.md-card-hover {
  5920. -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  5921. transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  5922. will-change: box-shadow;
  5923. }
  5924. .md-card.md-card-hover:hover {
  5925. box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  5926. }
  5927. .uk-sortable-dragged .md-card {
  5928. box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  5929. }
  5930. .uk-sortable-dragged .md-card canvas {
  5931. margin: 0 auto;
  5932. display: block;
  5933. }
  5934. .md-card .heading_list {
  5935. padding: 0;
  5936. }
  5937. .md-card-primary,
  5938. .md-card-success,
  5939. .md-card-danger,
  5940. .md-card-warning {
  5941. border-left: 4px solid transparent;
  5942. }
  5943. .md-card-primary {
  5944. border-left-color: #2196f3;
  5945. }
  5946. .md-card-success {
  5947. border-left-color: #7cb342;
  5948. }
  5949. .md-card-danger {
  5950. border-left-color: #e53935;
  5951. }
  5952. .md-card-warning {
  5953. border-left-color: #ffa000;
  5954. }
  5955. .md-expand,
  5956. .md-expand-group > * {
  5957. opacity: 0;
  5958. }
  5959. .md-card-placeholder {
  5960. min-width: 100%;
  5961. }
  5962. .md-card-list-wrapper,
  5963. .md-card-list-wrapper:before,
  5964. .md-card-list-wrapper:after,
  5965. .md-card-list-wrapper *,
  5966. .md-card-list-wrapper *:before,
  5967. .md-card-list-wrapper *:after {
  5968. box-sizing: border-box;
  5969. }
  5970. .md-card-list-wrapper .md-card-list-header {
  5971. position: absolute;
  5972. top: -24px;
  5973. left: 0;
  5974. }
  5975. .md-card-list-wrapper .md-card-list {
  5976. margin: 48px 0 0 0;
  5977. position: relative;
  5978. }
  5979. .md-card-list-wrapper .md-card-list:first-child {
  5980. margin-top: 24px;
  5981. }
  5982. .md-card-list-wrapper .md-card-list > ul {
  5983. margin: 0;
  5984. padding: 0;
  5985. list-style: none;
  5986. }
  5987. .md-card-list-wrapper .md-card-list > ul > li {
  5988. padding: 0;
  5989. margin: 0;
  5990. list-style: none;
  5991. }
  5992. .md-card-list-wrapper .md-card-list > ul > li {
  5993. min-height: 34px;
  5994. padding: 8px 16px;
  5995. font-size: 13px;
  5996. -webkit-transition: background 150ms,padding 200ms;
  5997. transition: background 150ms,padding 200ms;
  5998. background: #fff;
  5999. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  6000. }
  6001. .md-card-list-wrapper .md-card-list > ul > li:before,
  6002. .md-card-list-wrapper .md-card-list > ul > li:after {
  6003. content: " ";
  6004. display: table;
  6005. }
  6006. .md-card-list-wrapper .md-card-list > ul > li:after {
  6007. clear: both;
  6008. }
  6009. .md-card-list-wrapper .md-card-list > ul > li:before,
  6010. .md-card-list-wrapper .md-card-list > ul > li:after {
  6011. content: " ";
  6012. display: table;
  6013. }
  6014. .md-card-list-wrapper .md-card-list > ul > li:after {
  6015. clear: both;
  6016. }
  6017. .md-card-list-wrapper .md-card-list > ul > li.item-shown {
  6018. background: #fff;
  6019. padding: 8px 36px;
  6020. }
  6021. @media only screen and (max-width: 767px) {
  6022. .md-card-list-wrapper .md-card-list > ul > li.item-shown .md-card-list-item-subject {
  6023. clear: both;
  6024. float: none;
  6025. padding-top: 16px;
  6026. }
  6027. .md-card-list-wrapper .md-card-list > ul > li.item-shown .md-card-list-item-subject > span {
  6028. white-space: normal;
  6029. }
  6030. }
  6031. .md-card-list-wrapper .md-card-list > ul > li.item-shown .md-card-list-item-sender {
  6032. width: auto;
  6033. overflow: hidden;
  6034. }
  6035. .md-card-list-wrapper .md-card-list > ul > li.item-shown.md-card-list-item-selected {
  6036. position: relative;
  6037. }
  6038. .md-card-list-wrapper .md-card-list > ul > li.item-shown.md-card-list-item-selected:before {
  6039. content: '';
  6040. position: absolute;
  6041. display: block;
  6042. left: 0;
  6043. top: 0;
  6044. bottom: 0;
  6045. width: 8px;
  6046. background: #e3f2fd;
  6047. }
  6048. .md-card-list-wrapper .md-card-list .md-card-list-item-select,
  6049. .md-card-list-wrapper .md-card-list .md-card-list-item-avatar-wrapper,
  6050. .md-card-list-wrapper .md-card-list .md-card-list-item-sender {
  6051. float: left;
  6052. }
  6053. .md-card-list-wrapper .md-card-list .md-card-list-item-select {
  6054. padding: 6px 8px 0 0;
  6055. }
  6056. .md-card-list-wrapper .md-card-list .md-card-list-item-avatar-wrapper,
  6057. .md-card-list-wrapper .md-card-list .md-card-list-item-sender,
  6058. .md-card-list-wrapper .md-card-list .md-card-list-item-subject,
  6059. .md-card-list-wrapper .md-card-list .md-card-list-item-date {
  6060. padding: 0 8px;
  6061. }
  6062. .md-card-list-wrapper .md-card-list .md-card-list-item-avatar-wrapper .md-card-list-item-avatar {
  6063. background: #757575;
  6064. color: #fff;
  6065. width: 34px;
  6066. border-radius: 50%;
  6067. display: block;
  6068. }
  6069. .md-card-list-wrapper .md-card-list .md-card-list-item-avatar-wrapper .md-card-list-item-avatar-large {
  6070. width: 82px;
  6071. border-radius: 50%;
  6072. }
  6073. .md-card-list-wrapper .md-card-list .md-card-list-item-avatar-wrapper span.md-card-list-item-avatar {
  6074. line-height: 34px;
  6075. text-transform: uppercase;
  6076. text-align: center;
  6077. }
  6078. .md-card-list-wrapper .md-card-list .md-card-list-item-sender {
  6079. width: 220px;
  6080. line-height: 34px;
  6081. }
  6082. .md-card-list-wrapper .md-card-list .md-card-list-item-sender > span {
  6083. text-overflow: ellipsis;
  6084. display: inline-block;
  6085. vertical-align: top;
  6086. white-space: nowrap;
  6087. overflow: hidden;
  6088. width: 100%;
  6089. }
  6090. @media only screen and (max-width: 1219px) {
  6091. .md-card-list-wrapper .md-card-list .md-card-list-item-sender {
  6092. display: none;
  6093. }
  6094. }
  6095. .md-card-list-wrapper .md-card-list .md-card-list-item-subject {
  6096. overflow: hidden;
  6097. font-weight: 500;
  6098. }
  6099. .md-card-list-wrapper .md-card-list .md-card-list-item-subject > span {
  6100. line-height: 34px;
  6101. text-overflow: ellipsis;
  6102. display: inline-block;
  6103. vertical-align: top;
  6104. white-space: nowrap;
  6105. overflow: hidden;
  6106. width: 100%;
  6107. }
  6108. .md-card-list-wrapper .md-card-list .md-card-list-item-subject .md-card-list-item-sender-small {
  6109. display: none;
  6110. }
  6111. @media only screen and (max-width: 1219px) {
  6112. .md-card-list-wrapper .md-card-list .md-card-list-item-subject .md-card-list-item-sender-small {
  6113. display: block;
  6114. }
  6115. .md-card-list-wrapper .md-card-list .md-card-list-item-subject .md-card-list-item-sender-small + span {
  6116. line-height: inherit;
  6117. }
  6118. }
  6119. .md-card-list-wrapper .md-card-list .md-card-list-item-subject .md-card-list-item-sender-small > span {
  6120. text-overflow: ellipsis;
  6121. display: inline-block;
  6122. vertical-align: top;
  6123. white-space: nowrap;
  6124. overflow: hidden;
  6125. width: 100%;
  6126. font-size: 12px;
  6127. color: #999;
  6128. }
  6129. .md-card-list-wrapper .md-card-list .md-card-list-item-date {
  6130. line-height: 34px;
  6131. float: right;
  6132. color: #999;
  6133. }
  6134. @media only screen and (max-width: 479px) {
  6135. .md-card-list-wrapper .md-card-list .md-card-list-item-date {
  6136. display: none;
  6137. }
  6138. }
  6139. .md-card-list-wrapper .md-card-list .md-card-list-item-menu {
  6140. float: right;
  6141. margin: 0 0 0 8px;
  6142. position: relative;
  6143. }
  6144. .md-card-list-wrapper .md-card-list .md-card-list-item-menu .uk-dropdown .material-icons {
  6145. margin-right: 8px;
  6146. }
  6147. .md-card-list-wrapper .md-card-list .md-card-list-item-content-wrapper {
  6148. display: none;
  6149. clear: both;
  6150. opacity: 0;
  6151. }
  6152. .md-card-list-wrapper .md-card-list .md-card-list-item-content {
  6153. padding: 16px 16px 0 0;
  6154. max-height: 360px;
  6155. overflow-x: hidden;
  6156. margin: 0 0 40px;
  6157. top: 20px;
  6158. position: relative;
  6159. font-size: 14px;
  6160. }
  6161. .md-card-list-wrapper .md-card-list .md-card-list-item-content + .md-card-list-item-reply {
  6162. padding-top: 10px;
  6163. }
  6164. .md-card-list-wrapper .md-card-list .md-card-list-item-reply {
  6165. padding: 16px 0;
  6166. }
  6167. .md-card-list-wrapper .md-card-list .md-card-list-item-selected {
  6168. background: #e3f2fd;
  6169. }
  6170. /* forms */
  6171. select,
  6172. textarea,
  6173. input:not([type]),
  6174. input[type="text"],
  6175. input[type="password"],
  6176. input[type="datetime"],
  6177. input[type="datetime-local"],
  6178. input[type="date"],
  6179. input[type="month"],
  6180. input[type="time"],
  6181. input[type="week"],
  6182. input[type="number"],
  6183. input[type="email"],
  6184. input[type="url"],
  6185. input[type="search"],
  6186. input[type="tel"],
  6187. input[type="color"] {
  6188. outline: none;
  6189. }
  6190. select.md-input,
  6191. textarea.md-input,
  6192. input:not([type]).md-input,
  6193. input[type="text"].md-input,
  6194. input[type="password"].md-input,
  6195. input[type="datetime"].md-input,
  6196. input[type="datetime-local"].md-input,
  6197. input[type="date"].md-input,
  6198. input[type="month"].md-input,
  6199. input[type="time"].md-input,
  6200. input[type="week"].md-input,
  6201. input[type="number"].md-input,
  6202. input[type="email"].md-input,
  6203. input[type="url"].md-input,
  6204. input[type="search"].md-input,
  6205. input[type="tel"].md-input,
  6206. input[type="color"].md-input {
  6207. border-radius: 0;
  6208. border-width: 0 0 1px;
  6209. border-style: solid;
  6210. border-color: rgba(0, 0, 0, 0.12);
  6211. font: 400 15px / 18px "Roboto", sans-serif;
  6212. box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
  6213. box-sizing: border-box;
  6214. padding: 12px 4px;
  6215. background: transparent;
  6216. width: 100%;
  6217. display: block;
  6218. }
  6219. select.md-input.md-input-danger,
  6220. textarea.md-input.md-input-danger,
  6221. input:not([type]).md-input.md-input-danger,
  6222. input[type="text"].md-input.md-input-danger,
  6223. input[type="password"].md-input.md-input-danger,
  6224. input[type="datetime"].md-input.md-input-danger,
  6225. input[type="datetime-local"].md-input.md-input-danger,
  6226. input[type="date"].md-input.md-input-danger,
  6227. input[type="month"].md-input.md-input-danger,
  6228. input[type="time"].md-input.md-input-danger,
  6229. input[type="week"].md-input.md-input-danger,
  6230. input[type="number"].md-input.md-input-danger,
  6231. input[type="email"].md-input.md-input-danger,
  6232. input[type="url"].md-input.md-input-danger,
  6233. input[type="search"].md-input.md-input-danger,
  6234. input[type="tel"].md-input.md-input-danger,
  6235. input[type="color"].md-input.md-input-danger {
  6236. border-color: #e53935;
  6237. }
  6238. select.md-input.md-input-danger:focus,
  6239. textarea.md-input.md-input-danger:focus,
  6240. input:not([type]).md-input.md-input-danger:focus,
  6241. input[type="text"].md-input.md-input-danger:focus,
  6242. input[type="password"].md-input.md-input-danger:focus,
  6243. input[type="datetime"].md-input.md-input-danger:focus,
  6244. input[type="datetime-local"].md-input.md-input-danger:focus,
  6245. input[type="date"].md-input.md-input-danger:focus,
  6246. input[type="month"].md-input.md-input-danger:focus,
  6247. input[type="time"].md-input.md-input-danger:focus,
  6248. input[type="week"].md-input.md-input-danger:focus,
  6249. input[type="number"].md-input.md-input-danger:focus,
  6250. input[type="email"].md-input.md-input-danger:focus,
  6251. input[type="url"].md-input.md-input-danger:focus,
  6252. input[type="search"].md-input.md-input-danger:focus,
  6253. input[type="tel"].md-input.md-input-danger:focus,
  6254. input[type="color"].md-input.md-input-danger:focus {
  6255. border-bottom-color: #e53935;
  6256. }
  6257. select.md-input.md-input-success,
  6258. textarea.md-input.md-input-success,
  6259. input:not([type]).md-input.md-input-success,
  6260. input[type="text"].md-input.md-input-success,
  6261. input[type="password"].md-input.md-input-success,
  6262. input[type="datetime"].md-input.md-input-success,
  6263. input[type="datetime-local"].md-input.md-input-success,
  6264. input[type="date"].md-input.md-input-success,
  6265. input[type="month"].md-input.md-input-success,
  6266. input[type="time"].md-input.md-input-success,
  6267. input[type="week"].md-input.md-input-success,
  6268. input[type="number"].md-input.md-input-success,
  6269. input[type="email"].md-input.md-input-success,
  6270. input[type="url"].md-input.md-input-success,
  6271. input[type="search"].md-input.md-input-success,
  6272. input[type="tel"].md-input.md-input-success,
  6273. input[type="color"].md-input.md-input-success {
  6274. border-color: #7cb342;
  6275. }
  6276. select.md-input.md-input-success:focus,
  6277. textarea.md-input.md-input-success:focus,
  6278. input:not([type]).md-input.md-input-success:focus,
  6279. input[type="text"].md-input.md-input-success:focus,
  6280. input[type="password"].md-input.md-input-success:focus,
  6281. input[type="datetime"].md-input.md-input-success:focus,
  6282. input[type="datetime-local"].md-input.md-input-success:focus,
  6283. input[type="date"].md-input.md-input-success:focus,
  6284. input[type="month"].md-input.md-input-success:focus,
  6285. input[type="time"].md-input.md-input-success:focus,
  6286. input[type="week"].md-input.md-input-success:focus,
  6287. input[type="number"].md-input.md-input-success:focus,
  6288. input[type="email"].md-input.md-input-success:focus,
  6289. input[type="url"].md-input.md-input-success:focus,
  6290. input[type="search"].md-input.md-input-success:focus,
  6291. input[type="tel"].md-input.md-input-success:focus,
  6292. input[type="color"].md-input.md-input-success:focus {
  6293. border-bottom-color: #7cb342;
  6294. }
  6295. select.md-input:focus,
  6296. textarea.md-input:focus,
  6297. input:not([type]).md-input:focus,
  6298. input[type="text"].md-input:focus,
  6299. input[type="password"].md-input:focus,
  6300. input[type="datetime"].md-input:focus,
  6301. input[type="datetime-local"].md-input:focus,
  6302. input[type="date"].md-input:focus,
  6303. input[type="month"].md-input:focus,
  6304. input[type="time"].md-input:focus,
  6305. input[type="week"].md-input:focus,
  6306. input[type="number"].md-input:focus,
  6307. input[type="email"].md-input:focus,
  6308. input[type="url"].md-input:focus,
  6309. input[type="search"].md-input:focus,
  6310. input[type="tel"].md-input:focus,
  6311. input[type="color"].md-input:focus {
  6312. background: transparent;
  6313. border-color: rgba(0, 0, 0, 0.12);
  6314. }
  6315. select.md-input-small,
  6316. textarea.md-input-small,
  6317. input:not([type]).md-input-small,
  6318. input[type="text"].md-input-small,
  6319. input[type="password"].md-input-small,
  6320. input[type="datetime"].md-input-small,
  6321. input[type="datetime-local"].md-input-small,
  6322. input[type="date"].md-input-small,
  6323. input[type="month"].md-input-small,
  6324. input[type="time"].md-input-small,
  6325. input[type="week"].md-input-small,
  6326. input[type="number"].md-input-small,
  6327. input[type="email"].md-input-small,
  6328. input[type="url"].md-input-small,
  6329. input[type="search"].md-input-small,
  6330. input[type="tel"].md-input-small,
  6331. input[type="color"].md-input-small {
  6332. padding: 4px;
  6333. }
  6334. select.md-input.uk-form-width-mini,
  6335. textarea.md-input.uk-form-width-mini,
  6336. input:not([type]).md-input.uk-form-width-mini,
  6337. input[type="text"].md-input.uk-form-width-mini,
  6338. input[type="password"].md-input.uk-form-width-mini,
  6339. input[type="datetime"].md-input.uk-form-width-mini,
  6340. input[type="datetime-local"].md-input.uk-form-width-mini,
  6341. input[type="date"].md-input.uk-form-width-mini,
  6342. input[type="month"].md-input.uk-form-width-mini,
  6343. input[type="time"].md-input.uk-form-width-mini,
  6344. input[type="week"].md-input.uk-form-width-mini,
  6345. input[type="number"].md-input.uk-form-width-mini,
  6346. input[type="email"].md-input.uk-form-width-mini,
  6347. input[type="url"].md-input.uk-form-width-mini,
  6348. input[type="search"].md-input.uk-form-width-mini,
  6349. input[type="tel"].md-input.uk-form-width-mini,
  6350. input[type="color"].md-input.uk-form-width-mini {
  6351. width: 40px;
  6352. }
  6353. select.md-input.uk-form-width-small,
  6354. textarea.md-input.uk-form-width-small,
  6355. input:not([type]).md-input.uk-form-width-small,
  6356. input[type="text"].md-input.uk-form-width-small,
  6357. input[type="password"].md-input.uk-form-width-small,
  6358. input[type="datetime"].md-input.uk-form-width-small,
  6359. input[type="datetime-local"].md-input.uk-form-width-small,
  6360. input[type="date"].md-input.uk-form-width-small,
  6361. input[type="month"].md-input.uk-form-width-small,
  6362. input[type="time"].md-input.uk-form-width-small,
  6363. input[type="week"].md-input.uk-form-width-small,
  6364. input[type="number"].md-input.uk-form-width-small,
  6365. input[type="email"].md-input.uk-form-width-small,
  6366. input[type="url"].md-input.uk-form-width-small,
  6367. input[type="search"].md-input.uk-form-width-small,
  6368. input[type="tel"].md-input.uk-form-width-small,
  6369. input[type="color"].md-input.uk-form-width-small {
  6370. width: 130px;
  6371. }
  6372. select.md-input.uk-form-width-medium,
  6373. textarea.md-input.uk-form-width-medium,
  6374. input:not([type]).md-input.uk-form-width-medium,
  6375. input[type="text"].md-input.uk-form-width-medium,
  6376. input[type="password"].md-input.uk-form-width-medium,
  6377. input[type="datetime"].md-input.uk-form-width-medium,
  6378. input[type="datetime-local"].md-input.uk-form-width-medium,
  6379. input[type="date"].md-input.uk-form-width-medium,
  6380. input[type="month"].md-input.uk-form-width-medium,
  6381. input[type="time"].md-input.uk-form-width-medium,
  6382. input[type="week"].md-input.uk-form-width-medium,
  6383. input[type="number"].md-input.uk-form-width-medium,
  6384. input[type="email"].md-input.uk-form-width-medium,
  6385. input[type="url"].md-input.uk-form-width-medium,
  6386. input[type="search"].md-input.uk-form-width-medium,
  6387. input[type="tel"].md-input.uk-form-width-medium,
  6388. input[type="color"].md-input.uk-form-width-medium {
  6389. width: 200px;
  6390. }
  6391. select.md-input.uk-form-width-large,
  6392. textarea.md-input.uk-form-width-large,
  6393. input:not([type]).md-input.uk-form-width-large,
  6394. input[type="text"].md-input.uk-form-width-large,
  6395. input[type="password"].md-input.uk-form-width-large,
  6396. input[type="datetime"].md-input.uk-form-width-large,
  6397. input[type="datetime-local"].md-input.uk-form-width-large,
  6398. input[type="date"].md-input.uk-form-width-large,
  6399. input[type="month"].md-input.uk-form-width-large,
  6400. input[type="time"].md-input.uk-form-width-large,
  6401. input[type="week"].md-input.uk-form-width-large,
  6402. input[type="number"].md-input.uk-form-width-large,
  6403. input[type="email"].md-input.uk-form-width-large,
  6404. input[type="url"].md-input.uk-form-width-large,
  6405. input[type="search"].md-input.uk-form-width-large,
  6406. input[type="tel"].md-input.uk-form-width-large,
  6407. input[type="color"].md-input.uk-form-width-large {
  6408. width: 500px;
  6409. }
  6410. select.md-input.uk-form-width-mini {
  6411. width: 65px;
  6412. }
  6413. .md-input-width-small {
  6414. min-width: 80px !important;
  6415. }
  6416. .md-input-width-medium {
  6417. min-width: 160px !important;
  6418. }
  6419. .md-input-width-large {
  6420. min-width: 320px !important;
  6421. }
  6422. textarea.md-input {
  6423. min-height: 80px;
  6424. resize: none;
  6425. overflow: hidden;
  6426. -webkit-transition: height 200ms ease-out;
  6427. transition: height 200ms ease-out;
  6428. line-height: 24px;
  6429. }
  6430. textarea.no_autosize {
  6431. min-height: inherit;
  6432. overflow: auto;
  6433. -webkit-transition: none;
  6434. transition: none;
  6435. resize: both;
  6436. }
  6437. .md-input-wrapper {
  6438. position: relative;
  6439. padding-top: 4px;
  6440. width: 100%;
  6441. display: block;
  6442. }
  6443. .md-input-wrapper .md-input-bar {
  6444. display: block;
  6445. position: absolute;
  6446. bottom: 0;
  6447. left: 0;
  6448. width: 100%;
  6449. }
  6450. .md-input-wrapper .md-input-bar:before,
  6451. .md-input-wrapper .md-input-bar:after {
  6452. content: '';
  6453. display: block;
  6454. position: absolute;
  6455. bottom: 0;
  6456. width: 0;
  6457. height: 2px;
  6458. background: #1976d2;
  6459. -webkit-transition: width 400ms cubic-bezier(0.4, 0, 0.2, 1);
  6460. transition: width 400ms cubic-bezier(0.4, 0, 0.2, 1);
  6461. }
  6462. .md-input-wrapper .md-input-bar:before {
  6463. left: 50%;
  6464. }
  6465. .md-input-wrapper .md-input-bar:after {
  6466. right: 50%;
  6467. }
  6468. .md-input-wrapper .md-input-bar.uk-form-width-mini {
  6469. width: 40px;
  6470. }
  6471. .md-input-wrapper .md-input-bar.uk-form-width-small {
  6472. width: 130px;
  6473. }
  6474. .md-input-wrapper .md-input-bar.uk-form-width-medium {
  6475. width: 200px;
  6476. }
  6477. .md-input-wrapper .md-input-bar.uk-form-width-large {
  6478. width: 500px;
  6479. }
  6480. .md-input-wrapper > label {
  6481. color: #727272;
  6482. position: absolute;
  6483. top: 16px;
  6484. left: 4px;
  6485. right: 0;
  6486. pointer-events: none;
  6487. -webkit-transition: all 150ms ease-out;
  6488. transition: all 150ms ease-out;
  6489. }
  6490. .md-input-wrapper + * {
  6491. margin-top: 10px;
  6492. }
  6493. .md-input-wrapper.md-input-wrapper-disabled > label {
  6494. color: rgba(0, 0, 0, 0.26);
  6495. }
  6496. .md-input-wrapper-count {
  6497. padding-bottom: 24px;
  6498. }
  6499. .md-input-wrapper-count .md-input-bar {
  6500. bottom: 24px;
  6501. }
  6502. .md-input-wrapper-count .text-count-wrapper {
  6503. font-size: 12px;
  6504. position: absolute;
  6505. right: 0;
  6506. bottom: 0;
  6507. opacity: 0;
  6508. -webkit-transition: opacity 200ms ease-in;
  6509. transition: opacity 200ms ease-in;
  6510. }
  6511. .md-input-wrapper-count > .md-input-wrapper-count .text-count-wrapper {
  6512. position: absolute;
  6513. bottom: 0;
  6514. right: 0;
  6515. }
  6516. .md-input-filled > label,
  6517. .md-input-focus > label {
  6518. top: -6px;
  6519. font-size: 12px;
  6520. }
  6521. .md-input-filled.md-input-wrapper-count .text-count-wrapper,
  6522. .md-input-focus.md-input-wrapper-count .text-count-wrapper {
  6523. opacity: 1;
  6524. }
  6525. .md-input-focus .md-input-bar:before,
  6526. .md-input-focus .md-input-bar:after {
  6527. width: 50%;
  6528. }
  6529. .md-input-wrapper-danger .md-input-bar:before,
  6530. .md-input-wrapper-danger .md-input-bar:after {
  6531. background: #e53935;
  6532. }
  6533. .md-input-wrapper-danger.md-input-wrapper-count .text-count-wrapper {
  6534. color: #e53935;
  6535. }
  6536. .md-input-wrapper-success .md-input-bar:before,
  6537. .md-input-wrapper-success .md-input-bar:after {
  6538. background: #7cb342;
  6539. }
  6540. .md-input-wrapper-success.md-input-wrapper-count .text-count-wrapper {
  6541. color: #7cb342;
  6542. }
  6543. .md-form-group {
  6544. position: relative;
  6545. }
  6546. label.md-label {
  6547. color: #999;
  6548. padding: 0 6px;
  6549. font-size: 11px;
  6550. }
  6551. @font-face {
  6552. font-family: 'Material Icons';
  6553. font-style: normal;
  6554. font-weight: 400;
  6555. src: url("../icons/material-design-icons/MaterialIcons-Regular.eot");
  6556. /* For IE6-8 */
  6557. src: local('Material Icons'), local('MaterialIcons-Regular'), url("../icons/material-design-icons/MaterialIcons-Regular.woff2") format('woff2'), url("../icons/material-design-icons/MaterialIcons-Regular.woff") format('woff'), url("../icons/material-design-icons/MaterialIcons-Regular.ttf") format('truetype');
  6558. }
  6559. .material-icons {
  6560. font-family: 'Material Icons';
  6561. font-weight: normal;
  6562. font-style: normal;
  6563. font-size: 18px;
  6564. /* Preferred icon size */
  6565. display: inline-block;
  6566. width: 1em;
  6567. height: 1em;
  6568. line-height: 1;
  6569. text-transform: none;
  6570. letter-spacing: normal;
  6571. /* Support for all WebKit browsers. */
  6572. -webkit-font-smoothing: antialiased;
  6573. /* Support for Safari and Chrome. */
  6574. text-rendering: optimizeLegibility;
  6575. /* Support for Firefox. */
  6576. -moz-osx-font-smoothing: grayscale;
  6577. /* Support for IE. */
  6578. -webkit-font-feature-settings: 'liga';
  6579. font-feature-settings: 'liga';
  6580. vertical-align: -4px;
  6581. color: rgba(0, 0, 0, 0.54);
  6582. }
  6583. .material-icons.md-inactive {
  6584. color: rgba(0, 0, 0, 0.26);
  6585. }
  6586. .material-icons.md-18 {
  6587. font-size: 18px;
  6588. vertical-align: -4px;
  6589. }
  6590. .material-icons.md-24 {
  6591. font-size: 24px;
  6592. vertical-align: -8px;
  6593. }
  6594. .material-icons.md-36 {
  6595. font-size: 36px;
  6596. vertical-align: -16px;
  6597. }
  6598. .material-icons.md-48 {
  6599. font-size: 48px;
  6600. vertical-align: -24px;
  6601. }
  6602. .material-icons.md-light {
  6603. color: #ffffff;
  6604. }
  6605. .material-icons.md-light.md-inactive {
  6606. color: rgba(255, 255, 255, 0.3);
  6607. }
  6608. /* list */
  6609. .md-list {
  6610. margin: 0;
  6611. padding: 0;
  6612. list-style: none;
  6613. /*&-outside-wrapper {
  6614. overflow: hidden;
  6615. }*/
  6616. }
  6617. .md-list > li {
  6618. padding: 0;
  6619. margin: 0;
  6620. list-style: none;
  6621. }
  6622. .md-list,
  6623. .md-list:before,
  6624. .md-list:after,
  6625. .md-list *,
  6626. .md-list *:before,
  6627. .md-list *:after {
  6628. box-sizing: border-box;
  6629. }
  6630. .md-list .uk-nestable-list > li,
  6631. .md-list > li {
  6632. min-height: 48px;
  6633. padding: 8px 4px;
  6634. box-sizing: border-box;
  6635. border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  6636. position: relative;
  6637. }
  6638. .md-list .uk-nestable-list > li > .md-list-content,
  6639. .md-list > li > .md-list-content {
  6640. overflow: hidden;
  6641. }
  6642. .md-list .uk-nestable-list > li > .md-list-content > span,
  6643. .md-list > li > .md-list-content > span {
  6644. display: block;
  6645. }
  6646. .md-list .uk-nestable-list > li > .md-list-content .md-list-heading,
  6647. .md-list > li > .md-list-content .md-list-heading {
  6648. margin: 0;
  6649. font-weight: 500;
  6650. display: block;
  6651. overflow: hidden;
  6652. padding-bottom: 1px;
  6653. }
  6654. .md-list .uk-nestable-list > li > .md-list-content .md-list-menu,
  6655. .md-list > li > .md-list-content .md-list-menu {
  6656. float: right;
  6657. }
  6658. .md-list .uk-nestable-list > li > .md-list-content .md-list-menu .md-list-menu-toggle,
  6659. .md-list > li > .md-list-content .md-list-menu .md-list-menu-toggle {
  6660. display: block;
  6661. font-size: 18px;
  6662. color: rgba(0, 0, 0, 0.8);
  6663. width: 28px;
  6664. height: 28px;
  6665. line-height: 28px;
  6666. border-radius: 14px;
  6667. text-align: center;
  6668. }
  6669. .md-list .uk-nestable-list > li > .md-list-content .uk-badge,
  6670. .md-list > li > .md-list-content .uk-badge {
  6671. float: right;
  6672. color: #fff !important;
  6673. }
  6674. .md-list .uk-nestable-list > li > .md-list-content .md-list-action,
  6675. .md-list > li > .md-list-content .md-list-action {
  6676. float: right;
  6677. margin-left: 8px;
  6678. margin-top: 2px;
  6679. display: none;
  6680. }
  6681. .md-list .uk-nestable-list > li > .md-list-content .md-list-action-placeholder,
  6682. .md-list > li > .md-list-content .md-list-action-placeholder {
  6683. float: right;
  6684. margin-left: 8px;
  6685. display: none;
  6686. width: 32px;
  6687. height: 32px;
  6688. }
  6689. .md-list .uk-nestable-list > li .md-list-action-dropdown,
  6690. .md-list > li .md-list-action-dropdown {
  6691. position: absolute;
  6692. right: 16px;
  6693. top: 10px;
  6694. display: none;
  6695. }
  6696. .md-list .uk-nestable-list > li > a.md-list-content,
  6697. .md-list > li > a.md-list-content {
  6698. display: block;
  6699. color: #212121;
  6700. }
  6701. .md-list .uk-nestable-list > li:last-child,
  6702. .md-list > li:last-child {
  6703. border-bottom: none;
  6704. }
  6705. .md-list .uk-nestable-list > li.md-list-item-active,
  6706. .md-list > li.md-list-item-active {
  6707. color: #7cb342;
  6708. background: #ededed;
  6709. }
  6710. .md-list .uk-nestable-list > li.md-list-item-disabled > .md-list-content,
  6711. .md-list > li.md-list-item-disabled > .md-list-content {
  6712. color: #bdbdbd;
  6713. }
  6714. .md-list .uk-nestable-list > li.md-list-item-disabled > .md-list-content span,
  6715. .md-list > li.md-list-item-disabled > .md-list-content span {
  6716. color: #bdbdbd !important;
  6717. }
  6718. .md-list .uk-nestable-list > li.heading_list,
  6719. .md-list > li.heading_list {
  6720. min-height: 32px;
  6721. padding: 32px 8px 16px;
  6722. border-bottom: none;
  6723. background: transparent !important;
  6724. text-transform: uppercase;
  6725. }
  6726. .uk-touch .md-list .uk-nestable-list > li > .md-list-addon-element .uk-nestable-handle,
  6727. .uk-touch .md-list > li > .md-list-addon-element .uk-nestable-handle,
  6728. .md-list .uk-nestable-list > li:hover > .md-list-addon-element .uk-nestable-handle,
  6729. .md-list > li:hover > .md-list-addon-element .uk-nestable-handle {
  6730. display: block;
  6731. }
  6732. .uk-touch .md-list .uk-nestable-list > li > .md-list-content .md-list-action,
  6733. .uk-touch .md-list > li > .md-list-content .md-list-action,
  6734. .md-list .uk-nestable-list > li:hover > .md-list-content .md-list-action,
  6735. .md-list > li:hover > .md-list-content .md-list-action,
  6736. .uk-touch .md-list .uk-nestable-list > li > .md-list-content .md-list-action-placeholder,
  6737. .uk-touch .md-list > li > .md-list-content .md-list-action-placeholder,
  6738. .md-list .uk-nestable-list > li:hover > .md-list-content .md-list-action-placeholder,
  6739. .md-list > li:hover > .md-list-content .md-list-action-placeholder {
  6740. display: block;
  6741. }
  6742. .uk-touch .md-list .uk-nestable-list > li .md-list-action-dropdown,
  6743. .uk-touch .md-list > li .md-list-action-dropdown,
  6744. .md-list .uk-nestable-list > li:hover .md-list-action-dropdown,
  6745. .md-list > li:hover .md-list-action-dropdown {
  6746. display: block;
  6747. }
  6748. .md-list .uk-nestable-list > li {
  6749. margin-left: 64px;
  6750. }
  6751. .md-list-addon > li {
  6752. margin-left: 64px;
  6753. position: relative;
  6754. }
  6755. .md-list-addon > li:last-child .md-list-addon-element {
  6756. border-bottom: none;
  6757. bottom: 0;
  6758. }
  6759. .md-list-addon > li:first-child .md-list-addon-element {
  6760. top: 0;
  6761. }
  6762. .md-list-addon > li.md-list-item-active .md-list-addon-element,
  6763. .md-list-addon > li.md-list-item-active .md-list-addon-element .material-icons {
  6764. color: #7cb342;
  6765. }
  6766. .md-list-addon-element {
  6767. position: absolute;
  6768. left: -64px;
  6769. top: -1px;
  6770. bottom: -1px;
  6771. width: 64px;
  6772. text-align: center;
  6773. padding: 8px 0;
  6774. display: block;
  6775. }
  6776. .md-list-addon-element .element-status {
  6777. position: absolute;
  6778. right: 12px;
  6779. top: 10px;
  6780. width: 12px;
  6781. height: 12px;
  6782. border-radius: 50%;
  6783. background: #bdbdbd;
  6784. border: 1px solid #fff;
  6785. }
  6786. .md-list-addon-element .element-status-danger {
  6787. background: #e53935;
  6788. }
  6789. .md-list-addon-element .element-status-success {
  6790. background: #7cb342;
  6791. }
  6792. .md-list-addon-element .element-status-warning {
  6793. background: #ffa000;
  6794. }
  6795. .md-list-addon-element > .md-list-addon-avatar {
  6796. margin-top: 2px;
  6797. }
  6798. .md-list-addon-element > .md-list-addon-icon {
  6799. font-size: 28px;
  6800. margin-top: 4px;
  6801. color: #727272;
  6802. }
  6803. .md-list-addon-element > .material-icons {
  6804. margin-top: 6px;
  6805. }
  6806. .md-list-addon-element .iradio_md,
  6807. .md-list-addon-element .icheckbox_md {
  6808. margin-top: 10px;
  6809. }
  6810. .md-list-addon-element .uk-nestable-handle {
  6811. position: absolute;
  6812. left: -2px;
  6813. top: 12px;
  6814. display: none;
  6815. }
  6816. .md-list-interactive li {
  6817. cursor: pointer;
  6818. }
  6819. .md-list-bg {
  6820. background: #fff;
  6821. }
  6822. .md-list-separated li {
  6823. background: #fff;
  6824. padding: 8px;
  6825. }
  6826. .md-list-separated li + li {
  6827. border-top: none;
  6828. margin-top: 8px;
  6829. }
  6830. .md-list-bg-no-sep {
  6831. background: #fff;
  6832. padding: 8px;
  6833. }
  6834. .md-list-bg-no-sep li > .md-list-content {
  6835. padding: 0 4px;
  6836. }
  6837. .md-list-outside > li {
  6838. padding: 0;
  6839. }
  6840. .md-list-outside > li > .md-list-content {
  6841. padding: 8px 16px;
  6842. display: block;
  6843. color: #212121;
  6844. }
  6845. .md-list-outside > li.md-list-item-active,
  6846. .md-list-outside > li:hover:not(.heading_list) {
  6847. background: rgba(0, 0, 0, 0.085);
  6848. }
  6849. .md-list-outside > li.heading_list {
  6850. padding: 32px 16px 16px;
  6851. }
  6852. .md-list-outside.md-list-addon li {
  6853. margin-left: 0;
  6854. }
  6855. .md-list-outside.md-list-addon li .md-list-addon-element {
  6856. position: relative;
  6857. top: auto;
  6858. left: auto;
  6859. float: left;
  6860. }
  6861. .md-list-outside.md-list-addon li .md-list-content {
  6862. padding-left: 0;
  6863. }
  6864. .md-list .uk-nestable-list {
  6865. padding-left: 0;
  6866. }
  6867. .md-list .uk-nestable-list .uk-nestable-item {
  6868. padding-right: 0;
  6869. }
  6870. .md-list .uk-nestable-item + .uk-nestable-item {
  6871. margin-top: 0;
  6872. }
  6873. .md-list-right.md-list-addon > li {
  6874. margin-left: 0;
  6875. margin-right: 64px;
  6876. }
  6877. .md-list-right.md-list-addon > li .md-list-addon-element {
  6878. left: auto;
  6879. right: -64px;
  6880. }
  6881. .uk-touch .md-list-addon-element .uk-nestable-handle {
  6882. display: block !important;
  6883. }
  6884. .uk-touch .md-list-content .md-list-action,
  6885. .uk-touch .md-list-content .md-list-action-placeholder {
  6886. display: block !important;
  6887. }
  6888. .uk-touch .md-list-action-dropdown {
  6889. display: block !important;
  6890. }
  6891. /* panels */
  6892. .md-panel-full {
  6893. position: relative;
  6894. overflow: hidden;
  6895. min-height: 100%;
  6896. }
  6897. .md-panel-full,
  6898. .md-panel-full:before,
  6899. .md-panel-full:after,
  6900. .md-panel-full *,
  6901. .md-panel-full *:before,
  6902. .md-panel-full *:after {
  6903. box-sizing: border-box;
  6904. }
  6905. .md-panel-full > .uk-grid {
  6906. height: 100%;
  6907. }
  6908. .md-panel-full > .uk-grid [class*=uk-width] {
  6909. height: 100%;
  6910. }
  6911. .md-panel-full .md-panel-full-aside {
  6912. margin: 16px 16px 32px;
  6913. padding: 16px;
  6914. }
  6915. .md-panel-full .md-panel-full-aside.md-panel-full-aside-bg {
  6916. background: #fff;
  6917. }
  6918. .md-panel-full .md-panel-full-content {
  6919. background: #fff;
  6920. padding: 25px 25px 90px;
  6921. width: inherit;
  6922. min-width: 100%;
  6923. min-height: 100%;
  6924. }
  6925. .md-panel-full .md-panel-full-content > .md-panel-full-content-inner {
  6926. position: relative;
  6927. z-index: 10;
  6928. }
  6929. .md-panel-full .md-panel-full-content:before {
  6930. width: inherit;
  6931. content: '';
  6932. position: absolute;
  6933. background: #fff;
  6934. display: block;
  6935. right: 0;
  6936. top: 0;
  6937. bottom: 0;
  6938. box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.26);
  6939. z-index: 5;
  6940. }
  6941. .md-panel-full .md-panel-full-content .md-panel-full-content-header {
  6942. margin-bottom: 24px;
  6943. }
  6944. .md-panel-full .md-panel-full-content .md-panel-full-content-header .md-panel-full-content-menu {
  6945. float: right;
  6946. }
  6947. /* top bar */
  6948. .md-top-bar .md-top-bar-checkbox {
  6949. padding-top: 10px;
  6950. }
  6951. .md-top-bar .md-top-bar-icons {
  6952. margin-top: 5px;
  6953. }
  6954. .md-top-bar .md-top-bar-icons,
  6955. .md-top-bar .md-top-bar-checkbox {
  6956. display: inline-block;
  6957. }
  6958. .md-top-bar .md-btn-group {
  6959. margin-top: 4px;
  6960. }
  6961. .md-top-bar .md-top-bar-actions-left {
  6962. float: left;
  6963. padding-left: 16px;
  6964. }
  6965. .md-top-bar .md-top-bar-actions-left .md-btn-group {
  6966. margin-left: 8px;
  6967. }
  6968. .md-top-bar .md-top-bar-actions-right {
  6969. float: right;
  6970. padding-right: 16px;
  6971. }
  6972. .md-top-bar .md-top-bar-actions-right .md-btn-group {
  6973. margin-right: 8px;
  6974. }
  6975. .md-top-bar .md-btn-small {
  6976. padding: 2px 12px;
  6977. }
  6978. /*** utils ***/
  6979. /* avatar */
  6980. .md-user-image {
  6981. width: 34px;
  6982. border-radius: 50%;
  6983. }
  6984. .md-user-image-large {
  6985. width: 82px;
  6986. border-radius: 50%;
  6987. }
  6988. .md-user-placeholder {
  6989. background-color: rgba(0, 0, 0, 0.085);
  6990. width: 34px;
  6991. height: 34px;
  6992. border-radius: 50%;
  6993. }
  6994. .md-user-letters {
  6995. display: inline-block;
  6996. line-height: 35px;
  6997. width: 34px;
  6998. height: 34px;
  6999. border-radius: 50%;
  7000. text-align: center;
  7001. text-transform: uppercase;
  7002. font-weight: 500;
  7003. background-color: rgba(0, 0, 0, 0.085);
  7004. }
  7005. /* icons */
  7006. .md-icon {
  7007. font-size: 24px;
  7008. line-height: 32px !important;
  7009. height: 32px !important;
  7010. color: #727272;
  7011. border-radius: 50%;
  7012. cursor: pointer;
  7013. -webkit-transition: background 280ms ease-out, color 280ms ease-out;
  7014. transition: background 280ms ease-out, color 280ms ease-out;
  7015. width: 32px !important;
  7016. text-align: center;
  7017. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  7018. }
  7019. .md-icon:hover,
  7020. .md-icon:focus,
  7021. .md-icon:active,
  7022. .md-icon.active {
  7023. color: #212121;
  7024. background: rgba(0, 0, 0, 0.08);
  7025. }
  7026. .md-icon-light {
  7027. color: #fff;
  7028. }
  7029. .md-icon-light:hover,
  7030. .md-icon-light:focus,
  7031. .md-icon-light:active {
  7032. color: #fff;
  7033. background: rgba(0, 0, 0, 0.2);
  7034. }
  7035. .md-icon-dark {
  7036. color: #212121;
  7037. }
  7038. .md-icon-dark:hover,
  7039. .md-icon-dark:focus,
  7040. .md-icon-dark:active {
  7041. color: #212121;
  7042. background: rgba(255, 255, 255, 0.6);
  7043. }
  7044. .md-icon + .md-icon {
  7045. margin-left: 4px;
  7046. }
  7047. .md-icon-btn {
  7048. display: inline-block;
  7049. }
  7050. .md-icon-btn.active .md-icon {
  7051. color: #212121;
  7052. background: rgba(0, 0, 0, 0.08);
  7053. }
  7054. button.md-icon {
  7055. background: none;
  7056. border: none;
  7057. outline: none;
  7058. }
  7059. .uk-open > .md-icon {
  7060. color: #212121;
  7061. background: rgba(0, 0, 0, 0.08);
  7062. }
  7063. .uk-open > .md-icon-light {
  7064. color: #fff;
  7065. background: rgba(0, 0, 0, 0.2);
  7066. }
  7067. .uk-open > .md-icon-dark {
  7068. color: #212121;
  7069. background: rgba(255, 255, 255, 0.6);
  7070. }
  7071. /* dropdown list */
  7072. .md-list-inputs {
  7073. margin: 0;
  7074. padding: 0;
  7075. list-style: none;
  7076. }
  7077. .md-list-inputs > li {
  7078. padding: 0;
  7079. margin: 0;
  7080. list-style: none;
  7081. }
  7082. .md-list-inputs li + li {
  7083. margin-top: 8px;
  7084. }
  7085. .md-list-inputs li .icheckbox_md {
  7086. float: left;
  7087. }
  7088. .md-list-inputs li label {
  7089. overflow: hidden;
  7090. padding-left: 8px;
  7091. display: block;
  7092. cursor: pointer;
  7093. }
  7094. /* hr */
  7095. .md-hr {
  7096. margin: 32px 0;
  7097. height: 0;
  7098. border-top: 2px solid rgba(0, 0, 0, 0.12);
  7099. }
  7100. /* animated show */
  7101. @-webkit-keyframes hierarchical_show {
  7102. 0% {
  7103. opacity: 0;
  7104. -webkit-transform: scale3d(0.2, 0.2, 2);
  7105. transform: scale3d(0.2, 0.2, 2);
  7106. }
  7107. 50% {
  7108. opacity: 1;
  7109. }
  7110. 100% {
  7111. -webkit-transform: scale3d(1, 1, 1);
  7112. transform: scale3d(1, 1, 1);
  7113. }
  7114. }
  7115. @keyframes hierarchical_show {
  7116. 0% {
  7117. opacity: 0;
  7118. -webkit-transform: scale3d(0.2, 0.2, 2);
  7119. transform: scale3d(0.2, 0.2, 2);
  7120. }
  7121. 50% {
  7122. opacity: 1;
  7123. }
  7124. 100% {
  7125. -webkit-transform: scale3d(1, 1, 1);
  7126. transform: scale3d(1, 1, 1);
  7127. }
  7128. }
  7129. .hierarchical_show {
  7130. will-change: transform, opacity;
  7131. }
  7132. .hierarchical_show > * {
  7133. visibility: hidden;
  7134. }
  7135. .hierarchical_show_inView > * {
  7136. -webkit-animation-fill-mode: both;
  7137. animation-fill-mode: both;
  7138. -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  7139. animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  7140. -webkit-animation-duration: 700ms;
  7141. animation-duration: 700ms;
  7142. -webkit-animation-name: hierarchical_show;
  7143. animation-name: hierarchical_show;
  7144. visibility: visible;
  7145. }
  7146. @-webkit-keyframes hierarchical_slide {
  7147. 0% {
  7148. opacity: 0;
  7149. -webkit-transform: translate3d(0, 160%, 0);
  7150. transform: translate3d(0, 160%, 0);
  7151. }
  7152. 33% {
  7153. opacity: 1;
  7154. }
  7155. 100% {
  7156. -webkit-transform: translate3d(0, 0, 0);
  7157. transform: translate3d(0, 0, 0);
  7158. }
  7159. }
  7160. @keyframes hierarchical_slide {
  7161. 0% {
  7162. opacity: 0;
  7163. -webkit-transform: translate3d(0, 160%, 0);
  7164. transform: translate3d(0, 160%, 0);
  7165. }
  7166. 33% {
  7167. opacity: 1;
  7168. }
  7169. 100% {
  7170. -webkit-transform: translate3d(0, 0, 0);
  7171. transform: translate3d(0, 0, 0);
  7172. }
  7173. }
  7174. .hierarchical_slide {
  7175. will-change: transform, opacity;
  7176. }
  7177. .hierarchical_slide > * {
  7178. visibility: hidden;
  7179. }
  7180. .hierarchical_slide_inView > * {
  7181. -webkit-animation-fill-mode: both;
  7182. animation-fill-mode: both;
  7183. -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  7184. animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  7185. -webkit-animation-duration: 700ms;
  7186. animation-duration: 700ms;
  7187. -webkit-animation-name: hierarchical_slide;
  7188. animation-name: hierarchical_slide;
  7189. visibility: visible;
  7190. }
  7191. .fast_animation {
  7192. -webkit-animation-duration: 350ms;
  7193. animation-duration: 350ms;
  7194. }
  7195. /* 6. plugins ======================================== */
  7196. /* altair plugins */
  7197. /* colorpicker */
  7198. .cp_altair {
  7199. padding: 8px 0;
  7200. overflow: hidden;
  7201. }
  7202. .cp_altair span {
  7203. width: 24px;
  7204. height: 24px;
  7205. margin: 0 8px 8px 0;
  7206. float: left;
  7207. -webkit-transition: all 280ms ease-out;
  7208. transition: all 280ms ease-out;
  7209. cursor: pointer;
  7210. border: 1px solid rgba(0, 0, 0, 0.15);
  7211. }
  7212. .cp_altair span.active_color {
  7213. border-radius: 50%;
  7214. cursor: default;
  7215. }
  7216. /* metrics graphics */
  7217. .mGraph {
  7218. min-height: 240px;
  7219. width: 100%;
  7220. }
  7221. .mGraph-wrapper {
  7222. position: relative;
  7223. }
  7224. .mGraph-wrapper .md-toggle-group {
  7225. position: absolute;
  7226. top: 4px;
  7227. left: 12px;
  7228. }
  7229. .mGraph .mg-active-datapoint {
  7230. font-size: 13px;
  7231. }
  7232. .mGraph .mg-area1-color {
  7233. fill: #1976d2;
  7234. }
  7235. .mGraph .mg-area2-color {
  7236. fill: #689f38;
  7237. }
  7238. .mGraph .mg-area3-color {
  7239. fill: #d32f2f;
  7240. }
  7241. .mGraph .mg-area4-color {
  7242. fill: #ffa000;
  7243. }
  7244. .mGraph .mg-area5-color {
  7245. fill: #455a64;
  7246. }
  7247. .mGraph .mg-baselines line {
  7248. stroke: #909090;
  7249. stroke-width: 0.5;
  7250. }
  7251. .mGraph .mg-baselines text {
  7252. font-size: 9px;
  7253. opacity: 0.5;
  7254. }
  7255. .mGraph .mg-chart-title {
  7256. font-size: 22px;
  7257. }
  7258. .mGraph .mg-chart-title .fa {
  7259. font-size: 16px;
  7260. }
  7261. .mGraph .mg-line1-color {
  7262. stroke: #1976d2;
  7263. }
  7264. .mGraph .mg-hover-line1-color {
  7265. fill: #1976d2;
  7266. }
  7267. .mGraph .mg-line2-color {
  7268. stroke: #689f38;
  7269. }
  7270. .mGraph .mg-hover-line2-color {
  7271. fill: #689f38;
  7272. }
  7273. .mGraph .mg-line3-color {
  7274. stroke: #d32f2f;
  7275. }
  7276. .mGraph .mg-hover-line3-color {
  7277. fill: #d32f2f;
  7278. }
  7279. .mGraph .mg-line4-color {
  7280. stroke: #ffa000;
  7281. }
  7282. .mGraph .mg-hover-line4-color {
  7283. fill: #ffa000;
  7284. }
  7285. .mGraph .mg-line5-color {
  7286. stroke: #455a64;
  7287. }
  7288. .mGraph .mg-hover-line5-color {
  7289. fill: #455a64;
  7290. }
  7291. .mGraph .mg-line1-legend-color {
  7292. color: #1976d2;
  7293. }
  7294. .mGraph .mg-line2-legend-color {
  7295. color: #689f38;
  7296. }
  7297. .mGraph .mg-line3-legend-color {
  7298. color: #d32f2f;
  7299. }
  7300. .mGraph .mg-line4-legend-color {
  7301. color: #ffa000;
  7302. }
  7303. .mGraph .mg-line5-legend-color {
  7304. color: #455a64;
  7305. }
  7306. .mGraph .mg-markers line {
  7307. stroke-width: 0.8;
  7308. }
  7309. .mGraph .mg-markers text {
  7310. font-size: 9px;
  7311. }
  7312. .mGraph path.mg-main-line {
  7313. stroke-width: 1.1;
  7314. }
  7315. .mGraph .mg-x-axis line,
  7316. .mGraph .mg-y-axis line {
  7317. stroke: #ccc;
  7318. stroke-width: 0.8;
  7319. }
  7320. .mGraph .mg-x-axis text,
  7321. .mGraph .mg-y-axis text,
  7322. .mGraph .mg-histogram .axis text {
  7323. font-size: 11px;
  7324. }
  7325. .mGraph .mg-x-axis .label,
  7326. .mGraph .mg-y-axis .label,
  7327. .mGraph .mg-axis .label {
  7328. font-size: 10px;
  7329. }
  7330. .mGraph .mg-x-axis-small text,
  7331. .mGraph .mg-y-axis-small text,
  7332. .mGraph .mg-active-datapoint-small {
  7333. font-size: 8px;
  7334. }
  7335. .mGraph .mg-x-axis-small .label,
  7336. .mGraph .mg-y-axis-small .label {
  7337. font-size: 9px;
  7338. }
  7339. .mGraph .mg-year-marker text {
  7340. font-size: 9px;
  7341. }
  7342. .mGraph .mg-year-marker line {
  7343. stroke: #ccc;
  7344. stroke-width: 0.8;
  7345. }
  7346. .mGraph .mg-year-marker-small text {
  7347. font-size: 8px;
  7348. }
  7349. .mGraph .mg-chart-title {
  7350. font-size: 18px;
  7351. margin: 0;
  7352. padding: 0;
  7353. }
  7354. .mGraph .popover {
  7355. z-index: 1060;
  7356. position: absolute !important;
  7357. background: #616161;
  7358. color: #fff;
  7359. font-size: 13px;
  7360. padding: 8px 16px;
  7361. line-height: 16px;
  7362. max-width: 290px;
  7363. margin-top: -10px;
  7364. }
  7365. /* c3 charts */
  7366. .c3chart {
  7367. min-height: 240px;
  7368. width: 100%;
  7369. }
  7370. .c3chart .c3-tooltip {
  7371. border-collapse: collapse;
  7372. border-spacing: 0;
  7373. empty-cells: show;
  7374. box-shadow: none;
  7375. opacity: 1;
  7376. background: #fff;
  7377. border: none;
  7378. box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  7379. }
  7380. .c3chart .c3-tooltip th {
  7381. border: none;
  7382. background: #fff;
  7383. color: #212121;
  7384. }
  7385. .c3chart .c3-tooltip td {
  7386. border: none;
  7387. color: #212121;
  7388. font-weight: 400;
  7389. font-size: 12px;
  7390. }
  7391. .c3chart .c3-tooltip td + td {
  7392. border-left: 1px solid rgba(0, 0, 0, 0.12);
  7393. }
  7394. .c3chart .c3-tooltip tr {
  7395. border: none;
  7396. }
  7397. .c3chart .c3-tooltip tr + tr td {
  7398. border-top: 1px solid rgba(0, 0, 0, 0.12);
  7399. }
  7400. .c3-area {
  7401. opacity: 0.25;
  7402. }
  7403. /* clndr */
  7404. .clndr {
  7405. position: relative;
  7406. overflow: hidden;
  7407. }
  7408. .clndr,
  7409. .clndr:before,
  7410. .clndr:after,
  7411. .clndr *,
  7412. .clndr *:before,
  7413. .clndr *:after {
  7414. box-sizing: border-box;
  7415. }
  7416. .clndr .clndr_days_names:before,
  7417. .clndr .clndr_days_grid:before,
  7418. .clndr .clndr_days_names:after,
  7419. .clndr .clndr_days_grid:after {
  7420. content: " ";
  7421. display: table;
  7422. }
  7423. .clndr .clndr_days_names:after,
  7424. .clndr .clndr_days_grid:after {
  7425. clear: both;
  7426. }
  7427. .clndr .clndr_days_names:before,
  7428. .clndr .clndr_days_grid:before,
  7429. .clndr .clndr_days_names:after,
  7430. .clndr .clndr_days_grid:after {
  7431. content: " ";
  7432. display: table;
  7433. }
  7434. .clndr .clndr_days_names:after,
  7435. .clndr .clndr_days_grid:after {
  7436. clear: both;
  7437. }
  7438. .clndr .md-card-toolbar-heading-text {
  7439. text-transform: capitalize;
  7440. }
  7441. .clndr .clndr_days {
  7442. -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  7443. transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  7444. padding: 16px;
  7445. -webkit-transform: translateY(0);
  7446. transform: translateY(0);
  7447. opacity: 1;
  7448. }
  7449. .clndr .clndr_days .clndr_days_names .day-header {
  7450. width: 14.28571429%;
  7451. float: left;
  7452. text-align: center;
  7453. padding: 8px 0;
  7454. text-transform: uppercase;
  7455. font-size: 12px;
  7456. font-weight: 500;
  7457. }
  7458. .clndr .clndr_days .clndr_days_grid .day {
  7459. width: 14.28571429%;
  7460. float: left;
  7461. padding: 6px;
  7462. text-align: center;
  7463. position: relative;
  7464. }
  7465. .clndr .clndr_days .clndr_days_grid .day.next-month,
  7466. .clndr .clndr_days .clndr_days_grid .day.last-month {
  7467. color: #bbb;
  7468. }
  7469. .clndr .clndr_days .clndr_days_grid .day > span {
  7470. display: inline-block;
  7471. font-size: 15px;
  7472. line-height: 36px;
  7473. height: 38px;
  7474. width: 38px;
  7475. border-radius: 50%;
  7476. border: 1px solid transparent;
  7477. }
  7478. @media only screen and (max-width: 479px) {
  7479. .clndr .clndr_days .clndr_days_grid .day > span {
  7480. font-size: 14px;
  7481. line-height: 31px;
  7482. height: 32px;
  7483. width: 32px;
  7484. border-radius: 16px;
  7485. }
  7486. }
  7487. .clndr .clndr_days .clndr_days_grid .day.today > span {
  7488. background: #7cb342;
  7489. color: #fff;
  7490. }
  7491. .clndr .clndr_days .clndr_days_grid .day.event {
  7492. cursor: pointer;
  7493. }
  7494. .clndr .clndr_days .clndr_days_grid .day.event > span {
  7495. border-color: rgba(0, 0, 0, 0.12);
  7496. }
  7497. .clndr .clndr_days .clndr_days_grid .day.event.today > span {
  7498. border-color: transparent;
  7499. }
  7500. .clndr .clndr_events {
  7501. position: absolute;
  7502. top: 48px;
  7503. bottom: 0;
  7504. right: 0;
  7505. width: 240px;
  7506. background: #fff;
  7507. overflow-x: hidden;
  7508. overflow-y: auto;
  7509. padding: 16px;
  7510. margin-right: -240px;
  7511. -webkit-transition: margin 280ms cubic-bezier(0.4, 0, 0.2, 1);
  7512. transition: margin 280ms cubic-bezier(0.4, 0, 0.2, 1);
  7513. border-left: 1px solid rgba(0, 0, 0, 0.12);
  7514. }
  7515. .clndr .clndr_events .clndr_event {
  7516. padding: 8px 0;
  7517. display: none;
  7518. }
  7519. .clndr .clndr_events .clndr_event > a {
  7520. display: inline-block;
  7521. color: #212121;
  7522. }
  7523. .clndr .clndr_events .clndr_event .clndr_event_more_info,
  7524. .clndr .clndr_events .clndr_event .clndr_event_title {
  7525. display: block;
  7526. }
  7527. .clndr .clndr_events .clndr_event .clndr_event_more_info {
  7528. margin: 0;
  7529. font-size: 12px;
  7530. color: #999;
  7531. }
  7532. .clndr .clndr_events .clndr_event .clndr_event_title {
  7533. font-size: 14px;
  7534. font-weight: 500;
  7535. }
  7536. .clndr .clndr_events .clndr_events_close_button {
  7537. position: absolute;
  7538. top: 6px;
  7539. right: 6px;
  7540. cursor: pointer;
  7541. }
  7542. .clndr-wrapper.animated_change .clndr_days {
  7543. -webkit-transform: translateY(80%);
  7544. transform: translateY(80%);
  7545. opacity: 0;
  7546. }
  7547. .events_visible .clndr .clndr_days {
  7548. margin-right: 240px;
  7549. }
  7550. .events_visible .clndr .clndr_days .day-active > span {
  7551. border-color: #2196f3 !important;
  7552. box-shadow: 0 0 0 1px #2196f3;
  7553. }
  7554. .events_visible .clndr .clndr_events {
  7555. margin-right: 0;
  7556. }
  7557. .events_over.events_visible .clndr .clndr_days {
  7558. margin-right: 0;
  7559. }
  7560. .events_over.events_visible .clndr_events {
  7561. box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.26);
  7562. z-index: 5;
  7563. border-left-color: transparent;
  7564. }
  7565. .peity_data {
  7566. display: none;
  7567. }
  7568. /* gmaps (google maps) */
  7569. .gmap {
  7570. width: 100%;
  7571. height: 240px;
  7572. }
  7573. .gmap img {
  7574. max-width: none;
  7575. }
  7576. .gmap .on_gmap .wrap_controls {
  7577. width: 180px;
  7578. border: none !important;
  7579. box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
  7580. }
  7581. .gmap .on_gmap .controls_title {
  7582. font-weight: normal !important;
  7583. font-size: 14px !important;
  7584. }
  7585. .gmap .on_gmap.dropdown .wrap_controls {
  7586. overflow: visible !important;
  7587. }
  7588. .gmap_large {
  7589. height: 300px;
  7590. }
  7591. .gmap_xlarge {
  7592. height: 400px;
  7593. }
  7594. .gmap_list > li {
  7595. cursor: pointer;
  7596. -webkit-transition: background 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  7597. transition: background 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  7598. }
  7599. .gmap_list > li:active {
  7600. background: #eee;
  7601. }
  7602. .gmap-info-window {
  7603. min-width: 120px;
  7604. font-weight: 400;
  7605. }
  7606. .gmap-info-window h3 {
  7607. margin: 0 0 8px;
  7608. font-size: 14px;
  7609. line-height: 17px;
  7610. }
  7611. .gmap-info-window p {
  7612. color: #aaa;
  7613. font-size: 13px;
  7614. margin: 0;
  7615. }
  7616. /* easy pie chart */
  7617. .epc_chart {
  7618. display: block;
  7619. position: relative;
  7620. }
  7621. .epc_chart_text {
  7622. position: absolute;
  7623. top: 0;
  7624. left: 0;
  7625. right: 0;
  7626. bottom: 0;
  7627. text-align: center;
  7628. font: 400 20px / 110px "Roboto", sans-serif;
  7629. }
  7630. .epc_chart_icon {
  7631. position: absolute;
  7632. top: 0;
  7633. left: 0;
  7634. right: 0;
  7635. bottom: 0;
  7636. text-align: center;
  7637. line-height: 104px;
  7638. display: block;
  7639. }
  7640. .epc_chart_icon > i {
  7641. color: #727272;
  7642. font-size: 48px;
  7643. vertical-align: middle;
  7644. }
  7645. .epc_chart + .heading_a {
  7646. margin-top: 10px;
  7647. }
  7648. /* iCheck material design theme
  7649. ----------------------------------- */
  7650. .icheckbox_md,
  7651. .iradio_md {
  7652. display: inline-block;
  7653. *display: inline;
  7654. vertical-align: middle;
  7655. margin: 0;
  7656. padding: 0;
  7657. border: none;
  7658. cursor: pointer;
  7659. position: relative;
  7660. box-sizing: border-box;
  7661. }
  7662. .icheckbox_md:after,
  7663. .iradio_md:after {
  7664. display: block;
  7665. position: absolute;
  7666. left: 0;
  7667. top: 0;
  7668. }
  7669. .icheckbox_md > input,
  7670. .iradio_md > input {
  7671. margin: 0;
  7672. }
  7673. .icheckbox_md > .iCheck-helper,
  7674. .iradio_md > .iCheck-helper {
  7675. z-index: 10;
  7676. }
  7677. .icheckbox_md {
  7678. border: 2px solid rgba(0, 0, 0, 0.54);
  7679. border-radius: 2px;
  7680. width: 18px;
  7681. height: 18px;
  7682. background: #fff;
  7683. -webkit-transition: all 200ms ease-out;
  7684. transition: all 200ms ease-out;
  7685. }
  7686. .icheckbox_md.checked:after,
  7687. .icheckbox_md.disabled:after {
  7688. content: '\e5ca';
  7689. font-family: "Material Icons";
  7690. font-size: 18px;
  7691. color: #fff;
  7692. position: absolute;
  7693. left: -2px;
  7694. top: -6px;
  7695. line-height: 1.42857143;
  7696. }
  7697. .icheckbox_md.hover.checked,
  7698. .icheckbox_md.checked {
  7699. background: #009688;
  7700. border-color: #009688 !important;
  7701. }
  7702. .icheckbox_md.disabled:after {
  7703. display: none;
  7704. }
  7705. .icheckbox_md.disabled,
  7706. .icheckbox_md.disabled.checked {
  7707. background: transparent;
  7708. background-clip: padding-box;
  7709. border-color: rgba(0, 0, 0, 0.26);
  7710. cursor: default;
  7711. }
  7712. .icheckbox_md.disabled.checked {
  7713. background: #bdbdbd !important;
  7714. border-color: #bdbdbd !important;
  7715. }
  7716. .icheckbox_md.disabled.checked:after {
  7717. display: block !important;
  7718. }
  7719. .md-input-danger .icheckbox_md {
  7720. border-color: #e53935;
  7721. }
  7722. .icheckbox_md.indeterminate {
  7723. background: #009688;
  7724. border-color: #009688;
  7725. }
  7726. .icheckbox_md.indeterminate:after {
  7727. content: '';
  7728. background: #fff;
  7729. position: absolute;
  7730. left: 2px;
  7731. top: 2px;
  7732. width: 10px;
  7733. height: 10px;
  7734. }
  7735. .iradio_md {
  7736. border: 2px solid rgba(0, 0, 0, 0.54);
  7737. width: 20px;
  7738. height: 20px;
  7739. border-radius: 50%;
  7740. }
  7741. .iradio_md:after {
  7742. content: '';
  7743. background: transparent;
  7744. position: absolute;
  7745. left: 3px;
  7746. top: 3px;
  7747. width: 10px;
  7748. height: 10px;
  7749. border-radius: 50%;
  7750. -webkit-transform: scale(0.1);
  7751. transform: scale(0.1);
  7752. -webkit-transition: all 200ms ease-out;
  7753. transition: all 200ms ease-out;
  7754. }
  7755. .iradio_md.checked {
  7756. border-color: #009688 !important;
  7757. }
  7758. .iradio_md.checked:after {
  7759. background: #009688;
  7760. -webkit-transform: scale(1);
  7761. transform: scale(1);
  7762. }
  7763. .iradio_md.disabled {
  7764. border-color: rgba(0, 0, 0, 0.26);
  7765. cursor: default;
  7766. }
  7767. .iradio_md.disabled:after {
  7768. background: rgba(0, 0, 0, 0.26);
  7769. -webkit-transform: scale(1);
  7770. transform: scale(1);
  7771. }
  7772. .md-input-danger .iradio_md {
  7773. border-color: #e53935;
  7774. }
  7775. .disabled + .inline-label {
  7776. color: rgba(0, 0, 0, 0.26);
  7777. cursor: default;
  7778. }
  7779. .icheck-inline {
  7780. display: inline-block;
  7781. margin: 0 16px 16px 0;
  7782. }
  7783. .icheck-inline + .parsley-errors-list {
  7784. margin-top: -8px;
  7785. }
  7786. /* prism syntax highlighter */
  7787. /**
  7788. * prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML
  7789. * Based on https://github.com/tshedor/workshop-wp-theme (Example: http://workshop.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category/sessions/basics);
  7790. * @author Tim Shedor
  7791. */
  7792. code[class*="language-"],
  7793. pre[class*="language-"] {
  7794. color: black;
  7795. background: none;
  7796. font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  7797. text-align: left;
  7798. white-space: pre;
  7799. word-spacing: normal;
  7800. word-break: normal;
  7801. word-wrap: normal;
  7802. line-height: 1.5;
  7803. -moz-tab-size: 4;
  7804. tab-size: 4;
  7805. -webkit-hyphens: none;
  7806. -ms-hyphens: none;
  7807. hyphens: none;
  7808. }
  7809. /* Code blocks */
  7810. pre[class*="language-"] {
  7811. position: relative;
  7812. margin: .5em 0;
  7813. box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;
  7814. border-left: 10px solid #358ccb;
  7815. background-color: #fdfdfd;
  7816. background-image: -webkit-linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);
  7817. background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);
  7818. background-size: 3em 3em;
  7819. background-origin: content-box;
  7820. overflow: visible;
  7821. padding: 0;
  7822. }
  7823. code[class*="language"] {
  7824. max-height: inherit;
  7825. height: 100%;
  7826. padding: 0 1em;
  7827. display: block;
  7828. overflow: auto;
  7829. }
  7830. /* Margin bottom to accomodate shadow */
  7831. :not(pre) > code[class*="language-"],
  7832. pre[class*="language-"] {
  7833. background-color: #fdfdfd;
  7834. box-sizing: border-box;
  7835. margin-bottom: 1em;
  7836. }
  7837. /* Inline code */
  7838. :not(pre) > code[class*="language-"] {
  7839. position: relative;
  7840. padding: .2em;
  7841. border-radius: 0.3em;
  7842. color: #c92c2c;
  7843. border: 1px solid rgba(0, 0, 0, 0.1);
  7844. display: inline;
  7845. white-space: normal;
  7846. }
  7847. pre[class*="language-"]:before,
  7848. pre[class*="language-"]:after {
  7849. content: '';
  7850. z-index: -2;
  7851. display: block;
  7852. position: absolute;
  7853. bottom: 0.75em;
  7854. left: 0.18em;
  7855. width: 40%;
  7856. height: 20%;
  7857. max-height: 13em;
  7858. box-shadow: 0px 13px 8px #979797;
  7859. -webkit-transform: rotate(-2deg);
  7860. transform: rotate(-2deg);
  7861. }
  7862. :not(pre) > code[class*="language-"]:after,
  7863. pre[class*="language-"]:after {
  7864. right: 0.75em;
  7865. left: auto;
  7866. -webkit-transform: rotate(2deg);
  7867. transform: rotate(2deg);
  7868. }
  7869. .token.comment,
  7870. .token.block-comment,
  7871. .token.prolog,
  7872. .token.doctype,
  7873. .token.cdata {
  7874. color: #7D8B99;
  7875. }
  7876. .token.punctuation {
  7877. color: #5F6364;
  7878. }
  7879. .token.property,
  7880. .token.tag,
  7881. .token.boolean,
  7882. .token.number,
  7883. .token.function-name,
  7884. .token.constant,
  7885. .token.symbol,
  7886. .token.deleted {
  7887. color: #c92c2c;
  7888. }
  7889. .token.selector,
  7890. .token.attr-name,
  7891. .token.string,
  7892. .token.char,
  7893. .token.function,
  7894. .token.builtin,
  7895. .token.inserted {
  7896. color: #2f9c0a;
  7897. }
  7898. .token.operator,
  7899. .token.entity,
  7900. .token.url,
  7901. .token.variable {
  7902. color: #a67f59;
  7903. background: rgba(255, 255, 255, 0.5);
  7904. }
  7905. .token.atrule,
  7906. .token.attr-value,
  7907. .token.keyword,
  7908. .token.class-name {
  7909. color: #1990b8;
  7910. }
  7911. .token.regex,
  7912. .token.important {
  7913. color: #e90;
  7914. }
  7915. .language-css .token.string,
  7916. .style .token.string {
  7917. color: #a67f59;
  7918. background: rgba(255, 255, 255, 0.5);
  7919. }
  7920. .token.important {
  7921. font-weight: normal;
  7922. }
  7923. .token.bold {
  7924. font-weight: bold;
  7925. }
  7926. .token.italic {
  7927. font-style: italic;
  7928. }
  7929. .token.entity {
  7930. cursor: help;
  7931. }
  7932. .namespace {
  7933. opacity: .7;
  7934. }
  7935. @media screen and (max-width: 767px) {
  7936. pre[class*="language-"]:before,
  7937. pre[class*="language-"]:after {
  7938. bottom: 14px;
  7939. box-shadow: none;
  7940. }
  7941. }
  7942. /* Plugin styles */
  7943. .token.tab:not(:empty):before,
  7944. .token.cr:before,
  7945. .token.lf:before {
  7946. color: #e0d7d1;
  7947. }
  7948. /* Plugin styles: Line Numbers */
  7949. pre[class*="language-"].line-numbers {
  7950. padding-left: 0;
  7951. }
  7952. pre[class*="language-"].line-numbers code {
  7953. padding-left: 3.8em;
  7954. }
  7955. pre[class*="language-"].line-numbers .line-numbers-rows {
  7956. left: 0;
  7957. }
  7958. /* Plugin styles: Line Highlight */
  7959. pre[class*="language-"][data-line] {
  7960. padding-top: 0;
  7961. padding-bottom: 0;
  7962. padding-left: 0;
  7963. }
  7964. pre[data-line] code {
  7965. position: relative;
  7966. padding-left: 4em;
  7967. }
  7968. pre .line-highlight {
  7969. margin-top: 0;
  7970. }
  7971. pre.line-numbers {
  7972. position: relative;
  7973. padding-left: 3.8em;
  7974. counter-reset: linenumber;
  7975. }
  7976. pre.line-numbers > code {
  7977. position: relative;
  7978. }
  7979. .line-numbers .line-numbers-rows {
  7980. position: absolute;
  7981. pointer-events: none;
  7982. top: 0;
  7983. font-size: 100%;
  7984. left: -3.8em;
  7985. width: 3em;
  7986. /* works for line-numbers below 1000 lines */
  7987. letter-spacing: -1px;
  7988. border-right: 1px solid #999;
  7989. -webkit-user-select: none;
  7990. -moz-user-select: none;
  7991. -ms-user-select: none;
  7992. user-select: none;
  7993. }
  7994. .line-numbers-rows > span {
  7995. pointer-events: none;
  7996. display: block;
  7997. counter-increment: linenumber;
  7998. }
  7999. .line-numbers-rows > span:before {
  8000. content: counter(linenumber);
  8001. color: #999;
  8002. display: block;
  8003. padding-right: 0.8em;
  8004. text-align: right;
  8005. }
  8006. .scroll-wrapper {
  8007. overflow: hidden !important;
  8008. padding: 0 !important;
  8009. position: relative;
  8010. }
  8011. .scroll-wrapper > .scroll-content {
  8012. border: none !important;
  8013. box-sizing: content-box !important;
  8014. height: auto;
  8015. left: 0;
  8016. margin: 0;
  8017. max-height: none;
  8018. max-width: none !important;
  8019. overflow-y: scroll !important;
  8020. overflow-x: hidden !important;
  8021. padding: 0;
  8022. position: relative !important;
  8023. top: 0;
  8024. width: auto !important;
  8025. }
  8026. .scroll-wrapper > .scroll-content::-webkit-scrollbar {
  8027. height: 0;
  8028. width: 0;
  8029. }
  8030. .scroll-element {
  8031. display: none;
  8032. }
  8033. .scroll-element,
  8034. .scroll-element div {
  8035. box-sizing: content-box;
  8036. }
  8037. .scroll-element.scroll-x.scroll-scrollx_visible,
  8038. .scroll-element.scroll-y.scroll-scrolly_visible {
  8039. display: block;
  8040. }
  8041. .scroll-element .scroll-bar,
  8042. .scroll-element .scroll-arrow {
  8043. cursor: default;
  8044. }
  8045. .scroll-textarea > .scroll-content {
  8046. overflow: hidden !important;
  8047. }
  8048. .scroll-textarea > .scroll-content > textarea {
  8049. border: none !important;
  8050. box-sizing: border-box;
  8051. height: 100% !important;
  8052. margin: 0;
  8053. max-height: none !important;
  8054. max-width: none !important;
  8055. overflow: scroll !important;
  8056. outline: none;
  8057. padding: 2px;
  8058. position: relative !important;
  8059. top: 0;
  8060. width: 100% !important;
  8061. }
  8062. .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  8063. height: 0;
  8064. width: 0;
  8065. }
  8066. .scrollbar-inner {
  8067. height: 100% !important;
  8068. max-height: 100%;
  8069. overflow-y: auto;
  8070. }
  8071. .scrollbar-inner > .scroll-element,
  8072. .scrollbar-inner > .scroll-element div {
  8073. background: none;
  8074. border: none;
  8075. margin: 0;
  8076. padding: 0;
  8077. position: absolute;
  8078. z-index: 10;
  8079. }
  8080. .scrollbar-inner > .scroll-element div {
  8081. display: block;
  8082. height: 100%;
  8083. left: 0;
  8084. top: 0;
  8085. width: 100%;
  8086. }
  8087. .scrollbar-inner > .scroll-element .scroll-element_track {
  8088. display: none;
  8089. }
  8090. .scrollbar-inner > .scroll-element .scroll-bar {
  8091. background-color: #6C6E71;
  8092. display: block;
  8093. opacity: 0;
  8094. border-radius: 6px;
  8095. -webkit-transition: opacity 0.2s linear;
  8096. transition: opacity 0.2s linear;
  8097. }
  8098. .scrollbar-inner > .scroll-element.scroll-x {
  8099. bottom: 0;
  8100. height: 0;
  8101. left: 0;
  8102. min-width: 100%;
  8103. overflow: visible;
  8104. width: 100%;
  8105. }
  8106. .scrollbar-inner > .scroll-element.scroll-x .scroll-bar {
  8107. height: 7px;
  8108. min-width: 10px;
  8109. top: -9px;
  8110. }
  8111. .scrollbar-inner > .scroll-element.scroll-x .scroll-element_outer {
  8112. left: 2px;
  8113. }
  8114. .scrollbar-inner > .scroll-element.scroll-x .scroll-element_size {
  8115. left: -4px;
  8116. }
  8117. .scrollbar-inner > .scroll-element.scroll-y {
  8118. height: 100%;
  8119. min-height: 100%;
  8120. right: 0;
  8121. top: 0;
  8122. width: 0;
  8123. }
  8124. .scrollbar-inner > .scroll-element.scroll-y .scroll-bar {
  8125. left: -8px;
  8126. min-height: 10px;
  8127. width: 6px;
  8128. }
  8129. .scrollbar-inner > .scroll-element.scroll-y .scroll-element_outer {
  8130. top: 2px;
  8131. }
  8132. .scrollbar-inner > .scroll-element.scroll-y .scroll-element_size {
  8133. top: -4px;
  8134. }
  8135. .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  8136. left: -11px;
  8137. }
  8138. .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  8139. top: -11px;
  8140. }
  8141. .scrollbar-inner:hover > .scroll-element .scroll-bar,
  8142. .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
  8143. opacity: 0.7;
  8144. }
  8145. .sidebar_mini #sidebar_main .scrollbar-inner > .scroll-element.scroll-y {
  8146. right: auto;
  8147. left: 0;
  8148. }
  8149. .sidebar_mini #sidebar_main .scrollbar-inner > .scroll-element.scroll-y .scroll-bar {
  8150. left: 2px;
  8151. }
  8152. /* selectize */
  8153. /**
  8154. * selectize.css (v0.12.3)
  8155. * Copyright (c) 2013–2015 Brian Reavis & contributors
  8156. *
  8157. * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
  8158. * file except in compliance with the License. You may obtain a copy of the License at:
  8159. * http://www.apache.org/licenses/LICENSE-2.0
  8160. *
  8161. * Unless required by applicable law or agreed to in writing, software distributed under
  8162. * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
  8163. * ANY KIND, either express or implied. See the License for the specific language
  8164. * governing permissions and limitations under the License.
  8165. *
  8166. * @author Brian Reavis <brian@thirdroute.com>
  8167. */
  8168. .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  8169. visibility: visible !important;
  8170. background: #f2f2f2 !important;
  8171. background: rgba(0, 0, 0, 0.06) !important;
  8172. border: 0 none !important;
  8173. box-shadow: inset 0 0 12px 4px #ffffff;
  8174. }
  8175. .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  8176. content: '!';
  8177. visibility: hidden;
  8178. }
  8179. .selectize-control.plugin-drag_drop .ui-sortable-helper {
  8180. box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  8181. }
  8182. .selectize-dropdown-header {
  8183. position: relative;
  8184. padding: 5px 8px;
  8185. border-bottom: 1px solid #d0d0d0;
  8186. background: #f8f8f8;
  8187. border-radius: 3px 3px 0 0;
  8188. }
  8189. .selectize-dropdown-header-close {
  8190. position: absolute;
  8191. right: 8px;
  8192. top: 50%;
  8193. color: #303030;
  8194. opacity: 0.4;
  8195. margin-top: -12px;
  8196. line-height: 20px;
  8197. font-size: 20px !important;
  8198. }
  8199. .selectize-dropdown-header-close:hover {
  8200. color: #000000;
  8201. }
  8202. .selectize-dropdown.plugin-optgroup_columns .optgroup {
  8203. border-right: 1px solid #f2f2f2;
  8204. border-top: 0 none;
  8205. float: left;
  8206. box-sizing: border-box;
  8207. }
  8208. .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  8209. border-right: 0 none;
  8210. }
  8211. .selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  8212. display: none;
  8213. }
  8214. .selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  8215. border-top: 0 none;
  8216. }
  8217. .selectize-control.plugin-remove_button [data-value] {
  8218. position: relative;
  8219. padding-right: 24px !important;
  8220. }
  8221. .selectize-control.plugin-remove_button [data-value] .remove {
  8222. z-index: 1;
  8223. /* fixes ie bug (see #392) */
  8224. position: absolute;
  8225. top: 0;
  8226. right: 0;
  8227. bottom: 0;
  8228. width: 17px;
  8229. text-align: center;
  8230. font-weight: bold;
  8231. font-size: 12px;
  8232. color: inherit;
  8233. text-decoration: none;
  8234. vertical-align: middle;
  8235. display: inline-block;
  8236. padding: 2px 0 0 0;
  8237. border-left: 1px solid #d0d0d0;
  8238. border-radius: 0 2px 2px 0;
  8239. box-sizing: border-box;
  8240. }
  8241. .selectize-control.plugin-remove_button [data-value] .remove:hover {
  8242. background: rgba(0, 0, 0, 0.05);
  8243. }
  8244. .selectize-control.plugin-remove_button [data-value].active .remove {
  8245. border-left-color: #cacaca;
  8246. }
  8247. .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  8248. background: none;
  8249. }
  8250. .selectize-control.plugin-remove_button .disabled [data-value] .remove {
  8251. border-left-color: #ffffff;
  8252. }
  8253. .selectize-control.plugin-remove_button .remove-single {
  8254. position: absolute;
  8255. right: 28px;
  8256. top: 6px;
  8257. font-size: 23px;
  8258. }
  8259. .selectize-control {
  8260. position: relative;
  8261. }
  8262. .selectize-dropdown,
  8263. .selectize-input,
  8264. .selectize-input input {
  8265. color: #303030;
  8266. font-family: inherit;
  8267. font-size: 13px;
  8268. line-height: 18px;
  8269. -webkit-font-smoothing: inherit;
  8270. }
  8271. .selectize-input,
  8272. .selectize-control.single .selectize-input.input-active {
  8273. background: #ffffff;
  8274. cursor: text;
  8275. display: inline-block;
  8276. }
  8277. .selectize-input {
  8278. border: 1px solid #d0d0d0;
  8279. padding: 8px 8px;
  8280. display: inline-block;
  8281. width: 100%;
  8282. overflow: hidden;
  8283. position: relative;
  8284. z-index: 1;
  8285. box-sizing: border-box;
  8286. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  8287. border-radius: 3px;
  8288. }
  8289. .selectize-control.multi .selectize-input.has-items {
  8290. padding: 6px 8px 3px;
  8291. }
  8292. .selectize-input.full {
  8293. background-color: #ffffff;
  8294. }
  8295. .selectize-input.disabled,
  8296. .selectize-input.disabled * {
  8297. cursor: default !important;
  8298. }
  8299. .selectize-input.focus {
  8300. box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  8301. }
  8302. .selectize-input.dropdown-active {
  8303. border-radius: 3px 3px 0 0;
  8304. }
  8305. .selectize-input > * {
  8306. vertical-align: baseline;
  8307. display: -moz-inline-stack;
  8308. display: inline-block;
  8309. zoom: 1;
  8310. *display: inline;
  8311. }
  8312. .selectize-control.multi .selectize-input > div {
  8313. cursor: pointer;
  8314. margin: 0 3px 3px 0;
  8315. padding: 2px 6px;
  8316. background: #f2f2f2;
  8317. color: #303030;
  8318. border: 0 solid #d0d0d0;
  8319. }
  8320. .selectize-control.multi .selectize-input > div.active {
  8321. background: #e8e8e8;
  8322. color: #303030;
  8323. border: 0 solid #cacaca;
  8324. }
  8325. .selectize-control.multi .selectize-input.disabled > div,
  8326. .selectize-control.multi .selectize-input.disabled > div.active {
  8327. color: #7d7d7d;
  8328. background: #ffffff;
  8329. border: 0 solid #ffffff;
  8330. }
  8331. .selectize-input > input {
  8332. display: inline-block !important;
  8333. padding: 0 !important;
  8334. min-height: 0 !important;
  8335. max-height: none !important;
  8336. max-width: 100% !important;
  8337. margin: 0 2px 0 0 !important;
  8338. text-indent: 0 !important;
  8339. border: 0 none !important;
  8340. background: none !important;
  8341. line-height: inherit !important;
  8342. -webkit-user-select: auto !important;
  8343. box-shadow: none !important;
  8344. }
  8345. .selectize-input > input::-ms-clear {
  8346. display: none;
  8347. }
  8348. .selectize-input > input:focus {
  8349. outline: none !important;
  8350. }
  8351. .selectize-input::after {
  8352. content: ' ';
  8353. display: block;
  8354. clear: left;
  8355. }
  8356. .selectize-input.dropdown-active::before {
  8357. content: ' ';
  8358. display: block;
  8359. position: absolute;
  8360. background: #f0f0f0;
  8361. height: 1px;
  8362. bottom: 0;
  8363. left: 0;
  8364. right: 0;
  8365. }
  8366. .selectize-dropdown {
  8367. position: absolute;
  8368. z-index: 10;
  8369. border: 1px solid #d0d0d0;
  8370. background: #ffffff;
  8371. margin: -1px 0 0 0;
  8372. border-top: 0 none;
  8373. box-sizing: border-box;
  8374. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  8375. border-radius: 0 0 3px 3px;
  8376. }
  8377. .selectize-dropdown [data-selectable] {
  8378. cursor: pointer;
  8379. overflow: hidden;
  8380. }
  8381. .selectize-dropdown [data-selectable] .highlight {
  8382. background: rgba(125, 168, 208, 0.2);
  8383. border-radius: 1px;
  8384. }
  8385. .selectize-dropdown [data-selectable],
  8386. .selectize-dropdown .optgroup-header {
  8387. padding: 5px 8px;
  8388. }
  8389. .selectize-dropdown .optgroup:first-child .optgroup-header {
  8390. border-top: 0 none;
  8391. }
  8392. .selectize-dropdown .optgroup-header {
  8393. color: #303030;
  8394. background: #ffffff;
  8395. cursor: default;
  8396. }
  8397. .selectize-dropdown .active {
  8398. background-color: #f5fafd;
  8399. color: #495c68;
  8400. }
  8401. .selectize-dropdown .active.create {
  8402. color: #495c68;
  8403. }
  8404. .selectize-dropdown .create {
  8405. color: rgba(48, 48, 48, 0.5);
  8406. }
  8407. .selectize-dropdown-content {
  8408. overflow-y: auto;
  8409. overflow-x: hidden;
  8410. max-height: 200px;
  8411. }
  8412. .selectize-control.single .selectize-input,
  8413. .selectize-control.single .selectize-input input {
  8414. cursor: pointer;
  8415. }
  8416. .selectize-control.single .selectize-input.input-active,
  8417. .selectize-control.single .selectize-input.input-active input {
  8418. cursor: text;
  8419. }
  8420. .selectize-control.single .selectize-input:after {
  8421. content: ' ';
  8422. display: block;
  8423. position: absolute;
  8424. top: 50%;
  8425. right: 15px;
  8426. margin-top: -3px;
  8427. width: 0;
  8428. height: 0;
  8429. border-style: solid;
  8430. border-width: 5px 5px 0 5px;
  8431. border-color: #808080 transparent transparent transparent;
  8432. }
  8433. .selectize-control.single .selectize-input.dropdown-active:after {
  8434. margin-top: -4px;
  8435. border-width: 0 5px 5px 5px;
  8436. border-color: transparent transparent #808080 transparent;
  8437. }
  8438. .selectize-control.rtl.single .selectize-input:after {
  8439. left: 15px;
  8440. right: auto;
  8441. }
  8442. .selectize-control.rtl .selectize-input > input {
  8443. margin: 0 4px 0 -2px !important;
  8444. }
  8445. .selectize-control .selectize-input.disabled {
  8446. opacity: 0.5;
  8447. background-color: #fafafa;
  8448. }
  8449. .selectize-input {
  8450. border-color: rgba(0, 0, 0, 0.12);
  8451. line-height: 25px;
  8452. padding: 6px 8px;
  8453. }
  8454. .selectize-input,
  8455. .selectize-input.focus {
  8456. border-radius: 0;
  8457. box-shadow: none;
  8458. }
  8459. .selectize-input:before,
  8460. .selectize-input.focus:before {
  8461. display: none;
  8462. }
  8463. .md-input-danger .selectize-input {
  8464. border-color: #e53935;
  8465. }
  8466. .selectize-input.dropdown-active:before {
  8467. display: none;
  8468. }
  8469. .selectize-dropdown {
  8470. margin-top: -44px;
  8471. box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  8472. color: #212121;
  8473. z-index: 1210;
  8474. -webkit-transform: translate3d(0, 0, 0);
  8475. }
  8476. .selectize-dropdown [data-selectable] {
  8477. padding-top: 11px;
  8478. padding-bottom: 10px;
  8479. font-size: 15px;
  8480. }
  8481. .selectize-dropdown [data-selectable].option-disabled {
  8482. color: #aaa;
  8483. cursor: not-allowed;
  8484. }
  8485. .selectize-dropdown .active {
  8486. background: rgba(0, 0, 0, 0.085);
  8487. color: inherit;
  8488. }
  8489. .selectize-dropdown .optgroup-header {
  8490. font-size: 14px;
  8491. color: #aaa;
  8492. padding-top: 8px;
  8493. }
  8494. .selectize-dropdown.multi .item-icon {
  8495. margin-right: 4px;
  8496. }
  8497. .selectize-dropdown.selectize_fs {
  8498. z-index: 9999;
  8499. }
  8500. .selectize-control .selectize-input {
  8501. min-height: 40px;
  8502. }
  8503. .selectize-control.multi .selectize-input {
  8504. line-height: 21px;
  8505. }
  8506. .selectize-control.multi .selectize-input > div {
  8507. border-radius: 18px;
  8508. padding: 3px 8px 2px;
  8509. font-size: 14px;
  8510. }
  8511. .selectize-control.multi .selectize-input .selectize-input.has-items {
  8512. padding: 4px;
  8513. }
  8514. .selectize-control.multi .selectize-input .item-icon {
  8515. margin-right: 4px;
  8516. }
  8517. .selectize-control.multi .selectize-input input {
  8518. height: 26px;
  8519. font-size: 15px;
  8520. }
  8521. .selectize-control.plugin-remove_button [data-value] {
  8522. padding-right: 32px !important;
  8523. }
  8524. .selectize-control.plugin-remove_button [data-value] .remove {
  8525. border: none;
  8526. width: auto;
  8527. padding: 4px 5px 0 0;
  8528. }
  8529. .selectize-control.plugin-remove_button [data-value] .remove:hover {
  8530. background: none;
  8531. }
  8532. .selectize-control.plugin-remove_button [data-value] .remove:after {
  8533. color: #727272;
  8534. content: '\e5cd';
  8535. font-family: "Material Icons";
  8536. font-size: 18px;
  8537. }
  8538. .selectize-control.single {
  8539. height: 40px;
  8540. margin-top: 4px;
  8541. }
  8542. .selectize-control.single .selectize-input {
  8543. border-width: 0 0 1px;
  8544. padding: 8px 8px 9px;
  8545. }
  8546. .selectize-control.single .selectize-input:after {
  8547. border: none !important;
  8548. content: '\e5c5';
  8549. font-family: "Material Icons";
  8550. font-size: 28px;
  8551. margin-top: -12px !important;
  8552. right: 28px;
  8553. color: rgba(0, 0, 0, 0.3);
  8554. }
  8555. .selectize-control.single .selectize-input .item {
  8556. font-size: 15px;
  8557. }
  8558. .selectize-control.single .selectize-input input {
  8559. font-size: 15px;
  8560. }
  8561. .selectize-control.rtl.single .selectize-input:after {
  8562. left: 28px;
  8563. }
  8564. .selectize_fix {
  8565. overflow: hidden;
  8566. height: 0;
  8567. width: 100%;
  8568. }
  8569. .tablesorter .selectize-control.single,
  8570. .tablesorter .selectize-control .selectize-input {
  8571. min-height: 34px;
  8572. }
  8573. .tablesorter .selectize-control .selectize-input {
  8574. padding: 4px 8px 5px;
  8575. }
  8576. /* codemirror */
  8577. #code_editor_close {
  8578. display: none;
  8579. }
  8580. .CodeMirror pre {
  8581. font-size: 14px !important;
  8582. line-height: 20px !important;
  8583. }
  8584. .CodeMirror div.CodeMirror-cursor {
  8585. min-height: 20px;
  8586. }
  8587. .CodeMirror-fullscreen {
  8588. position: fixed;
  8589. top: 0;
  8590. left: 0;
  8591. right: 0;
  8592. bottom: 0;
  8593. height: auto;
  8594. }
  8595. .CodeMirror-fullscreen #code_editor_close {
  8596. position: absolute;
  8597. top: 10px;
  8598. right: 10px;
  8599. display: block;
  8600. }
  8601. .CodeMirror_textarea {
  8602. visibility: hidden;
  8603. }
  8604. .uk-notouch #code_editor_close {
  8605. right: 30px !important;
  8606. }
  8607. .md-card-CodeMirror .md-card-content form,
  8608. .md-card-CodeMirror .md-card-content form .CodeMirror {
  8609. height: 100%;
  8610. }
  8611. body.CodeMirror-fullscreen-active #header_main,
  8612. body.CodeMirror-fullscreen-active #sidebar_main,
  8613. body.CodeMirror-fullscreen-active #style_switcher {
  8614. display: none;
  8615. }
  8616. body.CodeMirror-fullscreen-active .md-card-CodeMirror {
  8617. z-index: 1154;
  8618. }
  8619. body.CodeMirror-fullscreen-active .CodeMirror-fullscreen {
  8620. z-index: 1154;
  8621. }
  8622. body.CodeMirror-fullscreen-active .CodeMirror-fullscreen #code_editor_close {
  8623. z-index: 1155;
  8624. }
  8625. /* switchery */
  8626. .switchery {
  8627. background-color: #fff;
  8628. border-radius: 20px;
  8629. cursor: pointer;
  8630. display: inline-block;
  8631. height: 14px;
  8632. position: relative;
  8633. vertical-align: middle;
  8634. width: 38px;
  8635. -webkit-user-select: none;
  8636. -moz-user-select: none;
  8637. -ms-user-select: none;
  8638. user-select: none;
  8639. box-sizing: content-box;
  8640. background-clip: content-box;
  8641. -webkit-transition: background-color 800ms ease-out !important;
  8642. transition: background-color 800ms ease-out !important;
  8643. box-shadow: none !important;
  8644. margin: 6px 2px;
  8645. }
  8646. .switchery > small {
  8647. background: #fff;
  8648. border-radius: 50%;
  8649. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.55);
  8650. height: 20px;
  8651. position: absolute;
  8652. top: 0;
  8653. width: 20px;
  8654. margin-top: -3px;
  8655. -webkit-transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1), left 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  8656. transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1), left 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  8657. }
  8658. .switchery-small {
  8659. width: 32px;
  8660. height: 9px;
  8661. margin: 4px 1px;
  8662. }
  8663. .switchery-small > small {
  8664. height: 16px;
  8665. width: 16px;
  8666. top: -1px;
  8667. }
  8668. .switchery-large {
  8669. width: 48px;
  8670. }
  8671. .switchery-large > small {
  8672. height: 24px;
  8673. width: 24px;
  8674. top: -3px;
  8675. }
  8676. /* Ion.RangeSlider, Modern Skin */
  8677. .irs {
  8678. position: relative;
  8679. display: block;
  8680. -webkit-touch-callout: none;
  8681. -webkit-user-select: none;
  8682. -moz-user-select: none;
  8683. -ms-user-select: none;
  8684. user-select: none;
  8685. height: 55px;
  8686. }
  8687. .tablesorter .irs {
  8688. height: 42px;
  8689. }
  8690. .irs-line {
  8691. height: 2px;
  8692. top: 33px;
  8693. background: #EEE;
  8694. position: relative;
  8695. display: block;
  8696. overflow: hidden;
  8697. outline: none !important;
  8698. }
  8699. .irs-line-left,
  8700. .irs-line-mid,
  8701. .irs-line-right {
  8702. position: absolute;
  8703. display: block;
  8704. top: 0;
  8705. }
  8706. .irs-line-left {
  8707. height: 8px;
  8708. left: 0;
  8709. width: 11%;
  8710. }
  8711. .irs-line-mid {
  8712. height: 8px;
  8713. left: 9%;
  8714. width: 82%;
  8715. }
  8716. .irs-line-right {
  8717. height: 8px;
  8718. right: 0;
  8719. width: 11%;
  8720. }
  8721. .irs-bar {
  8722. height: 2px;
  8723. top: 33px;
  8724. background: #009688;
  8725. position: absolute;
  8726. display: block;
  8727. left: 0;
  8728. width: 0;
  8729. }
  8730. .irs-bar-edge {
  8731. height: 2px;
  8732. width: 6px;
  8733. border-right: 0;
  8734. background: #009688;
  8735. position: absolute;
  8736. display: block;
  8737. top: 33px;
  8738. left: 0;
  8739. }
  8740. .irs-shadow {
  8741. height: 4px;
  8742. top: 32px;
  8743. background: #000;
  8744. opacity: 0.4;
  8745. position: absolute;
  8746. display: none;
  8747. left: 0;
  8748. width: 0;
  8749. }
  8750. .irs-slider {
  8751. top: 28px;
  8752. width: 12px;
  8753. height: 12px;
  8754. background: #009688;
  8755. border-radius: 50%;
  8756. cursor: pointer;
  8757. position: absolute;
  8758. display: block;
  8759. z-index: 1;
  8760. }
  8761. .irs-slider.state_hover,
  8762. .irs-slider:hover {
  8763. background: #009688;
  8764. }
  8765. .irs-slider.type_last {
  8766. z-index: 2;
  8767. }
  8768. .irs-min,
  8769. .irs-max {
  8770. color: #727272;
  8771. font-size: 12px;
  8772. line-height: 16px;
  8773. text-shadow: none;
  8774. top: 0;
  8775. padding: 1px 4px;
  8776. background: rgba(0, 0, 0, 0.08);
  8777. border-radius: 2px;
  8778. display: block;
  8779. cursor: default;
  8780. position: absolute;
  8781. }
  8782. .irs-min {
  8783. left: 0;
  8784. }
  8785. .irs-max {
  8786. right: 0;
  8787. }
  8788. .irs-from,
  8789. .irs-to,
  8790. .irs-single {
  8791. color: #fff;
  8792. font-size: 12px;
  8793. line-height: 16px;
  8794. text-shadow: none;
  8795. padding: 1px 4px;
  8796. background: #009688;
  8797. border-radius: 2px;
  8798. position: absolute;
  8799. display: block;
  8800. top: 0;
  8801. left: 0;
  8802. cursor: default;
  8803. white-space: nowrap;
  8804. z-index: 10;
  8805. }
  8806. .irs-from:after,
  8807. .irs-to:after,
  8808. .irs-single:after {
  8809. content: '';
  8810. position: absolute;
  8811. bottom: -8px;
  8812. left: 50%;
  8813. margin-left: -4px;
  8814. display: block;
  8815. border: 4px solid transparent;
  8816. border-top-color: #009688;
  8817. }
  8818. .irs-with-grid {
  8819. height: 65px;
  8820. }
  8821. .irs-grid {
  8822. position: absolute;
  8823. display: none;
  8824. bottom: 0;
  8825. left: 0;
  8826. width: 100%;
  8827. height: 20px;
  8828. }
  8829. .irs-grid-pol {
  8830. opacity: 0.5;
  8831. position: absolute;
  8832. top: 0;
  8833. left: 0;
  8834. width: 1px;
  8835. height: 8px;
  8836. background: #727272;
  8837. }
  8838. .irs-grid-pol.small {
  8839. background: #727272;
  8840. height: 4px;
  8841. }
  8842. .irs-grid-text {
  8843. position: absolute;
  8844. bottom: 0;
  8845. left: 0;
  8846. white-space: nowrap;
  8847. text-align: center;
  8848. font-size: 9px;
  8849. line-height: 9px;
  8850. padding: 0 3px;
  8851. color: #727272;
  8852. }
  8853. .irs-with-grid .irs-grid {
  8854. display: block;
  8855. }
  8856. .irs-disable-mask {
  8857. position: absolute;
  8858. display: block;
  8859. top: 0;
  8860. left: -1%;
  8861. width: 102%;
  8862. height: 100%;
  8863. cursor: default;
  8864. background: rgba(0, 0, 0, 0);
  8865. z-index: 2;
  8866. }
  8867. .irs-disabled {
  8868. opacity: 0.4;
  8869. }
  8870. .irs-hidden-input {
  8871. position: absolute !important;
  8872. display: block !important;
  8873. top: 0 !important;
  8874. left: 0 !important;
  8875. width: 0 !important;
  8876. height: 0 !important;
  8877. font-size: 0 !important;
  8878. line-height: 0 !important;
  8879. padding: 0 !important;
  8880. margin: 0 !important;
  8881. outline: none !important;
  8882. z-index: -9999 !important;
  8883. background: none !important;
  8884. border-style: solid !important;
  8885. border-color: transparent !important;
  8886. }
  8887. .lt-ie9 .irs-shadow {
  8888. filter: alpha(opacity=30);
  8889. }
  8890. .lt-ie9 .irs-min,
  8891. .lt-ie9 .irs-max {
  8892. background: #ccc;
  8893. }
  8894. .lt-ie9 .irs-from,
  8895. .lt-ie9 .irs-to,
  8896. .lt-ie9 .irs-single {
  8897. background: #999;
  8898. }
  8899. .lt-ie9 .irs-disable-mask {
  8900. background: #000;
  8901. filter: alpha(opacity=0);
  8902. cursor: not-allowed;
  8903. }
  8904. .parsley-errors-list {
  8905. color: #e53935;
  8906. margin-top: 0;
  8907. }
  8908. .parsley-errors-list span {
  8909. display: block;
  8910. padding-top: 4px;
  8911. }
  8912. /* datatables */
  8913. .dataTables_wrapper .uk-table {
  8914. margin: 0 auto;
  8915. border-spacing: 0;
  8916. }
  8917. .dataTables_wrapper .uk-table thead .sorting,
  8918. .dataTables_wrapper .uk-table thead .sorting_asc,
  8919. .dataTables_wrapper .uk-table thead .sorting_desc {
  8920. cursor: pointer;
  8921. padding-right: 24px;
  8922. }
  8923. .dataTables_wrapper .uk-table thead .sorting,
  8924. .dataTables_wrapper .uk-table thead .sorting_asc,
  8925. .dataTables_wrapper .uk-table thead .sorting_desc,
  8926. .dataTables_wrapper .uk-table thead .sorting_asc_disabled,
  8927. .dataTables_wrapper .uk-table thead .sorting_desc_disabled {
  8928. position: relative;
  8929. }
  8930. .dataTables_wrapper .uk-table thead .sorting:after,
  8931. .dataTables_wrapper .uk-table thead .sorting_asc:after,
  8932. .dataTables_wrapper .uk-table thead .sorting_desc:after,
  8933. .dataTables_wrapper .uk-table thead .sorting_asc_disabled:after,
  8934. .dataTables_wrapper .uk-table thead .sorting_desc_disabled:after {
  8935. position: absolute;
  8936. right: 4px;
  8937. bottom: 13px;
  8938. content: '';
  8939. display: block;
  8940. width: 18px;
  8941. height: 18px;
  8942. font-size: 18px;
  8943. font-family: "Material Icons";
  8944. color: #212121;
  8945. }
  8946. .dataTables_wrapper .uk-table thead .sorting:after {
  8947. content: '\e164';
  8948. color: #aaa;
  8949. }
  8950. .dataTables_wrapper .uk-table thead .sorting_asc:after {
  8951. content: '\e313';
  8952. }
  8953. .dataTables_wrapper .uk-table thead .sorting_desc:after {
  8954. content: '\e316';
  8955. }
  8956. .dataTables_wrapper .uk-table thead .sorting_asc_disabled:after {
  8957. content: '\e313';
  8958. color: #aaa;
  8959. }
  8960. .dataTables_wrapper .uk-table thead .sorting_desc_disabled:after {
  8961. content: '\e316';
  8962. color: #aaa;
  8963. }
  8964. .dataTables_wrapper .uk-table,
  8965. .dataTables_wrapper .uk-table th,
  8966. .dataTables_wrapper .uk-table td {
  8967. box-sizing: content-box;
  8968. }
  8969. .dataTables_wrapper .uk-table:active,
  8970. .dataTables_wrapper .uk-table th:active,
  8971. .dataTables_wrapper .uk-table td:active {
  8972. outline: none;
  8973. }
  8974. .dataTables_wrapper .uk-table tbody tr.selected {
  8975. background-color: rgba(102, 102, 102, 0.085);
  8976. }
  8977. .dataTables_wrapper .uk-table.order-column tbody tr > .sorting_1,
  8978. .dataTables_wrapper .uk-table.order-column tbody tr > .sorting_2,
  8979. .dataTables_wrapper .uk-table.order-column tbody tr > .sorting_3,
  8980. .dataTables_wrapper .uk-table tbody tr > .sorting_1,
  8981. .dataTables_wrapper .uk-table tbody tr > .sorting_2,
  8982. .dataTables_wrapper .uk-table tbody tr > .sorting_3 {
  8983. background-color: rgba(102, 102, 102, 0.085);
  8984. }
  8985. .dataTables_wrapper .uk-table.nowrap th,
  8986. .dataTables_wrapper .uk-table.nowrap td {
  8987. white-space: nowrap;
  8988. }
  8989. .dataTables_wrapper .uk-table.compact thead th,
  8990. .dataTables_wrapper .uk-table.compact thead td {
  8991. padding: 4px 17px 4px 4px;
  8992. }
  8993. .dataTables_wrapper .uk-table.compact tfoot th,
  8994. .dataTables_wrapper .uk-table.compact tfoot td {
  8995. padding: 4px;
  8996. }
  8997. .dataTables_wrapper .uk-table.compact tbody th,
  8998. .dataTables_wrapper .uk-table.compact tbody td {
  8999. padding: 4px;
  9000. }
  9001. .dataTables_wrapper .uk-table th.dt-left,
  9002. .dataTables_wrapper .uk-table td.dt-left {
  9003. text-align: left;
  9004. }
  9005. .dataTables_wrapper .uk-table th.dt-center,
  9006. .dataTables_wrapper .uk-table td.dt-center,
  9007. .dataTables_wrapper .uk-table td.dataTables_empty {
  9008. text-align: center;
  9009. }
  9010. .dataTables_wrapper .uk-table th.dt-right,
  9011. .dataTables_wrapper .uk-table td.dt-right {
  9012. text-align: right;
  9013. }
  9014. .dataTables_wrapper .uk-table th.dt-justify,
  9015. .dataTables_wrapper .uk-table td.dt-justify {
  9016. text-align: justify;
  9017. }
  9018. .dataTables_wrapper .uk-table th.dt-nowrap,
  9019. .dataTables_wrapper .uk-table td.dt-nowrap {
  9020. white-space: nowrap;
  9021. }
  9022. .dataTables_wrapper .uk-table thead th.dt-head-left,
  9023. .dataTables_wrapper .uk-table thead td.dt-head-left,
  9024. .dataTables_wrapper .uk-table tfoot th.dt-head-left,
  9025. .dataTables_wrapper .uk-table tfoot td.dt-head-left {
  9026. text-align: left;
  9027. }
  9028. .dataTables_wrapper .uk-table thead th.dt-head-center,
  9029. .dataTables_wrapper .uk-table thead td.dt-head-center,
  9030. .dataTables_wrapper .uk-table tfoot th.dt-head-center,
  9031. .dataTables_wrapper .uk-table tfoot td.dt-head-center {
  9032. text-align: center;
  9033. }
  9034. .dataTables_wrapper .uk-table thead th.dt-head-right,
  9035. .dataTables_wrapper .uk-table thead td.dt-head-right,
  9036. .dataTables_wrapper .uk-table tfoot th.dt-head-right,
  9037. .dataTables_wrapper .uk-table tfoot td.dt-head-right {
  9038. text-align: right;
  9039. }
  9040. .dataTables_wrapper .uk-table thead th.dt-head-justify,
  9041. .dataTables_wrapper .uk-table thead td.dt-head-justify,
  9042. .dataTables_wrapper .uk-table tfoot th.dt-head-justify,
  9043. .dataTables_wrapper .uk-table tfoot td.dt-head-justify {
  9044. text-align: justify;
  9045. }
  9046. .dataTables_wrapper .uk-table thead th.dt-head-nowrap,
  9047. .dataTables_wrapper .uk-table thead td.dt-head-nowrap,
  9048. .dataTables_wrapper .uk-table tfoot th.dt-head-nowrap,
  9049. .dataTables_wrapper .uk-table tfoot td.dt-head-nowrap {
  9050. white-space: nowrap;
  9051. }
  9052. .dataTables_wrapper .uk-table tbody th.dt-body-left,
  9053. .dataTables_wrapper .uk-table tbody td.dt-body-left {
  9054. text-align: left;
  9055. }
  9056. .dataTables_wrapper .uk-table tbody th.dt-body-center,
  9057. .dataTables_wrapper .uk-table tbody td.dt-body-center {
  9058. text-align: center;
  9059. }
  9060. .dataTables_wrapper .uk-table tbody th.dt-body-right,
  9061. .dataTables_wrapper .uk-table tbody td.dt-body-right {
  9062. text-align: right;
  9063. }
  9064. .dataTables_wrapper .uk-table tbody th.dt-body-justify,
  9065. .dataTables_wrapper .uk-table tbody td.dt-body-justify {
  9066. text-align: justify;
  9067. }
  9068. .dataTables_wrapper .uk-table tbody th.dt-body-nowrap,
  9069. .dataTables_wrapper .uk-table tbody td.dt-body-nowrap {
  9070. white-space: nowrap;
  9071. }
  9072. .dataTables_wrapper .uk-table tfoot .md-input-wrapper {
  9073. padding-top: 0;
  9074. }
  9075. .dataTables_wrapper .uk-table tfoot .md-input-wrapper .md-input {
  9076. padding: 8px 4px;
  9077. }
  9078. .dataTables_wrapper .dataTables_length {
  9079. margin-top: -1px;
  9080. }
  9081. .dataTables_wrapper .dataTables_filter .md-input-wrapper {
  9082. padding-top: 3px;
  9083. }
  9084. .dataTables_wrapper .dataTables_filter .md-input-wrapper .md-input {
  9085. padding: 6px 4px;
  9086. -webkit-appearance: none;
  9087. border-radius: 0;
  9088. }
  9089. .dataTables_wrapper .selectize-control.dt-selectize {
  9090. min-width: 64px;
  9091. display: inline-block;
  9092. vertical-align: middle;
  9093. margin: 0 8px;
  9094. height: 40px;
  9095. }
  9096. .dataTables_wrapper .selectize-control.dt-selectize .selectize-input {
  9097. border-color: transparent;
  9098. background: transparent;
  9099. }
  9100. .dataTables_wrapper .selectize-control.dt-selectize:hover .selectize-input {
  9101. border-color: rgba(0, 0, 0, 0.12);
  9102. background: #fff;
  9103. }
  9104. .dataTables_wrapper .dt-uikit-header {
  9105. padding: 4px 8px;
  9106. margin-bottom: 16px;
  9107. }
  9108. .dataTables_wrapper .dt-uikit-footer {
  9109. padding: 4px 8px;
  9110. margin-top: 16px;
  9111. }
  9112. .dataTables_wrapper .dt-uikit-footer .dataTables_info {
  9113. padding-top: 8px;
  9114. color: #727272;
  9115. font-size: 12px;
  9116. }
  9117. @media only screen and (max-width: 767px) {
  9118. .dataTables_wrapper .dt-uikit-footer .dataTables_info {
  9119. text-align: center;
  9120. }
  9121. }
  9122. .dataTables_wrapper .dt-uikit-footer .uk-pagination {
  9123. text-align: right;
  9124. }
  9125. @media only screen and (max-width: 767px) {
  9126. .dataTables_wrapper .dt-uikit-footer .uk-pagination {
  9127. margin-top: 16px;
  9128. text-align: center;
  9129. }
  9130. }
  9131. .dataTables_wrapper .uk-overflow-container th,
  9132. .dataTables_wrapper .uk-overflow-container td {
  9133. white-space: nowrap !important;
  9134. }
  9135. /* plugins */
  9136. .dt_colVis_buttons {
  9137. margin-bottom: 8px;
  9138. }
  9139. .dt_colVis_buttons:before,
  9140. .dt_colVis_buttons:after {
  9141. content: " ";
  9142. display: table;
  9143. }
  9144. .dt_colVis_buttons:after {
  9145. clear: both;
  9146. }
  9147. .dt_colVis_buttons:before,
  9148. .dt_colVis_buttons:after {
  9149. content: " ";
  9150. display: table;
  9151. }
  9152. .dt_colVis_buttons:after {
  9153. clear: both;
  9154. }
  9155. div.dt-button-info {
  9156. position: fixed;
  9157. top: 50%;
  9158. left: 50%;
  9159. width: 400px;
  9160. margin-top: -100px;
  9161. margin-left: -200px;
  9162. background-color: #fff;
  9163. box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  9164. border-radius: 3px;
  9165. text-align: center;
  9166. z-index: 21;
  9167. }
  9168. div.dt-button-info h2 {
  9169. padding: 16px;
  9170. margin: 0;
  9171. font: 400 20px / 24px "Roboto", sans-serif;
  9172. }
  9173. div.dt-button-info > div {
  9174. padding: 16px 24px;
  9175. }
  9176. .dt-button embed {
  9177. outline: none;
  9178. }
  9179. div.dt-buttons {
  9180. position: relative;
  9181. float: left;
  9182. }
  9183. div.dt-buttons.buttons-right {
  9184. float: right;
  9185. }
  9186. .dt-button-collection.uk-dropdown {
  9187. margin-top: 4px;
  9188. position: absolute;
  9189. top: 0;
  9190. left: 0;
  9191. opacity: 1 !important;
  9192. -webkit-transform: scale(1);
  9193. transform: scale(1);
  9194. z-index: 2020;
  9195. }
  9196. .dt-button-collection.uk-dropdown .dt-button.buttons-columnVisibility a {
  9197. position: relative;
  9198. padding-left: 32px;
  9199. color: #212121;
  9200. font-size: 15px;
  9201. line-height: 20px;
  9202. }
  9203. .dt-button-collection.uk-dropdown .dt-button.buttons-columnVisibility a:before {
  9204. position: absolute;
  9205. left: 0;
  9206. top: 5px;
  9207. content: '\e835';
  9208. font-family: "Material Icons";
  9209. font-size: 24px;
  9210. color: rgba(0, 0, 0, 0.54);
  9211. }
  9212. .dt-button-collection.uk-dropdown .dt-button.buttons-columnVisibility.active a:before {
  9213. content: '\e834';
  9214. color: #009688;
  9215. }
  9216. div.dt-button-collection {
  9217. position: absolute;
  9218. top: 0;
  9219. left: 0;
  9220. width: 150px;
  9221. margin-top: 3px;
  9222. padding: 8px 8px 4px 8px;
  9223. border: 1px solid rgba(0, 0, 0, 0.4);
  9224. background-color: white;
  9225. overflow: hidden;
  9226. z-index: 2002;
  9227. border-radius: 5px;
  9228. box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  9229. -webkit-column-gap: 8px;
  9230. -moz-column-gap: 8px;
  9231. column-gap: 8px;
  9232. }
  9233. div.dt-button-collection.fixed {
  9234. position: fixed;
  9235. top: 50%;
  9236. left: 50%;
  9237. margin-left: -75px;
  9238. border-radius: 0;
  9239. }
  9240. div.dt-button-collection.fixed.two-column {
  9241. margin-left: -150px;
  9242. }
  9243. div.dt-button-collection.fixed.three-column {
  9244. margin-left: -225px;
  9245. }
  9246. div.dt-button-collection.fixed.four-column {
  9247. margin-left: -300px;
  9248. }
  9249. div.dt-button-collection > * {
  9250. -webkit-column-break-inside: avoid;
  9251. page-break-inside: avoid;
  9252. break-inside: avoid;
  9253. }
  9254. div.dt-button-collection.two-column {
  9255. width: 300px;
  9256. padding-bottom: 1px;
  9257. -webkit-column-count: 2;
  9258. -moz-column-count: 2;
  9259. column-count: 2;
  9260. }
  9261. div.dt-button-collection.three-column {
  9262. width: 450px;
  9263. padding-bottom: 1px;
  9264. -webkit-column-count: 3;
  9265. -moz-column-count: 3;
  9266. column-count: 3;
  9267. }
  9268. div.dt-button-collection.four-column {
  9269. width: 600px;
  9270. padding-bottom: 1px;
  9271. -webkit-column-count: 4;
  9272. -moz-column-count: 4;
  9273. column-count: 4;
  9274. }
  9275. div.dt-button-background {
  9276. position: fixed;
  9277. top: 0;
  9278. left: 0;
  9279. width: 100%;
  9280. height: 100%;
  9281. z-index: 2001;
  9282. background: rgba(0, 0, 0, 0.08);
  9283. }
  9284. @media screen and (max-width: 640px) {
  9285. div.dt-buttons {
  9286. float: none !important;
  9287. text-align: center;
  9288. }
  9289. }
  9290. /* fullcalendar */
  9291. .fc-state-default {
  9292. border: none;
  9293. background: none;
  9294. box-shadow: none;
  9295. border-radius: 0 !important;
  9296. }
  9297. .fc-toolbar {
  9298. border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  9299. margin: -16px -16px 16px;
  9300. height: 48px;
  9301. padding: 0 16px;
  9302. }
  9303. .fc-toolbar h2 {
  9304. line-height: 48px;
  9305. }
  9306. .fc-toolbar .fc-button {
  9307. margin-top: 8px;
  9308. border-radius: 50% !important;
  9309. }
  9310. .fc-toolbar .fc-button:hover {
  9311. background: rgba(0, 0, 0, 0.08);
  9312. }
  9313. .fc-event {
  9314. background: #0277bd;
  9315. border-radius: 3px;
  9316. font-size: 12px;
  9317. }
  9318. .fc-day-grid-event {
  9319. padding: 2px 2px;
  9320. }
  9321. .fc-day-number.fc-other-month {
  9322. opacity: 0.4;
  9323. }
  9324. .fc .fc-button-group + .fc-button-group {
  9325. margin-left: 24px;
  9326. }
  9327. .fc .fc-day-grid-event {
  9328. margin-top: 2px;
  9329. }
  9330. .fc-unthemed .fc-divider,
  9331. .fc-unthemed .fc-popover,
  9332. .fc-unthemed .fc-row,
  9333. .fc-unthemed tbody,
  9334. .fc-unthemed td,
  9335. .fc-unthemed th,
  9336. .fc-unthemed thead {
  9337. border-color: rgba(102, 102, 102, 0.12);
  9338. }
  9339. .fc-unthemed .fc-widget-header {
  9340. border: none;
  9341. text-align: left;
  9342. font-size: 15px;
  9343. color: #727272;
  9344. font-weight: 400;
  9345. padding: 2px 1px;
  9346. }
  9347. .fc-unthemed .fc-today {
  9348. background: #fffde7;
  9349. }
  9350. .fc-unthemed .fc-button {
  9351. position: relative;
  9352. min-width: 32px;
  9353. height: 32px;
  9354. box-sizing: border-box;
  9355. padding: 0;
  9356. -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  9357. transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  9358. }
  9359. .fc-unthemed .fc-button + .fc-button {
  9360. margin-left: 8px;
  9361. }
  9362. .fc-unthemed .fc-button:after {
  9363. font-family: "Material Icons";
  9364. font-size: 24px;
  9365. position: absolute;
  9366. color: #727272;
  9367. left: 0;
  9368. top: 4px;
  9369. width: 100%;
  9370. height: 100%;
  9371. display: block;
  9372. -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  9373. transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  9374. }
  9375. .fc-unthemed .fc-button:hover:after {
  9376. color: #212121;
  9377. }
  9378. .fc-unthemed .fc-button.fc-state-active {
  9379. background: none !important;
  9380. cursor: default;
  9381. }
  9382. .fc-unthemed .fc-button.fc-state-active:after {
  9383. color: #7cb342;
  9384. }
  9385. .fc-unthemed .fc-button.fc-state-disabled {
  9386. background: none !important;
  9387. cursor: default;
  9388. }
  9389. .fc-unthemed .fc-button.fc-state-disabled:hover:after {
  9390. color: #727272;
  9391. }
  9392. .fc-unthemed .fc-today-button {
  9393. margin-left: 16px;
  9394. }
  9395. .fc-unthemed .fc-today-button:after {
  9396. content: '\e8df';
  9397. }
  9398. .fc-unthemed .fc-month-button:after {
  9399. content: '\e42a';
  9400. }
  9401. .fc-unthemed .fc-agendaWeek-button:after {
  9402. content: '\e8f3';
  9403. }
  9404. .fc-unthemed .fc-agendaDay-button:after {
  9405. content: '\e8ed';
  9406. }
  9407. .fc-unthemed .fc-listWeek-button:after {
  9408. content: '\e8ef';
  9409. }
  9410. .fc-unthemed .fc-prev-button:after {
  9411. content: '\e408';
  9412. }
  9413. .fc-unthemed .fc-next-button {
  9414. margin-left: 0 !important;
  9415. }
  9416. .fc-unthemed .fc-next-button:after {
  9417. content: '\e409';
  9418. }
  9419. .fc-unthemed .fc-popover {
  9420. border: none !important;
  9421. box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  9422. margin: -10px 0 0 -4px;
  9423. }
  9424. .fc-unthemed .fc-popover .fc-header {
  9425. padding: 4px;
  9426. background: #999;
  9427. color: #fff;
  9428. }
  9429. .fc-unthemed .fc-popover .fc-header .fc-close {
  9430. margin-top: 3px;
  9431. color: #fff;
  9432. }
  9433. .fc-unthemed .fc-popover .fc-event-container {
  9434. padding: 8px;
  9435. }
  9436. .fc-unthemed .fc-highlight {
  9437. background: none;
  9438. box-shadow: inset 0 0 0 2px #2196f3, inset 0 -1px 0 2px #2196f3;
  9439. opacity: 1;
  9440. }
  9441. .fc-ltr .fc-basic-view .fc-day-number {
  9442. text-align: left;
  9443. color: #212121;
  9444. }
  9445. .fc-basic-view td.fc-day-number,
  9446. .fc-basic-view td.fc-week-number span {
  9447. padding: 2px 4px;
  9448. }
  9449. .fc-list-item + .fc-list-heading .fc-widget-header {
  9450. border-top: 1px solid #ddd;
  9451. }
  9452. .fc-list-heading .fc-widget-header {
  9453. padding: 4px 8px;
  9454. font-size: 14px;
  9455. font-weight: 500;
  9456. }
  9457. /* vector maps */
  9458. .mapTooltip {
  9459. background: #616161;
  9460. color: #fff;
  9461. font-size: 14px;
  9462. padding: 6px 16px;
  9463. line-height: 18px;
  9464. text-shadow: none;
  9465. position: fixed;
  9466. border-radius: 4px;
  9467. z-index: 1000;
  9468. max-width: 200px;
  9469. display: none;
  9470. }
  9471. .vm_wrapper {
  9472. max-width: 100%;
  9473. margin: 0 auto;
  9474. }
  9475. .plotLegend {
  9476. margin-top: 24px;
  9477. padding: 16px 16px 8px;
  9478. }
  9479. /* fileInput */
  9480. .btn-file {
  9481. position: relative;
  9482. overflow: hidden;
  9483. vertical-align: middle;
  9484. cursor: pointer;
  9485. }
  9486. .btn-file input {
  9487. position: absolute;
  9488. top: 0;
  9489. right: 0;
  9490. width: 100%;
  9491. height: 100%;
  9492. margin: 0;
  9493. font-size: 14px;
  9494. cursor: pointer;
  9495. opacity: 0;
  9496. direction: ltr;
  9497. }
  9498. .fileinput {
  9499. display: inline-block;
  9500. }
  9501. .fileinput .form-control {
  9502. display: inline-block;
  9503. padding-top: 7px;
  9504. padding-bottom: 5px;
  9505. margin-bottom: 0;
  9506. vertical-align: middle;
  9507. cursor: text;
  9508. }
  9509. .fileinput .thumbnail {
  9510. display: inline-block;
  9511. overflow: hidden;
  9512. text-align: center;
  9513. vertical-align: top;
  9514. }
  9515. .fileinput .thumbnail > img {
  9516. height: 100%;
  9517. width: 100%;
  9518. }
  9519. .fileinput .btn {
  9520. vertical-align: middle;
  9521. }
  9522. .fileinput-exists .fileinput-new,
  9523. .fileinput-new .fileinput-exists {
  9524. display: none !important;
  9525. }
  9526. .fileinput-inline .fileinput-controls {
  9527. display: inline;
  9528. }
  9529. .fileinput-filename {
  9530. display: inline-block;
  9531. overflow: hidden;
  9532. vertical-align: middle;
  9533. }
  9534. /*
  9535. jQuery.ganttView v.0.8.0
  9536. Copyright (c) 2010 JC Grubbs - jc.grubbs@devmynd.com
  9537. MIT License Applies
  9538. */
  9539. div.ganttview {
  9540. position: relative;
  9541. /* Horizontal Header */
  9542. /* Vertical Header */
  9543. /* Slider */
  9544. /* Grid */
  9545. /* Adjustments for jQuery UI Styling */
  9546. }
  9547. div.ganttview,
  9548. div.ganttview:before,
  9549. div.ganttview:after,
  9550. div.ganttview *,
  9551. div.ganttview *:before,
  9552. div.ganttview *:after {
  9553. box-sizing: border-box;
  9554. }
  9555. div.ganttview-wrapper {
  9556. margin: 0 auto;
  9557. overflow: hidden;
  9558. }
  9559. div.ganttview-hzheader-month,
  9560. div.ganttview-hzheader-day,
  9561. div.ganttview-vtheader,
  9562. div.ganttview-grid,
  9563. div.ganttview-grid-row-cell {
  9564. float: left;
  9565. }
  9566. div.ganttview-hzheader-month,
  9567. div.ganttview-hzheader-day {
  9568. text-align: center;
  9569. }
  9570. div.ganttview-grid-row-cell.last,
  9571. div.ganttview-hzheader-day.last,
  9572. div.ganttview-hzheader-month.last {
  9573. border-right: none;
  9574. }
  9575. div.ganttview-hzheader-month {
  9576. width: 60px;
  9577. height: 20px;
  9578. border-right: 1px solid rgba(0, 0, 0, 0.12);
  9579. line-height: 20px;
  9580. font-size: 11px;
  9581. font-weight: 700;
  9582. text-transform: uppercase;
  9583. color: #727272;
  9584. box-sizing: content-box;
  9585. }
  9586. div.ganttview-hzheader-day {
  9587. width: 20px;
  9588. height: 20px;
  9589. border-right: 1px solid #f0f0f0;
  9590. border-top: 1px solid rgba(0, 0, 0, 0.12);
  9591. line-height: 20px;
  9592. color: #999;
  9593. font-size: 11px;
  9594. }
  9595. div.ganttview-hzheader-day.ganttview-weekend {
  9596. background: #f8f8f8;
  9597. }
  9598. div.ganttview-vtheader {
  9599. margin-top: 41px;
  9600. width: 240px;
  9601. background-color: #fff;
  9602. }
  9603. div.ganttview-vtheader-group {
  9604. color: #212121;
  9605. }
  9606. div.ganttview-vtheader-group-name {
  9607. line-height: 24px;
  9608. font-size: 13px;
  9609. font-weight: 500;
  9610. height: 24px;
  9611. padding: 0 8px;
  9612. position: relative;
  9613. border-top: 1px solid #e0e0e0;
  9614. background: rgba(0, 0, 0, 0.085);
  9615. }
  9616. div.ganttview-vtheader-group-name.toggle_enabled {
  9617. cursor: pointer;
  9618. }
  9619. div.ganttview-vtheader-group-name.toggle_enabled:before {
  9620. position: absolute;
  9621. right: 4px;
  9622. top: 0;
  9623. display: block;
  9624. content: '\e313';
  9625. font-family: "Material Icons";
  9626. font-size: 18px;
  9627. color: #727272;
  9628. }
  9629. div.ganttview-vtheader-group-name.toggle_enabled.projectHidden:before {
  9630. content: '\e316';
  9631. }
  9632. div.ganttview-vtheader-series-row {
  9633. height: 42px;
  9634. padding: 3px 8px;
  9635. border-top: 1px solid #e0e0e0;
  9636. font-size: 13px;
  9637. overflow: hidden;
  9638. position: relative;
  9639. }
  9640. div.ganttview-vtheader-series-row:hover {
  9641. overflow: visible;
  9642. }
  9643. div.ganttview-vtheader-series-row:hover .series-content {
  9644. min-width: 100%;
  9645. background: #fff;
  9646. top: 0;
  9647. left: 0;
  9648. position: absolute;
  9649. z-index: 100;
  9650. overflow: visible;
  9651. box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  9652. padding: 5px 8px 3px;
  9653. }
  9654. div.ganttview-vtheader-series-row .series-users {
  9655. float: left;
  9656. margin-right: 8px;
  9657. }
  9658. div.ganttview-vtheader-series-row .series-users .series-user {
  9659. margin-right: 0;
  9660. }
  9661. div.ganttview-vtheader-series-row .series-users .series-user + .series-user {
  9662. margin-left: 4px;
  9663. }
  9664. div.ganttview-vtheader-series-row .series-users .series-user > span {
  9665. display: inline-block;
  9666. }
  9667. div.ganttview-vtheader-series-row .series-user {
  9668. float: left;
  9669. margin-right: 8px;
  9670. }
  9671. div.ganttview-vtheader-series-row .series-user img {
  9672. width: 34px;
  9673. height: 34px;
  9674. border-radius: 50%;
  9675. }
  9676. div.ganttview-vtheader-series-row .series-content {
  9677. line-height: 16px;
  9678. padding-top: 2px;
  9679. overflow: hidden;
  9680. white-space: nowrap;
  9681. }
  9682. div.ganttview-vtheader-series-row .series-content .series-name {
  9683. text-overflow: ellipsis;
  9684. display: inline-block;
  9685. vertical-align: top;
  9686. white-space: nowrap;
  9687. overflow: hidden;
  9688. width: 100%;
  9689. display: block;
  9690. }
  9691. div.ganttview-vtheader-series-row .series-content .series-dates {
  9692. color: #aaa;
  9693. font-size: 11px;
  9694. text-transform: uppercase;
  9695. margin-top: 2px;
  9696. text-overflow: ellipsis;
  9697. display: inline-block;
  9698. vertical-align: top;
  9699. white-space: nowrap;
  9700. overflow: hidden;
  9701. width: 100%;
  9702. display: block;
  9703. }
  9704. div.ganttview-vtheader-series-row .series-content .series-dates > .date-user {
  9705. display: none;
  9706. }
  9707. div.ganttview-vtheader-series-row .series-content .date-sep {
  9708. display: inline-block;
  9709. margin: 0 8px;
  9710. }
  9711. div.ganttview-hzheader-months,
  9712. div.ganttview-hzheader-days {
  9713. overflow: hidden;
  9714. }
  9715. div.ganttview-slide-container {
  9716. -webkit-user-select: none;
  9717. -moz-user-select: none;
  9718. -ms-user-select: none;
  9719. user-select: none;
  9720. overflow-y: auto;
  9721. overflow-x: scroll;
  9722. -webkit-overflow-scrolling: touch;
  9723. }
  9724. div.ganttview-grid-row {
  9725. overflow: hidden;
  9726. }
  9727. div.ganttview-grid-row-cell {
  9728. width: 20px;
  9729. height: 42px;
  9730. border-right: 1px solid #f0f0f0;
  9731. border-top: 1px solid rgba(0, 0, 0, 0.12);
  9732. }
  9733. div.ganttview-grid-row-cell.ganttview-weekend {
  9734. background-color: #fafafa;
  9735. }
  9736. div.ganttview-grid-spacer {
  9737. background: #ededed;
  9738. height: 24px;
  9739. border-top: 1px solid #e0e0e0;
  9740. cursor: pointer;
  9741. }
  9742. div.ganttview-grid-spacer + .ganttview-grid-row > div.ganttview-grid-row-cell {
  9743. border-top-color: #e0e0e0;
  9744. }
  9745. div.ganttview-blocks {
  9746. min-width: 100%;
  9747. width: auto;
  9748. }
  9749. div.ganttview-block {
  9750. height: 60%;
  9751. background-color: #bbb;
  9752. border-radius: 2px;
  9753. position: absolute !important;
  9754. opacity: 0.8;
  9755. top: 20%;
  9756. }
  9757. div.ganttview-block-spacer {
  9758. height: 24px;
  9759. }
  9760. div.ganttview-block-container {
  9761. position: relative;
  9762. height: 42px;
  9763. width: 100%;
  9764. }
  9765. div.ganttview-block-text {
  9766. position: absolute;
  9767. font-size: 11px;
  9768. color: #fff;
  9769. padding: 5px 8px 2px;
  9770. text-overflow: ellipsis;
  9771. display: inline-block;
  9772. vertical-align: top;
  9773. white-space: nowrap;
  9774. overflow: hidden;
  9775. width: 100%;
  9776. display: block;
  9777. }
  9778. div.ganttview-block-text > a {
  9779. color: #fff;
  9780. text-decoration: underline;
  9781. }
  9782. div.ganttview-block div.ui-resizable-handle.ui-resizable-s {
  9783. bottom: 0;
  9784. }
  9785. div.ganttview-block:hover {
  9786. z-index: 1000;
  9787. opacity: 1;
  9788. }
  9789. div.ganttview .ui-resizable {
  9790. position: relative;
  9791. }
  9792. div.ganttview .ui-resizable-handle {
  9793. display: block;
  9794. font-size: 0.1px;
  9795. position: absolute;
  9796. }
  9797. div.ganttview .ui-resizable-disabled .ui-resizable-handle,
  9798. div.ganttview .ui-resizable-autohide .ui-resizable-handle {
  9799. display: none;
  9800. }
  9801. div.ganttview .ui-resizable-e {
  9802. cursor: e-resize;
  9803. height: 100%;
  9804. right: -5px;
  9805. top: 0;
  9806. width: 7px;
  9807. }
  9808. div.ganttview .ui-resizable-w {
  9809. cursor: w-resize;
  9810. height: 100%;
  9811. left: -5px;
  9812. top: 0;
  9813. width: 7px;
  9814. }
  9815. @media only screen and (min-width: 768px) {
  9816. div.ganttview-wrapper {
  9817. width: 100%;
  9818. }
  9819. div.ganttview-slide-container {
  9820. width: 75%;
  9821. border: 1px solid rgba(0, 0, 0, 0.12);
  9822. }
  9823. div.ganttview-vtheader {
  9824. width: 25%;
  9825. border-right: 1px solid rgba(0, 0, 0, 0.12);
  9826. }
  9827. }
  9828. @media only screen and (max-width: 767px) {
  9829. div.ganttview-wrapper {
  9830. position: relative;
  9831. }
  9832. div.ganttview-vtheader {
  9833. position: absolute;
  9834. left: 0;
  9835. top: 0;
  9836. background: none;
  9837. width: 100%;
  9838. z-index: 10;
  9839. margin-top: 40px;
  9840. }
  9841. div.ganttview-vtheader-series-name {
  9842. height: 22px;
  9843. line-height: 20px;
  9844. border: none;
  9845. margin-bottom: 31px;
  9846. }
  9847. div.ganttview-vtheader-series-row {
  9848. margin-bottom: 42px;
  9849. }
  9850. div.ganttview-row {
  9851. margin-top: 21px;
  9852. }
  9853. div.ganttview-grid-spacer {
  9854. background: none;
  9855. border-top: none;
  9856. }
  9857. div.ganttview-grid-spacer + .ganttview-grid-row > div.ganttview-grid-row-cell {
  9858. border-top-color: rgba(0, 0, 0, 0.12);
  9859. }
  9860. div.ganttview-grid-row {
  9861. margin-top: 42px;
  9862. }
  9863. div.ganttview-block-container {
  9864. margin-top: 42px;
  9865. }
  9866. div.ganttview-wrapper,
  9867. div.ganttview-slide-container {
  9868. width: 100%;
  9869. }
  9870. div.ganttview-slide-container {
  9871. border-left: none;
  9872. position: relative;
  9873. z-index: 10;
  9874. }
  9875. div.ganttview-vtheader-group:last-child {
  9876. border-bottom: none;
  9877. }
  9878. }
  9879. .animate_hide {
  9880. display: none;
  9881. }
  9882. /* wizard */
  9883. .wizard,
  9884. .tabcontrol {
  9885. display: block;
  9886. width: 100%;
  9887. overflow: hidden;
  9888. }
  9889. .wizard a,
  9890. .tabcontrol a {
  9891. outline: 0;
  9892. }
  9893. .wizard ul,
  9894. .tabcontrol ul {
  9895. list-style: none !important;
  9896. padding: 0;
  9897. margin: 0;
  9898. }
  9899. .wizard ul > li,
  9900. .tabcontrol ul > li {
  9901. display: block;
  9902. padding: 0;
  9903. }
  9904. .wizard > .steps .current-info,
  9905. .tabcontrol > .steps .current-info {
  9906. position: absolute;
  9907. left: -999em;
  9908. }
  9909. .wizard .content > .title,
  9910. .tabcontrol .content > .title {
  9911. position: absolute;
  9912. left: -999em;
  9913. }
  9914. .wizard > .steps {
  9915. position: relative;
  9916. display: block;
  9917. width: 100%;
  9918. background: #2196f3;
  9919. }
  9920. .wizard > .steps .number {
  9921. font-size: 14px;
  9922. border: 2px solid #fff;
  9923. width: 24px;
  9924. height: 24px;
  9925. line-height: 24px;
  9926. text-align: center;
  9927. border-radius: 50%;
  9928. position: absolute;
  9929. left: 12px;
  9930. top: 50%;
  9931. margin-top: -14px;
  9932. }
  9933. @media only screen and (min-width: 960px) {
  9934. .wizard > .steps .number {
  9935. font-size: 16px;
  9936. width: 32px;
  9937. height: 32px;
  9938. line-height: 32px;
  9939. margin-top: -18px;
  9940. }
  9941. }
  9942. .wizard > .steps .title {
  9943. text-overflow: ellipsis;
  9944. display: inline-block;
  9945. vertical-align: top;
  9946. white-space: nowrap;
  9947. overflow: hidden;
  9948. width: 100%;
  9949. padding-left: 46px;
  9950. box-sizing: border-box;
  9951. }
  9952. .wizard > .steps > ul > li {
  9953. display: block;
  9954. }
  9955. @media only screen and (min-width: 960px) {
  9956. .wizard > .steps > ul > li {
  9957. float: left;
  9958. width: 25%;
  9959. }
  9960. }
  9961. .wizard > .steps > ul > li + li a {
  9962. border-top: 1px solid rgba(0, 0, 0, 0.15);
  9963. }
  9964. @media only screen and (min-width: 960px) {
  9965. .wizard > .steps > ul > li + li a {
  9966. border-top: none;
  9967. border-right: 1px solid rgba(0, 0, 0, 0.15);
  9968. }
  9969. }
  9970. .wizard > .steps > ul > li a {
  9971. position: relative;
  9972. }
  9973. .wizard > .steps > ul > li a,
  9974. .wizard > .steps > ul > li a:hover,
  9975. .wizard > .steps > ul > li a:active {
  9976. display: block;
  9977. width: auto;
  9978. padding: 12px 8px;
  9979. text-decoration: none;
  9980. color: #fff;
  9981. }
  9982. @media only screen and (min-width: 960px) {
  9983. .wizard > .steps > ul > li a,
  9984. .wizard > .steps > ul > li a:hover,
  9985. .wizard > .steps > ul > li a:active {
  9986. padding: 16px;
  9987. }
  9988. }
  9989. .wizard > .steps > ul > li.disabled a,
  9990. .wizard > .steps > ul > li.disabled a:hover,
  9991. .wizard > .steps > ul > li.disabled a:active {
  9992. color: #fff;
  9993. cursor: default;
  9994. }
  9995. .wizard > .steps > ul > li.current a,
  9996. .wizard > .steps > ul > li.current a:hover,
  9997. .wizard > .steps > ul > li.current a:active {
  9998. background: #51adf6;
  9999. color: #fff;
  10000. cursor: default;
  10001. }
  10002. .wizard > .steps > ul > li.done a,
  10003. .wizard > .steps > ul > li.done a:hover,
  10004. .wizard > .steps > ul > li.done a:active {
  10005. background: #1976d2;
  10006. color: #fff;
  10007. }
  10008. .wizard > .steps > ul > li.error a,
  10009. .wizard > .steps > ul > li.error a:hover,
  10010. .wizard > .steps > ul > li.error a:active {
  10011. background: #c62828;
  10012. color: #fff;
  10013. }
  10014. .wizard > .content {
  10015. display: block;
  10016. min-height: 360px;
  10017. overflow: hidden;
  10018. position: relative;
  10019. box-sizing: border-box;
  10020. }
  10021. .wizard > .content > .body {
  10022. padding: 48px 24px 64px;
  10023. width: 100%;
  10024. position: absolute;
  10025. box-sizing: border-box;
  10026. }
  10027. .wizard > .content > .body ul {
  10028. margin: 0;
  10029. padding: 0;
  10030. list-style: none;
  10031. }
  10032. .wizard > .content > .body ul > li {
  10033. padding: 0;
  10034. margin: 0;
  10035. list-style: none;
  10036. }
  10037. .wizard > .content > .body .uk-form-label {
  10038. display: block;
  10039. font-weight: 500;
  10040. font-size: 13px;
  10041. margin: -4px 0;
  10042. }
  10043. .wizard > .content > .body .icheck-inline {
  10044. margin: 4px 16px 0 0;
  10045. }
  10046. .wizard > .content > .body .icheck-inline + .parsley-errors-list {
  10047. margin-top: 2px;
  10048. }
  10049. .wizard > .content > .body > iframe {
  10050. border: 0 none;
  10051. width: 100%;
  10052. height: 100%;
  10053. }
  10054. .wizard > .content > .body pre[class*="language-"] {
  10055. max-height: inherit;
  10056. }
  10057. .wizard > .actions {
  10058. display: block;
  10059. background: rgba(0, 0, 0, 0.085);
  10060. padding: 8px 24px;
  10061. }
  10062. .wizard > .actions > ul > li.button_previous {
  10063. float: left;
  10064. }
  10065. .wizard > .actions > ul > li.button_next,
  10066. .wizard > .actions > ul > li.button_finish {
  10067. float: right;
  10068. }
  10069. @media only screen and (max-width: 479px) {
  10070. .wizard > .actions > ul > li + li {
  10071. margin-top: 8px;
  10072. }
  10073. .wizard > .actions > ul > li.button_previous {
  10074. float: none;
  10075. }
  10076. .wizard > .actions > ul > li.button_next,
  10077. .wizard > .actions > ul > li.button_finish {
  10078. float: none;
  10079. }
  10080. }
  10081. .wizard > .actions a,
  10082. .wizard > .actions a:hover,
  10083. .wizard > .actions a:active {
  10084. color: #212121;
  10085. display: block;
  10086. padding: 0 16px;
  10087. min-width: 80px;
  10088. text-align: center;
  10089. text-decoration: none;
  10090. font-weight: 500;
  10091. font-size: 14px;
  10092. line-height: 31px;
  10093. text-transform: uppercase;
  10094. }
  10095. .wizard > .actions a .material-icons {
  10096. color: #212121;
  10097. }
  10098. .wizard > .actions .disabled a,
  10099. .wizard > .actions .disabled a:hover,
  10100. .wizard > .actions .disabled a:active {
  10101. color: #aaa;
  10102. }
  10103. .wizard > .actions .disabled .material-icons {
  10104. color: #aaa;
  10105. }
  10106. @media only screen and (min-width: 960px) {
  10107. .wizard.vertical > .steps {
  10108. width: 25%;
  10109. float: left;
  10110. box-sizing: border-box;
  10111. padding: 8px;
  10112. }
  10113. }
  10114. @media only screen and (min-width: 1220px) {
  10115. .wizard.vertical > .steps {
  10116. width: 20%;
  10117. }
  10118. }
  10119. @media only screen and (min-width: 960px) {
  10120. .wizard.vertical > .steps > ul > li {
  10121. float: none;
  10122. width: 100%;
  10123. }
  10124. .wizard.vertical > .steps > ul > li + li {
  10125. margin-top: 8px;
  10126. }
  10127. .wizard.vertical > .steps > ul > li a {
  10128. padding: 12px;
  10129. border: none;
  10130. border-radius: 4px;
  10131. }
  10132. .wizard.vertical > .steps .number {
  10133. font-size: 12px;
  10134. border: 2px solid #fff;
  10135. width: 24px;
  10136. height: 24px;
  10137. line-height: 24px;
  10138. text-align: center;
  10139. border-radius: 50%;
  10140. position: absolute;
  10141. left: 12px;
  10142. top: 50%;
  10143. margin-top: -14px;
  10144. }
  10145. }
  10146. .wizard.vertical > .content {
  10147. display: block;
  10148. background: #fff;
  10149. }
  10150. @media only screen and (min-width: 960px) {
  10151. .wizard.vertical > .content {
  10152. width: 75%;
  10153. float: left;
  10154. }
  10155. .wizard.vertical > .content .body {
  10156. padding: 16px 32px;
  10157. }
  10158. }
  10159. @media only screen and (min-width: 1220px) {
  10160. .wizard.vertical > .content {
  10161. width: 80%;
  10162. }
  10163. }
  10164. .wizard.vertical > .actions {
  10165. display: block;
  10166. clear: both;
  10167. }
  10168. /* chartist overide */
  10169. .chartist {
  10170. height: 240px;
  10171. width: 100%;
  10172. }
  10173. .chartist .ct-label {
  10174. color: #727272;
  10175. fill: #727272;
  10176. font-size: 14px;
  10177. }
  10178. .chartist-labels-inside .ct-label {
  10179. color: #fff;
  10180. fill: #fff;
  10181. }
  10182. .ct-line {
  10183. stroke-width: 2px;
  10184. }
  10185. .ct-point {
  10186. stroke-width: 8px;
  10187. }
  10188. .ct-series-a .ct-bar,
  10189. .ct-series-a .ct-line,
  10190. .ct-series-a .ct-point,
  10191. .ct-series-a .ct-slice-donut {
  10192. stroke: #1f77b4;
  10193. }
  10194. .ct-series-a .ct-area,
  10195. .ct-series-a .ct-slice-pie {
  10196. fill: #1f77b4;
  10197. }
  10198. .ct-series-b .ct-bar,
  10199. .ct-series-b .ct-line,
  10200. .ct-series-b .ct-point,
  10201. .ct-series-b .ct-slice-donut {
  10202. stroke: #ff7f0e;
  10203. }
  10204. .ct-series-b .ct-area,
  10205. .ct-series-b .ct-slice-pie {
  10206. fill: #ff7f0e;
  10207. }
  10208. .ct-series-c .ct-bar,
  10209. .ct-series-c .ct-line,
  10210. .ct-series-c .ct-point,
  10211. .ct-series-c .ct-slice-donut {
  10212. stroke: #2ca02c;
  10213. }
  10214. .ct-series-c .ct-area,
  10215. .ct-series-c .ct-slice-pie {
  10216. fill: #2ca02c;
  10217. }
  10218. .ct-series-d .ct-bar,
  10219. .ct-series-d .ct-line,
  10220. .ct-series-d .ct-point,
  10221. .ct-series-d .ct-slice-donut {
  10222. stroke: #d62728;
  10223. }
  10224. .ct-series-d .ct-area,
  10225. .ct-series-d .ct-slice-pie {
  10226. fill: #d62728;
  10227. }
  10228. .ct-series-e .ct-bar,
  10229. .ct-series-e .ct-line,
  10230. .ct-series-e .ct-point,
  10231. .ct-series-e .ct-slice-donut {
  10232. stroke: #9467bd;
  10233. }
  10234. .ct-series-e .ct-area,
  10235. .ct-series-e .ct-slice-pie {
  10236. fill: #9467bd;
  10237. }
  10238. .ct-series-f .ct-bar,
  10239. .ct-series-f .ct-line,
  10240. .ct-series-f .ct-point,
  10241. .ct-series-f .ct-slice-donut {
  10242. stroke: #8c564b;
  10243. }
  10244. .ct-series-f .ct-area,
  10245. .ct-series-f .ct-slice-pie {
  10246. fill: #8c564b;
  10247. }
  10248. .ct-series-g .ct-bar,
  10249. .ct-series-g .ct-line,
  10250. .ct-series-g .ct-point,
  10251. .ct-series-g .ct-slice-donut {
  10252. stroke: #e377c2;
  10253. }
  10254. .ct-series-g .ct-area,
  10255. .ct-series-g .ct-slice-pie {
  10256. fill: #e377c2;
  10257. }
  10258. .ct-series-h .ct-bar,
  10259. .ct-series-h .ct-line,
  10260. .ct-series-h .ct-point,
  10261. .ct-series-h .ct-slice-donut {
  10262. stroke: #7f7f7f;
  10263. }
  10264. .ct-series-h .ct-area,
  10265. .ct-series-h .ct-slice-pie {
  10266. fill: #7f7f7f;
  10267. }
  10268. .ct-series-i .ct-bar,
  10269. .ct-series-i .ct-line,
  10270. .ct-series-i .ct-point,
  10271. .ct-series-i .ct-slice-donut {
  10272. stroke: #bcbd22;
  10273. }
  10274. .ct-series-i .ct-area,
  10275. .ct-series-i .ct-slice-pie {
  10276. fill: #bcbd22;
  10277. }
  10278. .ct-series-j .ct-bar,
  10279. .ct-series-j .ct-line,
  10280. .ct-series-j .ct-point,
  10281. .ct-series-j .ct-slice-donut {
  10282. stroke: #17becf;
  10283. }
  10284. .ct-series-j .ct-area,
  10285. .ct-series-j .ct-slice-pie {
  10286. fill: #17becf;
  10287. }
  10288. .ct-series-k .ct-bar,
  10289. .ct-series-k .ct-line,
  10290. .ct-series-k .ct-point,
  10291. .ct-series-k .ct-slice-donut {
  10292. stroke: #eacf7d;
  10293. }
  10294. .ct-series-k .ct-area,
  10295. .ct-series-k .ct-slice-pie {
  10296. fill: #eacf7d;
  10297. }
  10298. .ct-series-l .ct-bar,
  10299. .ct-series-l .ct-line,
  10300. .ct-series-l .ct-point,
  10301. .ct-series-l .ct-slice-donut {
  10302. stroke: #86797d;
  10303. }
  10304. .ct-series-l .ct-area,
  10305. .ct-series-l .ct-slice-pie {
  10306. fill: #86797d;
  10307. }
  10308. .ct-series-m .ct-bar,
  10309. .ct-series-m .ct-line,
  10310. .ct-series-m .ct-point,
  10311. .ct-series-m .ct-slice-donut {
  10312. stroke: #b2c326;
  10313. }
  10314. .ct-series-m .ct-area,
  10315. .ct-series-m .ct-slice-pie {
  10316. fill: #b2c326;
  10317. }
  10318. .ct-series-n .ct-bar,
  10319. .ct-series-n .ct-line,
  10320. .ct-series-n .ct-point,
  10321. .ct-series-n .ct-slice-donut {
  10322. stroke: #6188e2;
  10323. }
  10324. .ct-series-n .ct-area,
  10325. .ct-series-n .ct-slice-pie {
  10326. fill: #6188e2;
  10327. }
  10328. .ct-series-o .ct-bar,
  10329. .ct-series-o .ct-line,
  10330. .ct-series-o .ct-point,
  10331. .ct-series-o .ct-slice-donut {
  10332. stroke: #a748ca;
  10333. }
  10334. .ct-series-o .ct-area,
  10335. .ct-series-o .ct-slice-pie {
  10336. fill: #a748ca;
  10337. }
  10338. /* dragula.js */
  10339. .gu-mirror {
  10340. position: fixed !important;
  10341. margin: 0 !important;
  10342. z-index: 9999 !important;
  10343. opacity: 0.8;
  10344. }
  10345. .gu-hide {
  10346. display: none !important;
  10347. }
  10348. .gu-unselectable {
  10349. -webkit-user-select: none !important;
  10350. -moz-user-select: none !important;
  10351. -ms-user-select: none !important;
  10352. user-select: none !important;
  10353. }
  10354. .gu-transit {
  10355. opacity: 0.2;
  10356. }
  10357. .dragula > * {
  10358. cursor: move;
  10359. }
  10360. .dragula-vertical {
  10361. height: 100%;
  10362. }
  10363. .dragula-vertical * + * {
  10364. margin-top: 4px;
  10365. }
  10366. /* Tablesorter Altair Theme */
  10367. .tablesorter-altair {
  10368. /*td.primary,
  10369. tr.odd td.primary {
  10370. color: #ddd;
  10371. background-color: #165388;
  10372. }
  10373. tr.even {
  10374. td {
  10375. &.primary {
  10376. color: #ddd;
  10377. background-color: #195c93;
  10378. }
  10379. &.secondary {
  10380. color: #ddd;
  10381. background-color: #1D67A5;
  10382. }
  10383. &.tertiary {
  10384. color: #ddd;
  10385. background-color: #2073B7;
  10386. }
  10387. }
  10388. }
  10389. td.secondary,
  10390. tr.odd td.secondary {
  10391. color: #ddd;
  10392. background-color: #185C9A;
  10393. }
  10394. td.tertiary,
  10395. tr.odd td.tertiary {
  10396. color: #ddd;
  10397. background-color: #1B67AD;
  10398. }*/
  10399. }
  10400. .tablesorter-altair .tablesorter-header-inner {
  10401. position: relative;
  10402. padding: 0 32px 0 0;
  10403. }
  10404. .tablesorter-altair .tablesorter-header-inner:after {
  10405. position: absolute;
  10406. right: 0;
  10407. top: -3px;
  10408. content: '\e164';
  10409. display: block;
  10410. width: 18px;
  10411. height: 18px;
  10412. font-size: 18px;
  10413. font-family: "Material Icons";
  10414. color: #aaa;
  10415. }
  10416. .tablesorter-altair .sorter-false .tablesorter-header-inner {
  10417. padding: 0;
  10418. }
  10419. .tablesorter-altair .header,
  10420. .tablesorter-altair .tablesorter-header {
  10421. cursor: pointer;
  10422. }
  10423. .tablesorter-altair th {
  10424. outline: 0 !important;
  10425. }
  10426. .tablesorter-altair .headerSortUp,
  10427. .tablesorter-altair .tablesorter-headerSortUp,
  10428. .tablesorter-altair .tablesorter-headerAsc {
  10429. color: #7cb342;
  10430. }
  10431. .tablesorter-altair .headerSortUp .tablesorter-header-inner:after,
  10432. .tablesorter-altair .tablesorter-headerSortUp .tablesorter-header-inner:after,
  10433. .tablesorter-altair .tablesorter-headerAsc .tablesorter-header-inner:after {
  10434. top: -2px;
  10435. content: '\e313';
  10436. color: #212121;
  10437. }
  10438. .tablesorter-altair .headerSortDown,
  10439. .tablesorter-altair .tablesorter-headerSortDown,
  10440. .tablesorter-altair .tablesorter-headerDesc {
  10441. color: #7cb342;
  10442. }
  10443. .tablesorter-altair .headerSortDown .tablesorter-header-inner:after,
  10444. .tablesorter-altair .tablesorter-headerSortDown .tablesorter-header-inner:after,
  10445. .tablesorter-altair .tablesorter-headerDesc .tablesorter-header-inner:after {
  10446. top: -2px;
  10447. content: '\e316';
  10448. color: #212121;
  10449. }
  10450. .tablesorter-altair thead .sorter-false {
  10451. cursor: default;
  10452. }
  10453. .tablesorter-altair thead .sorter-false .tablesorter-header-inner:after {
  10454. display: none;
  10455. }
  10456. .tablesorter-altair tbody > tr.even > td {
  10457. background-color: rgba(0, 0, 0, 0.085);
  10458. }
  10459. .tablesorter-altair tbody > tr.row_highlighted > td {
  10460. background: #e3f2fd;
  10461. }
  10462. .tablesorter-altair .tablesorter-processing {
  10463. background-position: center center !important;
  10464. background-repeat: no-repeat !important;
  10465. background-image: url(../assets/img/spinners/spinner.gif) !important;
  10466. }
  10467. .tablesorter-altair caption {
  10468. background-color: #fff;
  10469. }
  10470. .tablesorter-altair .tablesorter-filter-row td {
  10471. padding: 8px 4px;
  10472. line-height: normal;
  10473. text-align: center;
  10474. -webkit-transition: line-height 0.1s ease;
  10475. transition: line-height 0.1s ease;
  10476. }
  10477. .tablesorter-altair .tablesorter-filter-row .disabled {
  10478. opacity: 0.5;
  10479. cursor: not-allowed;
  10480. background: rgba(0, 0, 0, 0.085);
  10481. }
  10482. .tablesorter-altair .tablesorter-filter-row.hideme * {
  10483. height: 1px;
  10484. min-height: 0;
  10485. border: 0;
  10486. padding: 0;
  10487. margin: 0;
  10488. opacity: 0;
  10489. }
  10490. .tablesorter-altair .tablesorter-filter-row.hideme td {
  10491. /*** *********************************************** ***/
  10492. /*** change this padding to modify the thickness ***/
  10493. /*** of the closed filter row (height = padding x 2) ***/
  10494. padding: 2px;
  10495. /*** *********************************************** ***/
  10496. margin: 0;
  10497. line-height: 0;
  10498. cursor: pointer;
  10499. }
  10500. .tablesorter-altair input.tablesorter-filter,
  10501. .tablesorter-altair select.tablesorter-filter {
  10502. width: 100%;
  10503. height: auto;
  10504. margin: 0;
  10505. padding: 4px;
  10506. line-height: 24px;
  10507. border: 1px solid rgba(0, 0, 0, 0.12);
  10508. color: #212121;
  10509. box-sizing: border-box;
  10510. -webkit-transition: height 0.1s ease;
  10511. transition: height 0.1s ease;
  10512. border-radius: 0;
  10513. -webkit-appearance: none;
  10514. }
  10515. .tablesorter-altair .ts-align-wrap {
  10516. white-space: nowrap;
  10517. width: 100%;
  10518. overflow: hidden;
  10519. }
  10520. .tablesorter-altair .ts-align-wrap,
  10521. .tablesorter-altair .ts-align-left,
  10522. .tablesorter-altair .ts-align-right {
  10523. display: inline-block;
  10524. box-sizing: border-box;
  10525. }
  10526. .tablesorter-altair .ts-align-left {
  10527. text-align: right;
  10528. }
  10529. .tablesorter-altair .ts-align-right {
  10530. text-align: left;
  10531. }
  10532. .tablesorter-altair td:nth-child(3) .ts-align-right i {
  10533. color: #e53935;
  10534. }
  10535. .tablesorter-altair input[type="search"]::-webkit-search-decoration,
  10536. .tablesorter-altair input[type="search"]::-webkit-search-cancel-button,
  10537. .tablesorter-altair input[type="search"]::-webkit-search-results-button,
  10538. .tablesorter-altair input[type="search"]::-webkit-search-results-decoration {
  10539. display: none;
  10540. }
  10541. .tablesorter .filtered {
  10542. display: none;
  10543. }
  10544. .tablesorter .tablesorter-errorRow td {
  10545. text-align: center;
  10546. cursor: pointer;
  10547. background-color: #e53935;
  10548. color: #fff;
  10549. }
  10550. .tablesorter .remove-me {
  10551. display: none;
  10552. }
  10553. .ts_pager .selectize-control {
  10554. vertical-align: middle;
  10555. display: inline-block;
  10556. text-align: left;
  10557. margin-top: -3px;
  10558. margin-left: 4px;
  10559. }
  10560. .ts_pager .selectize-control .selectize-input {
  10561. min-width: 64px;
  10562. }
  10563. /*!
  10564. * Waves v0.7.4
  10565. * http://fian.my.id/Waves
  10566. *
  10567. * Copyright 2014 Alfiana E. Sibuea and other contributors
  10568. * Released under the MIT license
  10569. * https://github.com/fians/Waves/blob/master/LICENSE
  10570. */
  10571. .waves-effect {
  10572. position: relative;
  10573. cursor: pointer;
  10574. overflow: hidden;
  10575. -webkit-tap-highlight-color: transparent;
  10576. }
  10577. .waves-effect .waves-ripple {
  10578. position: absolute;
  10579. border-radius: 50%;
  10580. width: 80px;
  10581. height: 80px;
  10582. margin-top: -40px;
  10583. margin-left: -40px;
  10584. opacity: 0;
  10585. background: rgba(0, 0, 0, 0.2);
  10586. -webkit-transition: all 500ms ease-out;
  10587. transition: all 500ms ease-out;
  10588. -webkit-transition-property: opacity, -webkit-transform;
  10589. transition-property: opacity, -webkit-transform;
  10590. transition-property: transform, opacity;
  10591. transition-property: transform, opacity, -webkit-transform;
  10592. -webkit-transform: scale(0) translate(0, 0);
  10593. transform: scale(0) translate(0, 0);
  10594. pointer-events: none;
  10595. }
  10596. .waves-effect.waves-light .waves-ripple {
  10597. background: rgba(255, 255, 255, 0.55);
  10598. }
  10599. .waves-effect.md-btn-flat {
  10600. background: none;
  10601. }
  10602. .waves-effect.waves-default .waves-ripple {
  10603. background: rgba(153, 153, 153, 0.2);
  10604. }
  10605. .waves-effect.md-btn-flat-primary .waves-ripple {
  10606. background: rgba(33, 150, 243, 0.4);
  10607. }
  10608. .waves-effect.md-btn-flat-danger .waves-ripple {
  10609. background: rgba(229, 57, 53, 0.4);
  10610. }
  10611. .waves-effect.md-btn-flat-warning .waves-ripple {
  10612. background: rgba(255, 160, 0, 0.4);
  10613. }
  10614. .waves-effect.md-btn-flat-success .waves-ripple {
  10615. background: rgba(124, 179, 66, 0.4);
  10616. }
  10617. .waves-notransition {
  10618. -webkit-transition: none !important;
  10619. transition: none !important;
  10620. }
  10621. .waves-button,
  10622. .waves-circle {
  10623. -webkit-transform: translateZ(0);
  10624. transform: translateZ(0);
  10625. }
  10626. .waves-input-wrapper {
  10627. border-radius: 0.2em;
  10628. vertical-align: bottom;
  10629. }
  10630. .waves-input-wrapper.waves-button {
  10631. padding: 0;
  10632. }
  10633. .waves-input-wrapper .waves-button-input {
  10634. position: relative;
  10635. top: 0;
  10636. left: 0;
  10637. z-index: 1;
  10638. }
  10639. .waves-circle {
  10640. text-align: center;
  10641. width: 2.5em;
  10642. height: 2.5em;
  10643. line-height: 2.5em;
  10644. border-radius: 50%;
  10645. }
  10646. .waves-float {
  10647. -webkit-mask-image: none;
  10648. -webkit-transition: all 300ms;
  10649. transition: all 300ms;
  10650. }
  10651. .waves-block {
  10652. display: block;
  10653. }
  10654. /* Firefox Bug: link not triggered */
  10655. a.waves-effect .waves-ripple {
  10656. z-index: -1;
  10657. }
  10658. .enjoyhint {
  10659. position: fixed;
  10660. width: 100%;
  10661. height: 100%;
  10662. top: 0;
  10663. left: 0;
  10664. z-index: 2000;
  10665. pointer-events: none;
  10666. overflow: hidden;
  10667. }
  10668. .enjoyhint_hide {
  10669. display: none;
  10670. }
  10671. .enjoyhint_disable_events {
  10672. position: absolute;
  10673. width: 2000px;
  10674. height: 1500px;
  10675. z-index: 2010;
  10676. pointer-events: all;
  10677. }
  10678. .enjoyhint_next_btn,
  10679. .enjoyhint_skip_btn,
  10680. .enjoyhint_btn {
  10681. position: absolute;
  10682. z-index: 2020;
  10683. pointer-events: all;
  10684. box-sizing: content-box;
  10685. width: 100px;
  10686. height: 46px;
  10687. cursor: pointer;
  10688. margin: 0 auto;
  10689. border-radius: 3px;
  10690. font: 500 20px / 46px "Roboto", sans-serif;
  10691. text-align: center;
  10692. text-overflow: clip;
  10693. -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  10694. transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  10695. text-transform: uppercase;
  10696. }
  10697. .enjoyhint_next_btn {
  10698. color: #212121;
  10699. background: #fff;
  10700. box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  10701. }
  10702. .enjoyhint_next_btn:hover {
  10703. box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  10704. }
  10705. .enjoyhint_next_btn:active {
  10706. box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  10707. -webkit-transition: none;
  10708. transition: none;
  10709. }
  10710. .enjoyhint_skip_btn {
  10711. color: #29b6f6;
  10712. }
  10713. .enjoyhint_skip_btn:hover {
  10714. background: rgba(0, 0, 0, 0.1);
  10715. }
  10716. .enjoyhint_skip_btn:active {
  10717. background: rgba(0, 0, 0, 0.1);
  10718. -webkit-transition: none;
  10719. transition: none;
  10720. }
  10721. .enjoyhint_close_btn {
  10722. display: inline-block;
  10723. position: absolute;
  10724. z-index: 2020;
  10725. pointer-events: all;
  10726. box-sizing: content-box;
  10727. width: .3em;
  10728. height: .3em;
  10729. border-radius: 1em;
  10730. font: 400 8em / normal Arial, Helvetica, sans-serif;
  10731. color: #000000;
  10732. text-overflow: clip;
  10733. background: rgba(0, 0, 0, 0);
  10734. border: 2px solid #fff;
  10735. -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  10736. transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  10737. }
  10738. .enjoyhint_close_btn:before {
  10739. display: inline-block;
  10740. box-sizing: content-box;
  10741. width: 73%;
  10742. height: 2px;
  10743. position: absolute;
  10744. content: "";
  10745. top: 48%;
  10746. left: 14%;
  10747. border: none;
  10748. font: normal 100% / normal Arial, Helvetica, sans-serif;
  10749. color: #000000;
  10750. text-overflow: clip;
  10751. background: #fff;
  10752. text-shadow: none;
  10753. -webkit-transform: rotateZ(45deg);
  10754. transform: rotateZ(45deg);
  10755. }
  10756. .enjoyhint_close_btn:after {
  10757. display: inline-block;
  10758. box-sizing: content-box;
  10759. width: 73%;
  10760. height: 2px;
  10761. position: absolute;
  10762. content: "";
  10763. top: 46%;
  10764. left: 15%;
  10765. border: none;
  10766. font: normal 100% / normal Arial, Helvetica, sans-serif;
  10767. color: #000000;
  10768. text-overflow: clip;
  10769. background: #fff;
  10770. text-shadow: none;
  10771. -webkit-transform: rotateZ(-45deg);
  10772. transform: rotateZ(-45deg);
  10773. }
  10774. .enjoyhint_close_btn:hover {
  10775. color: #ffffff;
  10776. border-color: #e53935;
  10777. cursor: pointer;
  10778. }
  10779. .enjoyhint_close_btn:active {
  10780. border: 2px solid #fff;
  10781. -webkit-transition: none;
  10782. transition: none;
  10783. }
  10784. .enjoyhint_btn {
  10785. box-sizing: content-box;
  10786. width: 150px;
  10787. height: 40px;
  10788. cursor: pointer;
  10789. margin: 0 auto;
  10790. border: 2px solid #1ecd97;
  10791. border-radius: 40px;
  10792. font: normal normal normal 17px/40px "Advent Pro", Helvetica, sans-serif;
  10793. color: #1ecd97;
  10794. text-align: center;
  10795. text-overflow: clip;
  10796. letter-spacing: 1px;
  10797. background: rgba(0, 0, 0, 0);
  10798. -webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
  10799. transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
  10800. }
  10801. .enjoyhint_btn:hover {
  10802. color: #ffffff;
  10803. background: #1ecd97;
  10804. }
  10805. .enjoyhint_btn:active {
  10806. border: 2px solid #21e0a3;
  10807. background: #21e0a3;
  10808. -webkit-transition: none;
  10809. transition: none;
  10810. }
  10811. .enjoyhint div.canvas-container {
  10812. position: absolute;
  10813. }
  10814. .enjoyhint_canvas {
  10815. position: absolute;
  10816. z-index: 2010;
  10817. width: 100%;
  10818. height: 100%;
  10819. pointer-events: none;
  10820. }
  10821. .enjoyhint_svg_wrapper {
  10822. position: absolute;
  10823. width: 100%;
  10824. height: 100%;
  10825. top: 0;
  10826. left: 0;
  10827. z-index: 2010;
  10828. -webkit-transition: opacity 400ms cubic-bezier(0.42, 0, 0.58, 1);
  10829. transition: opacity 400ms cubic-bezier(0.42, 0, 0.58, 1);
  10830. }
  10831. .enjoyhint_svg_wrapper svg {
  10832. position: absolute;
  10833. width: 100%;
  10834. height: 100%;
  10835. top: 0;
  10836. left: 0;
  10837. }
  10838. .enjoyhint_svg_transparent .enjoyhint_svg_wrapper,
  10839. .enjoyhint_svg_transparent .enjoy_hint_label {
  10840. opacity: 0;
  10841. }
  10842. .enjoy_hint_label {
  10843. position: absolute;
  10844. color: #fff;
  10845. z-index: 2020;
  10846. font: 400 22px / 32px "Roboto", sans-serif;
  10847. -webkit-transition: opacity 400ms cubic-bezier(0.42, 0, 0.58, 1);
  10848. transition: opacity 400ms cubic-bezier(0.42, 0, 0.58, 1);
  10849. }
  10850. .enjoy_hint_label .material-icons {
  10851. color: #fff;
  10852. font-size: 24px;
  10853. }
  10854. #kinetic_container {
  10855. pointer-events: none;
  10856. position: absolute;
  10857. width: 100%;
  10858. height: 100%;
  10859. top: 0;
  10860. left: 0;
  10861. }
  10862. div.kineticjs-content {
  10863. position: absolute !important;
  10864. }
  10865. .cr_preview {
  10866. overflow: hidden;
  10867. border: 1px solid #555;
  10868. margin: 8px 8px 8px 0;
  10869. }
  10870. .cr_preview_lg {
  10871. width: 264px;
  10872. height: 148px;
  10873. }
  10874. .cr_preview_md {
  10875. width: 140px;
  10876. height: 78px;
  10877. }
  10878. .cr_preview_sm {
  10879. width: 68px;
  10880. height: 48px;
  10881. }
  10882. .cr_preview_xs {
  10883. width: 36px;
  10884. height: 36px;
  10885. }
  10886. .canvasModalImage {
  10887. margin: 0 auto;
  10888. text-align: center;
  10889. }
  10890. .canvasModalImage > * {
  10891. border: 1px solid #ccc;
  10892. padding: 4px;
  10893. }
  10894. .context-menu-list {
  10895. border: none;
  10896. border-radius: 2px;
  10897. box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  10898. }
  10899. .context-menu-list .context-menu-item {
  10900. padding: 5px 32px;
  10901. font-size: 14px;
  10902. color: #212121;
  10903. }
  10904. .context-menu-list .context-menu-hover {
  10905. background: rgba(0, 0, 0, 0.085);
  10906. color: #212121;
  10907. }
  10908. .context-menu-list .context-menu-material > .material-icons {
  10909. position: absolute;
  10910. left: 7px;
  10911. top: 5px;
  10912. font-size: 18px;
  10913. }
  10914. .context-menu-list .context-menu-separator {
  10915. margin: 8px 0;
  10916. padding: 0;
  10917. }
  10918. .context-menu-list .context-menu-disabled,
  10919. .context-menu-list .context-menu-disabled > .material-icons {
  10920. color: #bbb;
  10921. }
  10922. /* 7. partials (header,sidebars,top bar) ============= */
  10923. /* main header */
  10924. #header_main {
  10925. background: #1976d2;
  10926. --box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  10927. padding: 0 24px;
  10928. height: 36px;
  10929. left: 0;
  10930. --position: fixed;
  10931. right: 0;
  10932. top: 0;
  10933. z-index: 1104;
  10934. }
  10935. #header_main:before,
  10936. #header_main:after {
  10937. content: " ";
  10938. display: table;
  10939. }
  10940. #header_main:after {
  10941. clear: both;
  10942. }
  10943. #header_main:before,
  10944. #header_main:after {
  10945. content: " ";
  10946. display: table;
  10947. }
  10948. #header_main:after {
  10949. clear: both;
  10950. }
  10951. #header_main .uk-navbar {
  10952. border: none;
  10953. background: none;
  10954. }
  10955. #header_main .uk-navbar .uk-navbar-nav {
  10956. position: relative;
  10957. }
  10958. #header_main .uk-navbar .uk-navbar-nav > li {
  10959. position: static;
  10960. }
  10961. #header_main .uk-navbar .uk-navbar-nav > li > a {
  10962. color: #fff;
  10963. text-shadow: none;
  10964. border: none;
  10965. line-height: 44px;
  10966. font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  10967. box-sizing: border-box;
  10968. height: 48px;
  10969. z-index: auto;
  10970. cursor: pointer;
  10971. }
  10972. @media only screen and (max-width: 767px) {
  10973. #header_main .uk-navbar .uk-navbar-nav > li > a {
  10974. line-height: 44px;
  10975. }
  10976. }
  10977. @media only screen and (max-width: 767px) {
  10978. #header_main .uk-navbar .uk-navbar-nav > li > a {
  10979. padding: 2px 10px 0;
  10980. }
  10981. }
  10982. #header_main .uk-navbar .uk-navbar-nav > li > a:focus,
  10983. #header_main .uk-navbar .uk-navbar-nav > li > a:active {
  10984. background: none;
  10985. }
  10986. #header_main .uk-navbar .uk-navbar-nav > li > a:after {
  10987. position: absolute;
  10988. bottom: -2px;
  10989. left: 50%;
  10990. content: '';
  10991. display: block;
  10992. height: 0;
  10993. width: 0;
  10994. border: 7px solid transparent;
  10995. margin-left: -6px;
  10996. z-index: -1;
  10997. -webkit-transition: all 100ms ease-in 0ms;
  10998. transition: all 100ms ease-in 0ms;
  10999. }
  11000. #header_main .uk-navbar .uk-navbar-nav > li > a.navbar_link {
  11001. line-height: 48px;
  11002. }
  11003. #header_main .uk-navbar .uk-navbar-nav > li:hover > a,
  11004. #header_main .uk-navbar .uk-navbar-nav > li:focus > a,
  11005. #header_main .uk-navbar .uk-navbar-nav > li.uk-open > a,
  11006. #header_main .uk-navbar .uk-navbar-nav > li.uk-active > a {
  11007. background: none;
  11008. }
  11009. #header_main .uk-navbar .uk-navbar-nav > li.uk-open > a {
  11010. position: relative;
  11011. }
  11012. #header_main .uk-navbar .uk-navbar-nav > li.uk-open > a:after {
  11013. border-bottom-color: #fff;
  11014. -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  11015. transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  11016. z-index: 1104;
  11017. }
  11018. #header_main .uk-navbar .uk-navbar-nav > li .uk-dropdown {
  11019. margin-top: 1px;
  11020. max-height: 300px;
  11021. top: 100% !important;
  11022. right: 0 !important;
  11023. left: auto !important;
  11024. }
  11025. #header_main .uk-navbar .uk-navbar-nav > li .uk-dropdown .md-list {
  11026. margin-left: -10px;
  11027. }
  11028. #header_main .uk-navbar .uk-navbar-nav > li .uk-dropdown .md-list > li {
  11029. margin-right: 16px;
  11030. }
  11031. #header_main .uk-navbar .uk-navbar-nav > li .uk-dropdown .uk-switcher {
  11032. max-height: 216px;
  11033. overflow-y: auto;
  11034. -webkit-overflow-scrolling: touch;
  11035. }
  11036. #header_main .user_actions a.user_action_image {
  11037. position: relative;
  11038. line-height: 48px !important;
  11039. }
  11040. #header_main .user_actions .user_action_icon {
  11041. display: block;
  11042. position: relative;
  11043. text-align: right;
  11044. padding-top: 4px;
  11045. }
  11046. #header_main .user_actions .user_action_icon:hover,
  11047. #header_main .user_actions .user_action_icon:focus {
  11048. text-decoration: none;
  11049. }
  11050. #header_main .user_actions .user_action_icon > .uk-badge {
  11051. background: rgba(0, 0, 0, 0.5);
  11052. color: #fff;
  11053. font-size: 11px;
  11054. font-weight: normal;
  11055. position: absolute;
  11056. left: 0;
  11057. top: 8px;
  11058. min-width: 20px;
  11059. padding: 1px 4px;
  11060. line-height: 14px;
  11061. border-radius: 2px;
  11062. }
  11063. #header_main .sSwitch {
  11064. cursor: pointer;
  11065. margin: 12px 0 0;
  11066. /*padding: 12px 0;*/
  11067. position: relative;
  11068. }
  11069. #header_main .sSwitch:before {
  11070. content: '';
  11071. position: absolute;
  11072. top: 4px;
  11073. width: 2px;
  11074. height: 18px;
  11075. background: rgba(255, 255, 255, 0.6);
  11076. display: block;
  11077. opacity: 0;
  11078. -webkit-transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
  11079. transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
  11080. }
  11081. #header_main .sSwitch,
  11082. #header_main .sSwitch .sSwitchIcon {
  11083. display: block;
  11084. height: 2px;
  11085. position: relative;
  11086. -webkit-user-select: none;
  11087. -moz-user-select: none;
  11088. -ms-user-select: none;
  11089. user-select: none;
  11090. width: 60px;
  11091. }
  11092. #header_main .sSwitch .sSwitchIcon {
  11093. will-change: transform;
  11094. }
  11095. #header_main .sSwitch .sSwitchIcon,
  11096. #header_main .sSwitch .sSwitchIcon:before,
  11097. #header_main .sSwitch .sSwitchIcon:after {
  11098. background: #fff;
  11099. -webkit-transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1);
  11100. transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1);
  11101. }
  11102. #header_main .sSwitch .sSwitchIcon:before,
  11103. #header_main .sSwitch .sSwitchIcon:after {
  11104. content: "";
  11105. display: block;
  11106. height: 2px;
  11107. position: absolute;
  11108. width: 20px;
  11109. z-index: -1;
  11110. }
  11111. #header_main .sSwitch .sSwitchIcon:before {
  11112. top: 6px;
  11113. }
  11114. #header_main .sSwitch .sSwitchIcon:after {
  11115. top: -6px;
  11116. }
  11117. #header_main .sSwitch.sSwitch_left {
  11118. float: left;
  11119. margin-right: 16px;
  11120. }
  11121. #header_main .sSwitch.sSwitch_left:before {
  11122. left: -8px;
  11123. }
  11124. #header_main .sSwitch.sSwitch_left .sSwitchIcon {
  11125. -webkit-transform: rotate(-180deg);
  11126. transform: rotate(-180deg);
  11127. }
  11128. #header_main .sSwitch.sSwitch_left .sSwitchIcon:before,
  11129. #header_main .sSwitch.sSwitch_left .sSwitchIcon:after {
  11130. left: 0;
  11131. }
  11132. #header_main .sSwitch.sSwitch_right {
  11133. float: right;
  11134. margin-left: 30px;
  11135. }
  11136. #header_main .sSwitch.sSwitch_right:before {
  11137. right: -8px;
  11138. }
  11139. @media only screen and (max-width: 767px) {
  11140. #header_main .sSwitch.sSwitch_right {
  11141. margin-left: 24px;
  11142. }
  11143. }
  11144. #header_main .sSwitch.sSwitch_right .sSwitchIcon {
  11145. -webkit-transform: rotate(-180deg);
  11146. transform: rotate(-180deg);
  11147. }
  11148. #header_main .sSwitch.sSwitch_right .sSwitchIcon:before,
  11149. #header_main .sSwitch.sSwitch_right .sSwitchIcon:after {
  11150. right: 0;
  11151. }
  11152. #header_main .sSwitch.sSwitch_right.sidebar_secondary_check {
  11153. display: none;
  11154. }
  11155. #header_main .header_main_search_form {
  11156. display: none;
  11157. position: relative;
  11158. padding: 2px 46px 0 40px;
  11159. margin: 5px 0;
  11160. }
  11161. #header_main .header_main_search_form form {
  11162. display: block;
  11163. position: static;
  11164. }
  11165. #header_main .header_main_search_form .md-icon,
  11166. #header_main .header_main_search_form .md-icon:hover,
  11167. #header_main .header_main_search_form .md-icon:focus {
  11168. color: #fff;
  11169. }
  11170. #header_main .header_main_search_form [data-uk-autocomplete] .uk-dropdown {
  11171. left: 40px;
  11172. right: 46px;
  11173. width: auto;
  11174. }
  11175. #header_main .header_main_search_input {
  11176. border: none;
  11177. width: 100%;
  11178. box-sizing: border-box;
  11179. border-radius: 0;
  11180. vertical-align: top;
  11181. padding: 6px 15px;
  11182. font-size: 16px;
  11183. height: auto;
  11184. background: rgba(255, 255, 255, 0.2);
  11185. color: #fff;
  11186. }
  11187. #header_main .header_main_search_btn {
  11188. position: absolute;
  11189. top: 0;
  11190. right: -2px;
  11191. cursor: pointer;
  11192. }
  11193. #header_main .header_main_search_close {
  11194. position: absolute;
  11195. top: 3px;
  11196. left: 2px;
  11197. }
  11198. .header_double_height:after {
  11199. position: absolute;
  11200. top: 48px;
  11201. left: 0;
  11202. right: 0;
  11203. height: 59px;
  11204. background: #1976d2;
  11205. content: '';
  11206. display: block;
  11207. }
  11208. .header_double_height #header_main {
  11209. box-shadow: none;
  11210. position: absolute;
  11211. }
  11212. .header_double_height #page_content {
  11213. position: relative;
  11214. overflow: hidden;
  11215. padding-top: 10px;
  11216. }
  11217. .header_double_height #page_content_inner {
  11218. padding: 0;
  11219. }
  11220. .header_double_height .md-card-single {
  11221. position: relative;
  11222. z-index: 1;
  11223. -webkit-transform-origin: 50% 50%;
  11224. transform-origin: 50% 50%;
  11225. }
  11226. .header_double_height .md-card-single .md-card-content {
  11227. overflow-x: hidden;
  11228. overflow-y: auto;
  11229. box-sizing: border-box;
  11230. -webkit-overflow-scrolling: touch;
  11231. }
  11232. .header_double_height .md-list-outside-wrapper {
  11233. margin-top: 48px;
  11234. }
  11235. .main_logo_top {
  11236. float: left;
  11237. line-height: 48px;
  11238. min-width: 240px;
  11239. display: block;
  11240. }
  11241. @media only screen and (max-width: 767px) {
  11242. .main_logo_top {
  11243. min-width: inherit;
  11244. }
  11245. }
  11246. .main_logo_top > a {
  11247. display: inline-block;
  11248. line-height: 48px;
  11249. }
  11250. .main_logo_top > a img {
  11251. max-height: 48px;
  11252. width: auto;
  11253. }
  11254. .header_full #sidebar_main {
  11255. top: 48px;
  11256. height: auto;
  11257. }
  11258. .header_full #header_main {
  11259. margin-left: 0 !important;
  11260. z-index: 1214;
  11261. }
  11262. .header_full.sidebar_mini #sidebar_main .menu_section > ul > li > ul {
  11263. top: 48px;
  11264. }
  11265. .header_full.sidebar_mini #sidebar_main .menu_section > ul > li > a > .menu_title {
  11266. top: 48px;
  11267. }
  11268. /* main sidebar */
  11269. #sidebar_main {
  11270. width: 240px;
  11271. border-right: 1px solid rgba(0, 0, 0, 0.12);
  11272. position: fixed;
  11273. height: 100%;
  11274. top: 0;
  11275. bottom: 0;
  11276. left: 0;
  11277. -webkit-transform: translate3d(-240px, 0, 0);
  11278. transform: translate3d(-240px, 0, 0);
  11279. z-index: 1204;
  11280. background: #fff;
  11281. -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  11282. transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  11283. will-change: transform;
  11284. }
  11285. #sidebar_main,
  11286. #sidebar_main:before,
  11287. #sidebar_main:after,
  11288. #sidebar_main *,
  11289. #sidebar_main *:before,
  11290. #sidebar_main *:after {
  11291. box-sizing: border-box;
  11292. }
  11293. @media only screen and (max-width: 767px) {
  11294. #sidebar_main {
  11295. width: 280px;
  11296. -webkit-transform: translate3d(-280px, 0, 0);
  11297. transform: translate3d(-280px, 0, 0);
  11298. }
  11299. }
  11300. #sidebar_main .menu_section .menu_heading {
  11301. font: 400 12px / 16px "Roboto", sans-serif;
  11302. margin: 0 0 12px;
  11303. padding: 6px 6px 12px;
  11304. border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  11305. text-transform: uppercase;
  11306. color: #212121;
  11307. }
  11308. #sidebar_main .menu_section ul {
  11309. margin: 0;
  11310. padding: 0;
  11311. list-style: none;
  11312. }
  11313. #sidebar_main .menu_section ul > li {
  11314. padding: 0;
  11315. margin: 0;
  11316. list-style: none;
  11317. }
  11318. #sidebar_main .menu_section > ul > li > a {
  11319. font: 500 14px / 25px "Roboto", sans-serif;
  11320. color: #212121;
  11321. padding: 8px 20px;
  11322. display: block;
  11323. overflow: hidden;
  11324. position: relative;
  11325. }
  11326. @media only screen and (max-width: 767px) {
  11327. #sidebar_main .menu_section > ul > li > a {
  11328. font-size: 16px;
  11329. }
  11330. }
  11331. #sidebar_main .menu_section > ul > li > a:hover {
  11332. text-decoration: none;
  11333. }
  11334. #sidebar_main .menu_section > ul > li > a > .menu_icon {
  11335. width: 48px;
  11336. text-align: left;
  11337. display: inline-block;
  11338. color: #727272;
  11339. }
  11340. #sidebar_main .menu_section > ul > li > a > .menu_icon .material-icons {
  11341. font-size: 24px;
  11342. vertical-align: top;
  11343. }
  11344. #sidebar_main .menu_section > ul > li > a .menu_title {
  11345. display: inline-block;
  11346. }
  11347. #sidebar_main .menu_section > ul > li > a .uk-badge {
  11348. padding: 1px 4px;
  11349. text-transform: uppercase;
  11350. font-size: 10px;
  11351. position: absolute;
  11352. left: 34px;
  11353. top: 0;
  11354. }
  11355. #sidebar_main .menu_section > ul > li.act_section.submenu_trigger > a {
  11356. position: relative;
  11357. }
  11358. #sidebar_main .menu_section > ul > li.act_section.submenu_trigger > a:before {
  11359. -webkit-transform: rotate(-180deg);
  11360. transform: rotate(-180deg);
  11361. }
  11362. #sidebar_main .menu_section > ul > li.current_section > a > .menu_icon .material-icons {
  11363. color: #7cb342;
  11364. }
  11365. #sidebar_main .menu_section > ul > li.current_section > a .menu_title {
  11366. color: #7cb342;
  11367. }
  11368. #sidebar_main .menu_section > ul > li ul {
  11369. margin: 0;
  11370. display: none;
  11371. }
  11372. #sidebar_main .menu_section > ul > li ul a {
  11373. padding: 8px 10px 8px 72px;
  11374. display: block;
  11375. font: 400 13px / 18px "Roboto", sans-serif;
  11376. color: #212121;
  11377. }
  11378. @media only screen and (max-width: 767px) {
  11379. #sidebar_main .menu_section > ul > li ul a {
  11380. font-size: 15px;
  11381. line-height: 20px;
  11382. }
  11383. }
  11384. #sidebar_main .menu_section > ul > li ul a:hover {
  11385. text-decoration: none;
  11386. }
  11387. #sidebar_main .menu_section > ul > li ul li.act_item a {
  11388. color: #7cb342;
  11389. font-weight: 500;
  11390. }
  11391. #sidebar_main .menu_section > ul > li ul li.menu_subtitle {
  11392. font-weight: 500;
  11393. font-size: 13px;
  11394. color: #aaa;
  11395. padding: 16px 0 4px 72px;
  11396. }
  11397. #sidebar_main .menu_section > ul > li.submenu_trigger > a {
  11398. position: relative;
  11399. }
  11400. #sidebar_main .menu_section > ul > li.submenu_trigger > a:before {
  11401. position: absolute;
  11402. right: 8px;
  11403. top: 9px;
  11404. content: '\e313';
  11405. font-family: "Material Icons";
  11406. font-size: 18px;
  11407. display: block;
  11408. color: #727272;
  11409. -webkit-transition: -webkit-transform 280ms;
  11410. transition: -webkit-transform 280ms;
  11411. transition: transform 280ms;
  11412. transition: transform 280ms, -webkit-transform 280ms;
  11413. }
  11414. #sidebar_main .menu_section > ul > li.submenu_trigger li ul {
  11415. margin-left: 16px;
  11416. }
  11417. #sidebar_main .menu_section > ul > li.submenu_trigger li.submenu_trigger > a {
  11418. position: relative;
  11419. padding-right: 32px;
  11420. }
  11421. #sidebar_main .menu_section > ul > li.submenu_trigger li.submenu_trigger > a:before {
  11422. position: absolute;
  11423. right: 8px;
  11424. top: 7px;
  11425. content: '\e5c5';
  11426. font-family: "Material Icons";
  11427. font-size: 18px;
  11428. display: block;
  11429. color: #727272;
  11430. -webkit-transition: -webkit-transform 280ms;
  11431. transition: -webkit-transform 280ms;
  11432. transition: transform 280ms;
  11433. transition: transform 280ms, -webkit-transform 280ms;
  11434. }
  11435. #sidebar_main .menu_section > ul > li.submenu_trigger li.submenu_trigger.act_section > a:before {
  11436. -webkit-transform: rotate(-180deg);
  11437. transform: rotate(-180deg);
  11438. }
  11439. #sidebar_main .sidebar_main_header {
  11440. height: 89px;
  11441. border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  11442. margin-bottom: 20px;
  11443. background-image: url("../img/sidebar_head_bg.png");
  11444. background-repeat: no-repeat;
  11445. background-position: -20px -124px;
  11446. }
  11447. @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 192), only screen and (min-resolution: 192dppx), only screen and (min-resolution: 2dppx) {
  11448. #sidebar_main .sidebar_main_header {
  11449. background-image: url("../img/sidebar_head_bg@2x.png");
  11450. background-size: 310px 310px;
  11451. }
  11452. }
  11453. #sidebar_main .sidebar_main_header .sidebar_logo {
  11454. height: 48px;
  11455. line-height: 48px;
  11456. overflow: hidden;
  11457. }
  11458. #sidebar_main .sidebar_main_header .sidebar_logo a {
  11459. display: inline-block;
  11460. margin-left: 20px;
  11461. }
  11462. #sidebar_main .sidebar_main_header .sidebar_logo a .logo_light {
  11463. display: none;
  11464. }
  11465. #sidebar_main .sidebar_main_header .sidebar_actions {
  11466. margin: 0 20px;
  11467. }
  11468. #sidebar_main .sidebar_main_header .sidebar_actions:before,
  11469. #sidebar_main .sidebar_main_header .sidebar_actions:after {
  11470. content: " ";
  11471. display: table;
  11472. }
  11473. #sidebar_main .sidebar_main_header .sidebar_actions:after {
  11474. clear: both;
  11475. }
  11476. #sidebar_main .sidebar_main_header .sidebar_actions:before,
  11477. #sidebar_main .sidebar_main_header .sidebar_actions:after {
  11478. content: " ";
  11479. display: table;
  11480. }
  11481. #sidebar_main .sidebar_main_header .sidebar_actions:after {
  11482. clear: both;
  11483. }
  11484. #sidebar_main .sidebar_main_header .sidebar_actions .selectize-control {
  11485. float: left;
  11486. height: 40px;
  11487. }
  11488. #sidebar_main .sidebar_main_header .sidebar_actions .selectize-control .selectize-input:after {
  11489. margin-top: -13px !important;
  11490. right: 32px;
  11491. }
  11492. #sidebar_main .sidebar_main_header .sidebar_actions .selectize-input {
  11493. width: 48px;
  11494. border: none;
  11495. padding: 6px 0;
  11496. background: transparent;
  11497. }
  11498. #sidebar_main .sidebar_main_header .sidebar_actions .selectize-input input {
  11499. -webkit-user-select: none !important;
  11500. -moz-user-select: none !important;
  11501. -ms-user-select: none !important;
  11502. user-select: none !important;
  11503. }
  11504. #sidebar_main .sidebar_main_header .sidebar_actions .selectize-dropdown {
  11505. width: 160px !important;
  11506. margin-left: -8px;
  11507. }
  11508. #sidebar_main .sidebar_main_header .sidebar_actions .selectize-dropdown .item-icon {
  11509. margin-right: 8px;
  11510. }
  11511. #sidebar_main .sSidebar_show {
  11512. display: none !important;
  11513. }
  11514. #page_content,
  11515. #header_main,
  11516. #top_bar {
  11517. will-change: margin;
  11518. -webkit-transition: margin 280ms;
  11519. transition: margin 280ms;
  11520. }
  11521. .sidebar_main_active #sidebar_main {
  11522. -webkit-transform: translate3d(0, 0, 0);
  11523. transform: translate3d(0, 0, 0);
  11524. }
  11525. @media only screen and (max-width: 1219px) {
  11526. .sidebar_main_active #sidebar_main {
  11527. box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 2px 4px 8px rgba(0, 0, 0, 0.28);
  11528. }
  11529. }
  11530. @media only screen and (min-width: 1220px) {
  11531. .sidebar_main_active #page_content,
  11532. .sidebar_main_active #header_main,
  11533. .sidebar_main_active #top_bar {
  11534. margin-left: 240px;
  11535. }
  11536. }
  11537. @media only screen and (max-width: 1219px) {
  11538. .sidebar_main_active #page_content:before {
  11539. opacity: 1;
  11540. z-index: 1184;
  11541. }
  11542. }
  11543. .sidebar_main_active:not(.steps) .sSwitch_left .sSwitchIcon:before,
  11544. .sidebar_main_active:not(.steps) .sSwitch_left .sSwitchIcon:after {
  11545. top: 0 !important;
  11546. }
  11547. .sidebar_main_active #header_main .sSwitch.sSwitch_left:before {
  11548. opacity: 1;
  11549. }
  11550. .sidebar_main_active #header_main .sSwitch.sSwitch_left .sSwitchIcon {
  11551. -webkit-transform: rotate(0deg);
  11552. transform: rotate(0deg);
  11553. }
  11554. .sidebar_main_active #header_main .sSwitch.sSwitch_left .sSwitchIcon:before,
  11555. .sidebar_main_active #header_main .sSwitch.sSwitch_left .sSwitchIcon:after {
  11556. width: 12px;
  11557. }
  11558. .sidebar_main_active #header_main .sSwitch.sSwitch_left .sSwitchIcon:before {
  11559. top: 4px;
  11560. -webkit-transform: rotate(35deg);
  11561. transform: rotate(35deg);
  11562. -webkit-transform-origin: left top;
  11563. transform-origin: left top;
  11564. }
  11565. .sidebar_main_active #header_main .sSwitch.sSwitch_left .sSwitchIcon:after {
  11566. top: -4px;
  11567. -webkit-transform: rotate(-35deg);
  11568. transform: rotate(-35deg);
  11569. -webkit-transform-origin: left bottom;
  11570. transform-origin: left bottom;
  11571. }
  11572. @media only screen and (min-width: 1220px) {
  11573. .sidebar_main_open #sidebar_main {
  11574. -webkit-transform: translate3d(0, 0, 0);
  11575. transform: translate3d(0, 0, 0);
  11576. }
  11577. .sidebar_main_open #page_content,
  11578. .sidebar_main_open #header_main,
  11579. .sidebar_main_open #top_bar {
  11580. margin-left: 240px;
  11581. }
  11582. .sidebar_main_open:not(.steps) .sSwitch_left .sSwitchIcon:before,
  11583. .sidebar_main_open:not(.steps) .sSwitch_left .sSwitchIcon:after {
  11584. top: 0 !important;
  11585. }
  11586. .sidebar_main_open #header_main .sSwitch.sSwitch_left:before {
  11587. opacity: 1;
  11588. }
  11589. .sidebar_main_open #header_main .sSwitch.sSwitch_left .sSwitchIcon {
  11590. -webkit-transform: rotate(0deg);
  11591. transform: rotate(0deg);
  11592. }
  11593. .sidebar_main_open #header_main .sSwitch.sSwitch_left .sSwitchIcon:before,
  11594. .sidebar_main_open #header_main .sSwitch.sSwitch_left .sSwitchIcon:after {
  11595. width: 12px;
  11596. }
  11597. .sidebar_main_open #header_main .sSwitch.sSwitch_left .sSwitchIcon:before {
  11598. top: 4px;
  11599. -webkit-transform: rotate(35deg);
  11600. transform: rotate(35deg);
  11601. -webkit-transform-origin: left top;
  11602. transform-origin: left top;
  11603. }
  11604. .sidebar_main_open #header_main .sSwitch.sSwitch_left .sSwitchIcon:after {
  11605. top: -4px;
  11606. -webkit-transform: rotate(-35deg);
  11607. transform: rotate(-35deg);
  11608. -webkit-transform-origin: left bottom;
  11609. transform-origin: left bottom;
  11610. }
  11611. }
  11612. @media only screen and (max-width: 1219px) {
  11613. .sidebar_main_hiding #page_content:before {
  11614. opacity: 0;
  11615. z-index: 1109;
  11616. }
  11617. }
  11618. /* mini sidebar */
  11619. .sidebar_mini {
  11620. /* header full width */
  11621. }
  11622. .sidebar_mini #sidebar_main {
  11623. width: 60px;
  11624. background: #fff;
  11625. margin-left: 0;
  11626. -webkit-transform: none;
  11627. transform: none;
  11628. left: 0;
  11629. }
  11630. .sidebar_mini #sidebar_main .sidebar_main_header {
  11631. background-position: 0 0;
  11632. }
  11633. .sidebar_mini #sidebar_main .sidebar_main_header .sidebar_logo a {
  11634. margin-left: 0;
  11635. text-align: center;
  11636. display: block;
  11637. }
  11638. .sidebar_mini #sidebar_main .sidebar_main_header .sidebar_actions {
  11639. margin: 0 8px;
  11640. }
  11641. .sidebar_mini #sidebar_main .sidebar_main_header .sidebar_actions .selectize-control {
  11642. padding-left: 13px;
  11643. }
  11644. .sidebar_mini #sidebar_main .sidebar_main_header .sidebar_actions .selectize-control .selectize-input {
  11645. width: auto;
  11646. text-align: center;
  11647. }
  11648. .sidebar_mini #sidebar_main .sidebar_main_header .sidebar_actions .selectize-control .selectize-input:after {
  11649. display: none;
  11650. }
  11651. .sidebar_mini #sidebar_main .menu_section > ul > li {
  11652. position: relative;
  11653. }
  11654. .sidebar_mini #sidebar_main .menu_section > ul > li > a {
  11655. padding: 0;
  11656. display: block;
  11657. height: 42px;
  11658. text-align: center;
  11659. }
  11660. .sidebar_mini #sidebar_main .menu_section > ul > li > a .menu_icon {
  11661. display: inline-block;
  11662. text-align: center;
  11663. height: 48px;
  11664. }
  11665. .sidebar_mini #sidebar_main .menu_section > ul > li > a .menu_icon .material-icons {
  11666. line-height: 42px;
  11667. }
  11668. .sidebar_mini #sidebar_main .menu_section > ul > li > a > .menu_title {
  11669. text-align: left;
  11670. position: fixed;
  11671. left: 59px;
  11672. top: 0;
  11673. width: 202px;
  11674. display: none;
  11675. padding: 0 16px 0 17px;
  11676. line-height: 50px;
  11677. height: 48px;
  11678. font-size: 14px;
  11679. font-weight: 500;
  11680. text-transform: uppercase;
  11681. background: #7cb342;
  11682. color: #fff;
  11683. z-index: 1124;
  11684. }
  11685. .sidebar_mini #sidebar_main .menu_section > ul > li > a .uk-badge {
  11686. left: 4px;
  11687. }
  11688. .sidebar_mini #sidebar_main .menu_section > ul > li.sidebar_submenu > a:before {
  11689. position: absolute;
  11690. right: 2px;
  11691. top: 10px;
  11692. content: '\e315';
  11693. font-family: "Material Icons";
  11694. font-size: 14px;
  11695. display: block;
  11696. color: #727272;
  11697. }
  11698. .sidebar_mini #sidebar_main .menu_section > ul > li.sidebar_submenu_act > a .menu_icon .material-icons {
  11699. color: #7cb342;
  11700. }
  11701. .sidebar_mini #sidebar_main .menu_section > ul > li > ul {
  11702. position: fixed;
  11703. top: 0;
  11704. bottom: 0;
  11705. margin-top: 48px;
  11706. overflow-y: auto;
  11707. overflow-x: hidden;
  11708. left: 59px;
  11709. background: #fff;
  11710. z-index: 1114;
  11711. border-left: 2px solid #7cb342;
  11712. box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.26);
  11713. }
  11714. .sidebar_mini #sidebar_main .menu_section > ul > li > ul li {
  11715. width: 200px;
  11716. }
  11717. .sidebar_mini #sidebar_main .menu_section > ul > li > ul li a {
  11718. padding: 8px 16px;
  11719. }
  11720. .sidebar_mini #sidebar_main .menu_section > ul > li > ul li.menu_subtitle {
  11721. padding: 16px 16px 8px;
  11722. }
  11723. .sidebar_mini #sidebar_main .menu_section > ul > li:hover.sidebar_submenu {
  11724. background: #7cb342;
  11725. }
  11726. .sidebar_mini #sidebar_main .menu_section > ul > li:hover.sidebar_submenu > a .menu_icon .material-icons {
  11727. color: #fff;
  11728. }
  11729. .sidebar_mini #sidebar_main .menu_section > ul > li:hover.sidebar_submenu > a .menu_title {
  11730. display: block;
  11731. }
  11732. .sidebar_mini #sidebar_main .menu_section > ul > li:hover.sidebar_submenu > a:before {
  11733. display: none;
  11734. }
  11735. .sidebar_mini #sidebar_main .menu_section > ul > li:hover > ul {
  11736. display: block;
  11737. }
  11738. .sidebar_mini #sidebar_main .menu_section > ul > li li ul {
  11739. margin-left: 16px;
  11740. display: block;
  11741. }
  11742. .sidebar_mini #sidebar_main .sSidebar_hide {
  11743. display: none !important;
  11744. }
  11745. .sidebar_mini #sidebar_main .sSidebar_show {
  11746. display: block !important;
  11747. }
  11748. .sidebar_mini #page_content,
  11749. .sidebar_mini #header_main,
  11750. .sidebar_mini #top_bar {
  11751. margin-left: 60px;
  11752. }
  11753. .sidebar_mini.header_full #sidebar_main .menu_section > ul > li > a > .menu_title {
  11754. top: 0;
  11755. }
  11756. .sidebar_mini.header_full #sidebar_main .menu_section > ul > li > ul {
  11757. top: 0;
  11758. }
  11759. /* slim sidebar */
  11760. .sidebar_slim #sidebar_main {
  11761. -webkit-transform: none;
  11762. transform: none;
  11763. -webkit-transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
  11764. transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
  11765. }
  11766. .sidebar_slim #page_content,
  11767. .sidebar_slim #header_main,
  11768. .sidebar_slim #top_bar {
  11769. margin-left: 60px;
  11770. }
  11771. .sidebar_slim_inactive #sidebar_main {
  11772. width: 66px;
  11773. background: #fff;
  11774. margin-left: 0;
  11775. left: 0;
  11776. }
  11777. .sidebar_slim_inactive #sidebar_main .sidebar_main_header {
  11778. background-position: 0 0;
  11779. }
  11780. .sidebar_slim_inactive #sidebar_main .sidebar_main_header .sidebar_logo a {
  11781. margin-left: 14px;
  11782. display: block;
  11783. }
  11784. .sidebar_slim_inactive #sidebar_main .sidebar_main_header .sidebar_actions {
  11785. margin: 0 8px;
  11786. }
  11787. .sidebar_slim_inactive #sidebar_main .sidebar_main_header .sidebar_actions .selectize-control {
  11788. padding-left: 12px;
  11789. }
  11790. .sidebar_slim_inactive #sidebar_main .sidebar_main_header .sidebar_actions .selectize-control .selectize-input {
  11791. width: auto;
  11792. text-align: center;
  11793. }
  11794. .sidebar_slim_inactive #sidebar_main .sidebar_main_header .sidebar_actions .selectize-control .selectize-input:after {
  11795. display: none;
  11796. }
  11797. .sidebar_slim_inactive #sidebar_main .sidebar_main_header .sidebar_actions .selectize-dropdown {
  11798. display: none !important;
  11799. }
  11800. .sidebar_slim_inactive #sidebar_main .menu_section {
  11801. margin-top: -1px;
  11802. }
  11803. .sidebar_slim_inactive #sidebar_main .menu_section > ul > li > a {
  11804. padding: 0 0 0 20px;
  11805. display: block;
  11806. height: 41px;
  11807. }
  11808. .sidebar_slim_inactive #sidebar_main .menu_section > ul > li > a:before {
  11809. display: none;
  11810. }
  11811. .sidebar_slim_inactive #sidebar_main .menu_section > ul > li > a .menu_icon {
  11812. display: inline-block;
  11813. height: 48px;
  11814. }
  11815. .sidebar_slim_inactive #sidebar_main .menu_section > ul > li > a .menu_icon .material-icons {
  11816. line-height: 42px;
  11817. }
  11818. .sidebar_slim_inactive #sidebar_main .menu_section > ul > li > a > .menu_title {
  11819. display: none;
  11820. }
  11821. .sidebar_slim_inactive #sidebar_main .menu_section > ul > li > ul {
  11822. display: none !important;
  11823. }
  11824. .sidebar_slim_inactive #sidebar_main .sSidebar_hide {
  11825. display: none !important;
  11826. }
  11827. .sidebar_slim_inactive #sidebar_main .sSidebar_show {
  11828. display: block !important;
  11829. }
  11830. .sidebar_slim_active #sidebar_main {
  11831. box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.26);
  11832. border-right-color: rgba(0, 0, 0, 0.25);
  11833. }
  11834. .sidebar_slim_active #sidebar_main .menu_section > ul > li {
  11835. width: 240px;
  11836. }
  11837. /* secondary sidebar */
  11838. #sidebar_secondary {
  11839. position: fixed;
  11840. right: 0;
  11841. -webkit-transform: translate3d(288px, 0, 0);
  11842. transform: translate3d(288px, 0, 0);
  11843. top: 48px;
  11844. bottom: 0;
  11845. border-left: 1px solid rgba(0, 0, 0, 0.12);
  11846. width: 280px;
  11847. background: #fff;
  11848. overflow: hidden;
  11849. z-index: 1104;
  11850. box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), -2px 4px 8px rgba(0, 0, 0, 0.28);
  11851. -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  11852. transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  11853. will-change: transform;
  11854. }
  11855. #sidebar_secondary,
  11856. #sidebar_secondary:before,
  11857. #sidebar_secondary:after,
  11858. #sidebar_secondary *,
  11859. #sidebar_secondary *:before,
  11860. #sidebar_secondary *:after {
  11861. box-sizing: border-box;
  11862. }
  11863. #sidebar_secondary .sidebar_secondary_wrapper {
  11864. margin: 8px 16px;
  11865. }
  11866. .header_double_height #sidebar_secondary {
  11867. top: 58px;
  11868. }
  11869. #sidebar_secondary .uk-switcher > li {
  11870. padding: 16px 16px 0;
  11871. }
  11872. #sidebar_secondary .uk-tab {
  11873. position: absolute;
  11874. top: 0;
  11875. left: 0;
  11876. right: 0;
  11877. z-index: 10;
  11878. background: #fff;
  11879. }
  11880. #sidebar_secondary.tabbed_sidebar {
  11881. padding-top: 44px;
  11882. }
  11883. .sidebar_secondary_active #sidebar_secondary {
  11884. -webkit-transform: translate3d(0, 0, 0);
  11885. transform: translate3d(0, 0, 0);
  11886. }
  11887. .sidebar_secondary_active:not(.steps) .sSwitch_right .sSwitchIcon:before,
  11888. .sidebar_secondary_active:not(.steps) .sSwitch_right .sSwitchIcon:after {
  11889. top: 0 !important;
  11890. }
  11891. .sidebar_secondary_active #header_main .sSwitch.sSwitch_right:before {
  11892. opacity: 1;
  11893. }
  11894. .sidebar_secondary_active #header_main .sSwitch.sSwitch_right .sSwitchIcon {
  11895. -webkit-transform: rotate(0deg);
  11896. transform: rotate(0deg);
  11897. }
  11898. .sidebar_secondary_active #header_main .sSwitch.sSwitch_right .sSwitchIcon:before,
  11899. .sidebar_secondary_active #header_main .sSwitch.sSwitch_right .sSwitchIcon:after {
  11900. width: 12px;
  11901. }
  11902. .sidebar_secondary_active #header_main .sSwitch.sSwitch_right .sSwitchIcon:before {
  11903. top: 4px;
  11904. -webkit-transform: rotate(-35deg);
  11905. transform: rotate(-35deg);
  11906. -webkit-transform-origin: right bottom;
  11907. transform-origin: right bottom;
  11908. }
  11909. .sidebar_secondary_active #header_main .sSwitch.sSwitch_right .sSwitchIcon:after {
  11910. top: -4px;
  11911. -webkit-transform: rotate(35deg);
  11912. transform: rotate(35deg);
  11913. -webkit-transform-origin: right top;
  11914. transform-origin: right top;
  11915. }
  11916. /* top bar */
  11917. #top_bar {
  11918. background: #fff;
  11919. box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  11920. height: 40px;
  11921. position: fixed;
  11922. top: 48px;
  11923. left: 0;
  11924. right: 0;
  11925. z-index: 100;
  11926. padding: 0 25px;
  11927. }
  11928. #top_bar,
  11929. #top_bar:before,
  11930. #top_bar:after,
  11931. #top_bar *,
  11932. #top_bar *:before,
  11933. #top_bar *:after {
  11934. box-sizing: border-box;
  11935. }
  11936. #top_bar .top_bar_nav {
  11937. margin: 0;
  11938. padding: 0;
  11939. list-style: none;
  11940. }
  11941. #top_bar .top_bar_nav > li {
  11942. padding: 0;
  11943. margin: 0;
  11944. list-style: none;
  11945. }
  11946. #top_bar .top_bar_nav > li {
  11947. float: left;
  11948. text-align: center;
  11949. }
  11950. #top_bar .top_bar_nav > li > a {
  11951. line-height: 40px;
  11952. padding: 0 16px;
  11953. font-weight: 500;
  11954. color: #212121;
  11955. display: block;
  11956. }
  11957. #top_bar .top_bar_nav > li > a:hover {
  11958. box-shadow: inset 0 -3px 0 #2196f3;
  11959. }
  11960. #top_bar .top_bar_nav > li.uk-active a {
  11961. box-shadow: inset 0 -3px 0 #2196f3;
  11962. }
  11963. #top_bar .uk-slidenav-position:before,
  11964. #top_bar .uk-slidenav-position:after {
  11965. position: absolute;
  11966. width: 25px;
  11967. height: 100%;
  11968. display: block;
  11969. top: 0;
  11970. content: '';
  11971. }
  11972. #top_bar .uk-slidenav-position:before {
  11973. left: -25px;
  11974. }
  11975. #top_bar .uk-slidenav-position:after {
  11976. right: -25px;
  11977. }
  11978. #top_bar .uk-slidenav-position:hover .uk-slidenav {
  11979. display: none;
  11980. }
  11981. #top_bar .uk-slidenav-position.uk-slidenav-hover:hover .uk-slidenav {
  11982. display: block;
  11983. }
  11984. #top_bar .uk-slidenav {
  11985. font-size: 32px;
  11986. height: 50px;
  11987. width: 24px;
  11988. }
  11989. #top_bar .uk-slidenav-previous {
  11990. left: -25px;
  11991. }
  11992. #top_bar .uk-slidenav-next {
  11993. right: -25px;
  11994. }
  11995. .top_bar_active {
  11996. padding-top: 88px;
  11997. }
  11998. .top_bar_active #header_main {
  11999. box-shadow: none;
  12000. }
  12001. /* page heading */
  12002. #page_heading {
  12003. background: #fff;
  12004. padding: 16px 24px;
  12005. border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  12006. box-sizing: border-box;
  12007. min-height: 81px;
  12008. }
  12009. #page_heading h1 {
  12010. font: 500 22px / 28px "Roboto", sans-serif;
  12011. margin: 0;
  12012. }
  12013. #page_heading .heading_actions {
  12014. float: right;
  12015. margin-top: 8px;
  12016. padding-right: 15px;
  12017. }
  12018. #page_heading .heading_actions > * {
  12019. display: inline-block;
  12020. margin-left: 8px;
  12021. position: relative;
  12022. }
  12023. #page_heading .heading_actions .material-icons {
  12024. font-size: 24px;
  12025. }
  12026. #page_heading.uk-active {
  12027. border-bottom: none;
  12028. box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  12029. z-index: 100;
  12030. }
  12031. .page_heading_active #header_main {
  12032. box-shadow: none;
  12033. }
  12034. /* top menu */
  12035. #menu_top_dropdown .top_menu_toggle {
  12036. height: 48px;
  12037. line-height: 51px;
  12038. color: #fff;
  12039. display: block;
  12040. padding: 0 8px;
  12041. }
  12042. #menu_top_dropdown .top_menu_toggle .material-icons {
  12043. color: #fff;
  12044. }
  12045. #menu_top_dropdown .uk-dropdown {
  12046. margin-top: 0;
  12047. overflow-y: auto;
  12048. -webkit-overflow-scrolling: touch;
  12049. max-height: 340px;
  12050. }
  12051. @media screen and (max-height: 320px) {
  12052. #menu_top_dropdown .uk-dropdown {
  12053. max-height: 252px;
  12054. }
  12055. }
  12056. /* top menu */
  12057. #menu_top {
  12058. margin: 0;
  12059. padding: 0;
  12060. list-style: none;
  12061. position: relative;
  12062. }
  12063. #menu_top > li {
  12064. padding: 0;
  12065. margin: 0;
  12066. list-style: none;
  12067. }
  12068. #menu_top > li {
  12069. float: left;
  12070. position: relative;
  12071. }
  12072. #menu_top > li > a {
  12073. height: 40px;
  12074. line-height: 40px;
  12075. display: block;
  12076. color: #212121;
  12077. padding: 0 16px;
  12078. min-width: 60px;
  12079. text-align: center;
  12080. position: relative;
  12081. }
  12082. @media only screen and (max-width: 767px) {
  12083. #menu_top > li > a {
  12084. padding: 0 8px;
  12085. }
  12086. }
  12087. #menu_top > li > a:hover {
  12088. background: rgba(0, 0, 0, 0.085);
  12089. }
  12090. #menu_top > li > a .material-icons {
  12091. font-size: 24px;
  12092. vertical-align: -8px;
  12093. }
  12094. #menu_top > li > a > span {
  12095. margin-left: 8px;
  12096. vertical-align: -2px;
  12097. }
  12098. #menu_top > li[data-uk-dropdown] > a {
  12099. padding-right: 32px;
  12100. }
  12101. #menu_top > li[data-uk-dropdown] > a:after {
  12102. position: absolute;
  12103. right: 4px;
  12104. top: 2px;
  12105. content: '\e313';
  12106. display: block;
  12107. width: 24px;
  12108. height: 24px;
  12109. font-size: 18px;
  12110. font-family: "Material Icons";
  12111. color: #727272;
  12112. }
  12113. #menu_top > li.uk-open > a {
  12114. background: rgba(0, 0, 0, 0.085);
  12115. }
  12116. #menu_top > li .uk-dropdown {
  12117. margin-top: 1px;
  12118. top: 100% !important;
  12119. }
  12120. @media (max-height: 767px) {
  12121. #menu_top > li .uk-dropdown {
  12122. max-height: 200px !important;
  12123. overflow-y: auto !important;
  12124. }
  12125. }
  12126. @media (min-height: 768px) {
  12127. #menu_top > li [class*='uk-dropdown-width'] {
  12128. max-height: 640px;
  12129. overflow-y: auto;
  12130. }
  12131. }
  12132. #breadcrumbs {
  12133. background: #fff;
  12134. margin: 0;
  12135. padding: 0;
  12136. list-style: none;
  12137. overflow: hidden;
  12138. white-space: nowrap;
  12139. }
  12140. #breadcrumbs > li {
  12141. padding: 0;
  12142. margin: 0;
  12143. list-style: none;
  12144. }
  12145. #breadcrumbs > li {
  12146. display: inline-block;
  12147. }
  12148. #breadcrumbs > li a,
  12149. #breadcrumbs > li span {
  12150. position: relative;
  12151. display: block;
  12152. font-size: 16px;
  12153. padding: 8px 0;
  12154. line-height: 24px;
  12155. }
  12156. #breadcrumbs > li + li a,
  12157. #breadcrumbs > li + li span {
  12158. padding-left: 40px;
  12159. }
  12160. #breadcrumbs > li + li a:before,
  12161. #breadcrumbs > li + li span:before {
  12162. position: absolute;
  12163. top: 50%;
  12164. left: 8px;
  12165. margin-top: -12px;
  12166. content: '\e315';
  12167. font-family: "Material Icons";
  12168. font-size: 24px;
  12169. display: block;
  12170. color: #727272;
  12171. }
  12172. #footer {
  12173. position: fixed;
  12174. bottom: 0;
  12175. right: 0;
  12176. left: 0;
  12177. background: #fff;
  12178. padding: 0 25px;
  12179. border-top: 1px solid rgba(0, 0, 0, 0.12);
  12180. line-height: 48px;
  12181. }
  12182. @media only screen and (min-width: 1220px) {
  12183. .sidebar_main_open #footer,
  12184. .sidebar_main_active #footer {
  12185. margin-left: 240px;
  12186. }
  12187. }
  12188. /* 8. custom pages =================================== */
  12189. /* user profile */
  12190. .user_heading {
  12191. --margin-top: 48px;
  12192. padding: 24px;
  12193. background: #1976d2;
  12194. color: #fff;
  12195. position: relative;
  12196. box-sizing: border-box;
  12197. -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  12198. transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  12199. }
  12200. .user_heading:before,
  12201. .user_heading:after {
  12202. content: " ";
  12203. display: table;
  12204. }
  12205. .user_heading:after {
  12206. clear: both;
  12207. }
  12208. .user_heading:before,
  12209. .user_heading:after {
  12210. content: " ";
  12211. display: table;
  12212. }
  12213. .user_heading:after {
  12214. clear: both;
  12215. }
  12216. .user_heading.uk-active {
  12217. box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  12218. padding: 16px 24px;
  12219. z-index: 100;
  12220. }
  12221. .user_heading.uk-active .user_heading_avatar .thumbnail {
  12222. width: 64px;
  12223. height: 64px;
  12224. line-height: 54px !important;
  12225. }
  12226. .user_heading_avatar {
  12227. float: left;
  12228. margin-right: 24px;
  12229. position: relative;
  12230. }
  12231. @media only screen and (max-width: 959px) {
  12232. .user_heading_avatar {
  12233. float: none !important;
  12234. text-align: center;
  12235. margin: 0 0 8px !important ;
  12236. }
  12237. }
  12238. @media only screen and (max-width: 959px) {
  12239. .user_heading_avatar.fileinput {
  12240. width: 82px;
  12241. height: 82px;
  12242. margin: 0 auto 16px;
  12243. display: block;
  12244. }
  12245. }
  12246. .user_heading_avatar img {
  12247. -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  12248. transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  12249. display: inline-block;
  12250. vertical-align: top;
  12251. }
  12252. .user_heading_avatar .thumbnail {
  12253. -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  12254. transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  12255. width: 82px;
  12256. height: 82px;
  12257. line-height: 74px;
  12258. border-radius: 50%;
  12259. border: 2px solid #fff;
  12260. background-color: #ededed;
  12261. overflow: hidden;
  12262. box-sizing: border-box;
  12263. display: inline-block;
  12264. }
  12265. .user_heading_avatar .btn-file {
  12266. text-align: center;
  12267. position: absolute;
  12268. top: -4px;
  12269. right: -8px;
  12270. width: 32px;
  12271. height: 32px;
  12272. line-height: 38px;
  12273. background: #fff;
  12274. display: block;
  12275. border-radius: 50%;
  12276. box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  12277. overflow: hidden;
  12278. }
  12279. .user_heading_avatar .btn-file .material-icons {
  12280. color: #2196f3;
  12281. font-size: 24px;
  12282. }
  12283. .user_heading_avatar .btn-file.fileinput-exists {
  12284. left: -8px;
  12285. right: auto;
  12286. }
  12287. .user_heading_avatar .btn-file.fileinput-exists .material-icons {
  12288. color: #e53935;
  12289. }
  12290. .user_heading_avatar.fileinput-new .btn-file.fileinput-exists {
  12291. display: none;
  12292. }
  12293. .user_heading_content {
  12294. padding: 16px 0;
  12295. }
  12296. @media only screen and (max-width: 959px) {
  12297. .user_heading_content {
  12298. text-align: center;
  12299. }
  12300. }
  12301. .user_heading_content .heading_a,
  12302. .user_heading_content .heading_b,
  12303. .user_heading_content .heading_c,
  12304. .user_heading_content .heading_a .sub-heading,
  12305. .user_heading_content .heading_b .sub-heading,
  12306. .user_heading_content .heading_c .sub-heading {
  12307. color: #fff;
  12308. }
  12309. .user_heading_content .user_stats {
  12310. margin: 0;
  12311. padding: 0;
  12312. list-style: none;
  12313. overflow: hidden;
  12314. text-align: center;
  12315. }
  12316. .user_heading_content .user_stats > li {
  12317. padding: 0;
  12318. margin: 0;
  12319. list-style: none;
  12320. }
  12321. .user_heading_content .user_stats li {
  12322. margin-right: 48px;
  12323. float: left;
  12324. }
  12325. @media only screen and (max-width: 959px) {
  12326. .user_heading_content .user_stats li {
  12327. float: none;
  12328. display: inline-block;
  12329. margin: 0 16px 8px;
  12330. }
  12331. }
  12332. .user_heading_content .user_stats .material-icons {
  12333. color: #fff;
  12334. margin-right: 4px;
  12335. font-size: 36px;
  12336. vertical-align: -12px;
  12337. }
  12338. .user_heading_menu {
  12339. position: absolute;
  12340. top: 8px;
  12341. right: 8px;
  12342. }
  12343. .user_heading .md-fab,
  12344. .user_heading .md-fab-wrapper {
  12345. position: absolute;
  12346. bottom: -22px;
  12347. right: 24px;
  12348. }
  12349. .user_heading .md-fab-wrapper > .md-fab {
  12350. position: static;
  12351. z-index: auto;
  12352. right: auto;
  12353. bottom: auto;
  12354. }
  12355. .user_content {
  12356. padding: 32px;
  12357. }
  12358. .user_content .full_width_in_card {
  12359. margin: 16px 0 32px;
  12360. }
  12361. /* scrum board */
  12362. .scrum_board_overflow {
  12363. height: 100%;
  12364. min-height: 100%;
  12365. overflow-y: hidden;
  12366. overflow-x: auto;
  12367. background: #fff;
  12368. box-sizing: border-box;
  12369. max-width: 100%;
  12370. -webkit-overflow-scrolling: touch;
  12371. }
  12372. #scrum_board {
  12373. height: 100%;
  12374. padding: 0 4px;
  12375. box-sizing: border-box;
  12376. overflow: hidden;
  12377. }
  12378. #scrum_board > div {
  12379. height: 100%;
  12380. float: left;
  12381. width: 320px;
  12382. box-sizing: border-box;
  12383. position: relative;
  12384. padding: 46px 0 8px;
  12385. }
  12386. #scrum_board .scrum_column {
  12387. background: rgba(0, 0, 0, 0.085);
  12388. padding: 8px;
  12389. height: 100%;
  12390. margin: 0 4px;
  12391. box-sizing: border-box;
  12392. overflow-x: hidden;
  12393. overflow-y: auto;
  12394. }
  12395. #scrum_board .scrum_column_heading_wrapper {
  12396. position: absolute;
  12397. top: 8px;
  12398. left: 0;
  12399. right: 0;
  12400. }
  12401. #scrum_board .scrum_column_heading_wrapper .uk-button-dropdown {
  12402. position: absolute;
  12403. right: 6px;
  12404. top: 3px;
  12405. }
  12406. #scrum_board .scrum_column_heading {
  12407. font-weight: 500;
  12408. font-size: 13px;
  12409. text-transform: uppercase;
  12410. background: #fff;
  12411. line-height: 36px;
  12412. box-sizing: border-box;
  12413. text-overflow: ellipsis;
  12414. display: inline-block;
  12415. vertical-align: top;
  12416. white-space: nowrap;
  12417. overflow: hidden;
  12418. width: 100%;
  12419. padding: 0 36px 0 12px;
  12420. }
  12421. #scrum_board .scrum_column .uk-sortable {
  12422. min-height: 100%;
  12423. }
  12424. #scrum_board .scrum_column .uk-sortable div {
  12425. cursor: move;
  12426. }
  12427. #scrum_board .scrum_column .uk-sortable div + div {
  12428. margin-top: 4px;
  12429. }
  12430. #scrum_board .scrum_column .uk-sortable-placeholder {
  12431. opacity: 0.4;
  12432. }
  12433. .scrum_task {
  12434. background: #fff;
  12435. padding: 8px 8px 8px 12px;
  12436. border-left-width: 4px;
  12437. border-left-style: solid;
  12438. }
  12439. .scrum_task.blocker {
  12440. border-left-color: #e53935;
  12441. }
  12442. .scrum_task.critical {
  12443. border-left-color: #ffa000;
  12444. }
  12445. .scrum_task.minor {
  12446. border-left-color: #7cb342;
  12447. }
  12448. .scrum_task_title {
  12449. font-size: 13px;
  12450. font-weight: 500;
  12451. margin: 0;
  12452. text-transform: uppercase;
  12453. }
  12454. .scrum_task_description {
  12455. margin: 0 0 4px;
  12456. font-size: 12px;
  12457. }
  12458. .scrum_task_info {
  12459. margin: 0;
  12460. font-size: 12px;
  12461. }
  12462. /* chat page */
  12463. .chat_box {
  12464. padding: 16px;
  12465. }
  12466. .chat_box .chat_message_wrapper {
  12467. margin-bottom: 32px;
  12468. }
  12469. .chat_box .chat_message_wrapper:before,
  12470. .chat_box .chat_message_wrapper:after {
  12471. content: " ";
  12472. display: table;
  12473. }
  12474. .chat_box .chat_message_wrapper:after {
  12475. clear: both;
  12476. }
  12477. .chat_box .chat_message_wrapper:before,
  12478. .chat_box .chat_message_wrapper:after {
  12479. content: " ";
  12480. display: table;
  12481. }
  12482. .chat_box .chat_message_wrapper:after {
  12483. clear: both;
  12484. }
  12485. .chat_box .chat_message_wrapper .chat_user_avatar {
  12486. float: left;
  12487. }
  12488. .chat_box .chat_message_wrapper ul.chat_message {
  12489. float: left;
  12490. margin: 0 0 0 20px;
  12491. padding: 0;
  12492. list-style: none;
  12493. max-width: 60%;
  12494. }
  12495. .chat_box .chat_message_wrapper ul.chat_message > li {
  12496. padding: 0;
  12497. margin: 0;
  12498. list-style: none;
  12499. }
  12500. @media only screen and (max-width: 767px) {
  12501. .chat_box .chat_message_wrapper ul.chat_message {
  12502. max-width: 70%;
  12503. }
  12504. }
  12505. .chat_box .chat_message_wrapper ul.chat_message > li {
  12506. background: #ededed;
  12507. padding: 8px 16px;
  12508. border-radius: 4px;
  12509. position: relative;
  12510. font-size: 13px;
  12511. display: block;
  12512. float: left;
  12513. clear: both;
  12514. color: #212121;
  12515. }
  12516. @media only screen and (max-width: 767px) {
  12517. .chat_box .chat_message_wrapper ul.chat_message > li {
  12518. font-size: 14px;
  12519. }
  12520. }
  12521. .chat_box .chat_message_wrapper ul.chat_message > li p {
  12522. margin: 0;
  12523. }
  12524. .chat_box .chat_message_wrapper ul.chat_message > li .chat_message_time {
  12525. display: block;
  12526. font-size: 11px;
  12527. padding-top: 2px;
  12528. color: #727272;
  12529. text-transform: uppercase;
  12530. }
  12531. .chat_box .chat_message_wrapper ul.chat_message > li:first-child:before {
  12532. position: absolute;
  12533. left: -14px;
  12534. top: 0;
  12535. content: '';
  12536. width: 0;
  12537. height: 0;
  12538. border-style: solid;
  12539. border-width: 0 16px 16px 0;
  12540. border-color: rgba(0, 0, 0, 0) #ededed rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  12541. }
  12542. .chat_box .chat_message_wrapper ul.chat_message > li + li {
  12543. margin-top: 4px;
  12544. }
  12545. .chat_box .chat_message_wrapper.chat_message_right .chat_user_avatar {
  12546. float: right;
  12547. }
  12548. .chat_box .chat_message_wrapper.chat_message_right ul.chat_message {
  12549. float: right;
  12550. margin-left: 0 !important;
  12551. margin-right: 24px !important;
  12552. }
  12553. .chat_box .chat_message_wrapper.chat_message_right ul.chat_message > li {
  12554. float: right;
  12555. }
  12556. .chat_box .chat_message_wrapper.chat_message_right ul.chat_message > li:first-child:before {
  12557. left: auto;
  12558. right: -14px;
  12559. border-width: 0 0 16px 16px;
  12560. border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ededed;
  12561. }
  12562. .chat_box .chat_message_wrapper.chat_message_right ul.chat_message > li .chat_message_time {
  12563. text-align: right;
  12564. }
  12565. .chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message > li {
  12566. background: #616161;
  12567. color: #fff;
  12568. }
  12569. .chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message > li:first-child:before {
  12570. border-right-color: #616161;
  12571. }
  12572. .chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message > li .chat_message_time {
  12573. color: rgba(255, 255, 255, 0.7);
  12574. }
  12575. .chat_box.chat_box_colors_a .chat_message_wrapper.chat_message_right ul.chat_message > li {
  12576. background: #689f38;
  12577. }
  12578. .chat_box.chat_box_colors_a .chat_message_wrapper.chat_message_right ul.chat_message > li:first-child:before {
  12579. border-left-color: #689f38;
  12580. }
  12581. .chat_box.chat_box_colors_b .chat_message_wrapper ul.chat_message > li {
  12582. background: #0288d1;
  12583. color: #fff;
  12584. }
  12585. .chat_box.chat_box_colors_b .chat_message_wrapper ul.chat_message > li:first-child:before {
  12586. border-right-color: #0288d1;
  12587. }
  12588. .chat_box.chat_box_colors_b .chat_message_wrapper ul.chat_message > li .chat_message_time {
  12589. color: rgba(255, 255, 255, 0.7);
  12590. }
  12591. .chat_box.chat_box_colors_b .chat_message_wrapper.chat_message_right ul.chat_message > li {
  12592. background: #01579b;
  12593. }
  12594. .chat_box.chat_box_colors_b .chat_message_wrapper.chat_message_right ul.chat_message > li:first-child:before {
  12595. border-left-color: #01579b;
  12596. }
  12597. .chat_box.chat_box_colors_c .chat_message_wrapper ul.chat_message > li {
  12598. background: #e64a19;
  12599. color: #fff;
  12600. }
  12601. .chat_box.chat_box_colors_c .chat_message_wrapper ul.chat_message > li:first-child:before {
  12602. border-right-color: #e64a19;
  12603. }
  12604. .chat_box.chat_box_colors_c .chat_message_wrapper ul.chat_message > li .chat_message_time {
  12605. color: rgba(255, 255, 255, 0.7);
  12606. }
  12607. .chat_box.chat_box_colors_c .chat_message_wrapper.chat_message_right ul.chat_message > li {
  12608. background: #e0e0e0;
  12609. color: #212121;
  12610. }
  12611. .chat_box.chat_box_colors_c .chat_message_wrapper.chat_message_right ul.chat_message > li .chat_message_time {
  12612. color: #727272;
  12613. }
  12614. .chat_box.chat_box_colors_c .chat_message_wrapper.chat_message_right ul.chat_message > li:first-child:before {
  12615. border-left-color: #e0e0e0;
  12616. }
  12617. .chat_box.chat_box_colors_d .chat_message_wrapper ul.chat_message > li {
  12618. background: #e0e0e0;
  12619. }
  12620. .chat_box.chat_box_colors_d .chat_message_wrapper ul.chat_message > li:first-child:before {
  12621. border-right-color: #e0e0e0;
  12622. }
  12623. .chat_box.chat_box_colors_d .chat_message_wrapper.chat_message_right ul.chat_message > li {
  12624. background: #4527a0;
  12625. color: #fff;
  12626. }
  12627. .chat_box.chat_box_colors_d .chat_message_wrapper.chat_message_right ul.chat_message > li .chat_message_time {
  12628. color: rgba(255, 255, 255, 0.7);
  12629. }
  12630. .chat_box.chat_box_colors_d .chat_message_wrapper.chat_message_right ul.chat_message > li:first-child:before {
  12631. border-left-color: #4527a0;
  12632. }
  12633. .chat_box_wrapper {
  12634. height: 100%;
  12635. padding-bottom: 100px;
  12636. position: relative;
  12637. overflow: hidden;
  12638. box-sizing: border-box;
  12639. }
  12640. .chat_box_wrapper .chat_box {
  12641. height: 100%;
  12642. overflow-y: auto;
  12643. overflow-x: hidden;
  12644. }
  12645. .chat_submit_box {
  12646. background: #fafafa;
  12647. position: absolute;
  12648. bottom: 0;
  12649. left: 0;
  12650. width: 100%;
  12651. overflow: hidden;
  12652. padding: 8px 8px 12px 16px;
  12653. border-top: 1px solid rgba(0, 0, 0, 0.12);
  12654. box-sizing: border-box;
  12655. }
  12656. .chat_submit_box textarea {
  12657. min-height: 40px;
  12658. max-height: 40px;
  12659. padding: 4px 4px 8px;
  12660. }
  12661. #sidebar_secondary .chat_box_wrapper,
  12662. #sidebar_secondary .chat_submit_box,
  12663. #sidebar_secondary .chat_sidebar_close {
  12664. display: none;
  12665. }
  12666. #sidebar_secondary.chat_sidebar {
  12667. padding-bottom: 68px;
  12668. }
  12669. #sidebar_secondary.chat_sidebar .chat_submit_box,
  12670. #sidebar_secondary.chat_sidebar .chat_sidebar_close {
  12671. display: block;
  12672. }
  12673. #sidebar_secondary .chat_sidebar_close {
  12674. position: absolute;
  12675. top: 52px;
  12676. right: 8px;
  12677. }
  12678. #sidebar_secondary .chat_box_wrapper {
  12679. padding-bottom: 0;
  12680. }
  12681. .chat_box_small.chat_box_wrapper {
  12682. margin: 0 -16px;
  12683. }
  12684. .md-list.chat_users li {
  12685. cursor: pointer;
  12686. }
  12687. .list-chatboxes > li {
  12688. cursor: pointer;
  12689. }
  12690. #chatbox_wrapper {
  12691. position: fixed;
  12692. bottom: 8px;
  12693. left: 0;
  12694. right: 0;
  12695. padding: 0 16px 8px;
  12696. -webkit-transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
  12697. transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
  12698. white-space: nowrap;
  12699. overflow-y: hidden;
  12700. overflow-x: auto;
  12701. }
  12702. @media only screen and (min-width: 768px) {
  12703. #chatbox_wrapper {
  12704. text-align: right;
  12705. }
  12706. }
  12707. .sidebar_main_open #chatbox_wrapper,
  12708. .sidebar_main_active #chatbox_wrapper {
  12709. left: 240px;
  12710. }
  12711. @media only screen and (min-width: 768px) {
  12712. .sidebar_secondary_active #chatbox_wrapper {
  12713. right: 280px;
  12714. }
  12715. }
  12716. .chatbox {
  12717. text-align: left;
  12718. display: inline-block;
  12719. height: 320px;
  12720. width: 260px;
  12721. box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  12722. background: #fff;
  12723. border-radius: 2px;
  12724. position: relative;
  12725. box-sizing: border-box;
  12726. padding: 36px 0 64px;
  12727. -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  12728. transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  12729. }
  12730. .chatbox + .chatbox {
  12731. margin-left: 8px;
  12732. }
  12733. .chatbox_header {
  12734. position: absolute;
  12735. top: 0;
  12736. left: 0;
  12737. right: 0;
  12738. height: 36px;
  12739. border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  12740. padding: 0 8px;
  12741. }
  12742. .chatbox_header:before,
  12743. .chatbox_header:after {
  12744. content: " ";
  12745. display: table;
  12746. }
  12747. .chatbox_header:after {
  12748. clear: both;
  12749. }
  12750. .chatbox_header:before,
  12751. .chatbox_header:after {
  12752. content: " ";
  12753. display: table;
  12754. }
  12755. .chatbox_header:after {
  12756. clear: both;
  12757. }
  12758. .chatbox_header .header_name {
  12759. line-height: 40px;
  12760. font-size: 14px;
  12761. font-weight: 500;
  12762. display: inline-block;
  12763. max-width: 180px;
  12764. text-overflow: ellipsis;
  12765. vertical-align: top;
  12766. white-space: nowrap;
  12767. overflow: hidden;
  12768. }
  12769. .chatbox_header .header_actions {
  12770. float: right;
  12771. display: inline-block;
  12772. }
  12773. .chatbox_header .header_actions > * {
  12774. display: inline-block;
  12775. }
  12776. .chatbox_header .header_actions .material-icons {
  12777. line-height: 36px;
  12778. font-size: 24px;
  12779. }
  12780. .chatbox_header .header_actions .actions_dropdown {
  12781. position: relative;
  12782. }
  12783. .chatbox_header .header_actions .actions_dropdown .uk-dropdown {
  12784. padding-top: 0;
  12785. padding-bottom: 0;
  12786. }
  12787. .chatbox_header .header_actions .actions_dropdown .uk-dropdown > ul > li > a {
  12788. white-space: normal;
  12789. font-size: 13px;
  12790. }
  12791. .chatbox_content {
  12792. height: 100%;
  12793. overflow-x: hidden;
  12794. overflow-y: auto;
  12795. box-sizing: border-box;
  12796. }
  12797. .chatbox_content .chatbox_message {
  12798. overflow: hidden;
  12799. padding: 8px;
  12800. }
  12801. .chatbox_content .chatbox_message .chatbox_avatar {
  12802. float: left;
  12803. margin-right: 8px;
  12804. max-width: 64px;
  12805. overflow: hidden;
  12806. }
  12807. .chatbox_content .chatbox_message .chatbox_avatar > img {
  12808. border-radius: 4px;
  12809. }
  12810. .chatbox_content .chatbox_message_content {
  12811. margin: 0;
  12812. padding: 0;
  12813. list-style: none;
  12814. overflow: hidden;
  12815. }
  12816. .chatbox_content .chatbox_message_content > li {
  12817. padding: 0;
  12818. margin: 0;
  12819. list-style: none;
  12820. }
  12821. .chatbox_content .chatbox_message_content li {
  12822. display: block;
  12823. }
  12824. .chatbox_content .chatbox_message_content li + li {
  12825. margin-top: 2px;
  12826. }
  12827. .chatbox_content .chatbox_message_content li > span {
  12828. max-width: 80%;
  12829. border-radius: 4px;
  12830. font-size: 13px;
  12831. padding: 4px 8px;
  12832. background: rgba(0, 0, 0, 0.085);
  12833. display: inline-block;
  12834. white-space: normal;
  12835. }
  12836. .chatbox_content .chatbox_message.own .chatbox_avatar {
  12837. float: right;
  12838. margin-left: 8px;
  12839. margin-right: 0;
  12840. }
  12841. .chatbox_content .chatbox_message.own .chatbox_message_content li {
  12842. text-align: right;
  12843. }
  12844. .chatbox_content .chatbox_message.own .chatbox_message_content li > span {
  12845. max-width: 80%;
  12846. border-radius: 4px;
  12847. font-size: 13px;
  12848. padding: 4px 8px;
  12849. background: #2196f3;
  12850. display: inline-block;
  12851. white-space: normal;
  12852. color: #fff;
  12853. text-align: left;
  12854. }
  12855. .chatbox_footer {
  12856. position: absolute;
  12857. bottom: 0;
  12858. left: 0;
  12859. right: 0;
  12860. padding: 8px;
  12861. height: 64px;
  12862. box-sizing: border-box;
  12863. border-top: 1px solid rgba(0, 0, 0, 0.12);
  12864. }
  12865. .chatbox_footer .message_input {
  12866. width: 100%;
  12867. border: none;
  12868. font-size: 13px;
  12869. padding: 4px 0;
  12870. }
  12871. .chatbox.removing {
  12872. -webkit-transform: translate3d(0, 100%, 0);
  12873. transform: translate3d(0, 100%, 0);
  12874. opacity: 0;
  12875. }
  12876. .chatbox.cb_active .chatbox_header {
  12877. background: #1976d2;
  12878. }
  12879. .chatbox.cb_active .chatbox_header,
  12880. .chatbox.cb_active .chatbox_header .material-icons {
  12881. color: #fff;
  12882. }
  12883. /* blog */
  12884. .blog_list_teaser_image {
  12885. margin-bottom: 16px;
  12886. }
  12887. .blog_list_teaser_video {
  12888. margin-bottom: 16px;
  12889. height: 200px;
  12890. }
  12891. .blog_list_teaser_title {
  12892. font: 400 18px / 24px "Roboto", sans-serif;
  12893. margin: 0 0 8px;
  12894. }
  12895. .blog_list_teaser p {
  12896. margin: 0 0 8px;
  12897. }
  12898. .blog_list_footer {
  12899. border-top: 1px solid #e0e0e0;
  12900. padding: 8px 0 0 8px;
  12901. margin-top: 8px;
  12902. overflow: hidden;
  12903. }
  12904. .blog_list_footer_info {
  12905. float: left;
  12906. padding-top: 6px;
  12907. }
  12908. .blog_list_footer_info .material-icons {
  12909. color: #9e9e9e;
  12910. }
  12911. .blog_list_footer_info small {
  12912. vertical-align: 1px;
  12913. }
  12914. .blog_article .uk-thumbnail.thumbnail_left {
  12915. float: left;
  12916. margin: 0 24px 24px 0;
  12917. }
  12918. .blog_article .uk-thumbnail.thumbnail_right {
  12919. float: right;
  12920. margin: 0 0 24px 24px;
  12921. }
  12922. .blog_article * + p,
  12923. .blog_article * + ul,
  12924. .blog_article * + ol,
  12925. .blog_article * + dl,
  12926. .blog_article * + blockquote,
  12927. .blog_article * + pre,
  12928. .blog_article * + address,
  12929. .blog_article * + fieldset,
  12930. .blog_article * + figure {
  12931. margin-top: 24px;
  12932. }
  12933. .blog_article .material-icons + small {
  12934. vertical-align: 2px;
  12935. }
  12936. .blog_tags .uk-badge {
  12937. margin: 0 4px 4px 0;
  12938. }
  12939. /* gallery */
  12940. .gallery_grid_item {
  12941. padding: 0 !important;
  12942. }
  12943. .gallery_grid_item,
  12944. .gallery_grid_item:hover,
  12945. .gallery_grid_item:focus {
  12946. color: #212121;
  12947. }
  12948. .gallery_grid_item > a,
  12949. .gallery_grid_item img {
  12950. display: block;
  12951. }
  12952. .gallery_grid_image_caption {
  12953. padding: 8px 8px;
  12954. display: block;
  12955. position: relative;
  12956. z-index: 10;
  12957. background-color: #fff;
  12958. }
  12959. .gallery_grid_image_caption .gallery_image_title {
  12960. font: 500 14px / 20px "Roboto", sans-serif;
  12961. margin: 0;
  12962. }
  12963. .gallery_grid_image_menu {
  12964. position: relative;
  12965. float: right;
  12966. margin: 4px 0 0 8px;
  12967. }
  12968. /* pricing tables */
  12969. .pricing_table.pricing_table_a {
  12970. text-align: center;
  12971. }
  12972. .pricing_table.pricing_table_a .pricing_table_plan {
  12973. font-size: 18px;
  12974. font-weight: 400;
  12975. padding: 16px 0;
  12976. margin-bottom: 16px;
  12977. }
  12978. .pricing_table.pricing_table_a .pricing_table_price {
  12979. padding: 8px 0 0;
  12980. font-size: 48px;
  12981. margin-bottom: 24px;
  12982. }
  12983. .pricing_table.pricing_table_a .pricing_table_price .currency {
  12984. vertical-align: top;
  12985. font-size: 24px;
  12986. padding: 0 4px;
  12987. }
  12988. .pricing_table.pricing_table_a .pricing_table_price .period {
  12989. font-size: 14px;
  12990. padding: 4px;
  12991. color: #aaa;
  12992. display: block;
  12993. }
  12994. .pricing_table.pricing_table_a .pricing_table_features {
  12995. margin: 0;
  12996. padding: 0;
  12997. list-style: none;
  12998. }
  12999. .pricing_table.pricing_table_a .pricing_table_features > li {
  13000. padding: 0;
  13001. margin: 0;
  13002. list-style: none;
  13003. }
  13004. .pricing_table.pricing_table_a .pricing_table_features li {
  13005. font-size: 16px;
  13006. padding: 8px 0;
  13007. }
  13008. .pricing_table.pricing_table_a .pricing_table_select {
  13009. padding: 32px 0;
  13010. }
  13011. .pricing_table.pricing_table_b {
  13012. text-align: center;
  13013. }
  13014. .pricing_table.pricing_table_b .pricing_table_plan {
  13015. font-size: 16px;
  13016. font-weight: 400;
  13017. padding: 16px 0;
  13018. margin-bottom: 16px;
  13019. text-transform: uppercase;
  13020. }
  13021. .pricing_table.pricing_table_b .pricing_table_price {
  13022. padding: 8px 0 0;
  13023. font-size: 48px;
  13024. margin-bottom: 24px;
  13025. }
  13026. .pricing_table.pricing_table_b .pricing_table_price .currency {
  13027. vertical-align: top;
  13028. font-size: 24px;
  13029. padding: 0 4px;
  13030. }
  13031. .pricing_table.pricing_table_b .pricing_table_price .period {
  13032. font-size: 14px;
  13033. padding: 4px;
  13034. color: #aaa;
  13035. display: block;
  13036. }
  13037. .pricing_table.pricing_table_b .pricing_table_features {
  13038. margin: 0;
  13039. padding: 0;
  13040. list-style: none;
  13041. }
  13042. .pricing_table.pricing_table_b .pricing_table_features > li {
  13043. padding: 0;
  13044. margin: 0;
  13045. list-style: none;
  13046. }
  13047. .pricing_table.pricing_table_b .pricing_table_features li {
  13048. font-size: 16px;
  13049. padding: 8px 0;
  13050. }
  13051. .pricing_table.pricing_table_b .pricing_table_select {
  13052. padding: 32px 0;
  13053. }
  13054. .pricing_table.pricing_table_c {
  13055. text-align: center;
  13056. }
  13057. .pricing_table.pricing_table_c .pricing_table_plan {
  13058. font-size: 16px;
  13059. font-weight: 400;
  13060. padding: 16px 0;
  13061. margin-bottom: 8px;
  13062. }
  13063. .pricing_table.pricing_table_c .pricing_table_price {
  13064. padding: 8px 0 0;
  13065. font-size: 48px;
  13066. margin-bottom: 24px;
  13067. }
  13068. .pricing_table.pricing_table_c .pricing_table_price .currency {
  13069. vertical-align: top;
  13070. font-size: 24px;
  13071. padding: 0 4px;
  13072. }
  13073. .pricing_table.pricing_table_c .pricing_table_price .period {
  13074. font-size: 14px;
  13075. color: #aaa;
  13076. vertical-align: 0;
  13077. padding-left: 4px;
  13078. }
  13079. .pricing_table.pricing_table_c .pricing_table_features {
  13080. margin: 0;
  13081. padding: 0;
  13082. list-style: none;
  13083. }
  13084. .pricing_table.pricing_table_c .pricing_table_features > li {
  13085. padding: 0;
  13086. margin: 0;
  13087. list-style: none;
  13088. }
  13089. .pricing_table.pricing_table_c .pricing_table_features li {
  13090. font-size: 16px;
  13091. padding: 8px 0;
  13092. }
  13093. .pricing_table.pricing_table_c .pricing_table_select {
  13094. padding: 32px 0;
  13095. }
  13096. .invoice_header {
  13097. height: 72px;
  13098. padding: 20px;
  13099. box-sizing: border-box;
  13100. margin: -16px -16px 24px;
  13101. }
  13102. .invoice_header > img {
  13103. max-height: 100%;
  13104. width: auto;
  13105. }
  13106. .invoice_header_active.md-card-toolbar {
  13107. border-bottom: none;
  13108. }
  13109. .invoice_footer {
  13110. border-top: 1px solid rgba(0, 0, 0, 0.12);
  13111. margin-top: 40px;
  13112. height: 64px;
  13113. padding: 8px;
  13114. font-size: 13px;
  13115. text-align: center;
  13116. box-sizing: border-box;
  13117. line-height: 20px;
  13118. }
  13119. .invoice_footer > span {
  13120. font-weight: 700;
  13121. font-size: 24px;
  13122. vertical-align: -4px;
  13123. padding: 0 8px;
  13124. }
  13125. .invoice_content {
  13126. position: relative;
  13127. }
  13128. .invoice_content address p + p {
  13129. margin-top: 0;
  13130. }
  13131. #tabs_search_content > li {
  13132. padding: 24px;
  13133. }
  13134. #tabs_search_content > li.full_height {
  13135. padding: 0;
  13136. height: 100%;
  13137. }
  13138. .map_search_wrapper {
  13139. position: relative;
  13140. padding-left: 320px;
  13141. }
  13142. @media only screen and (max-width: 767px) {
  13143. .map_search_wrapper {
  13144. padding-left: 0;
  13145. }
  13146. }
  13147. .map_search_wrapper .map_search_list_wrapper {
  13148. position: absolute;
  13149. left: 0;
  13150. top: 0;
  13151. bottom: 0;
  13152. width: 320px;
  13153. padding: 16px 0;
  13154. background: #fff;
  13155. box-sizing: border-box;
  13156. overflow-x: hidden;
  13157. overflow-y: auto;
  13158. box-shadow: 4px 0 8px rgba(0, 0, 0, 0.26);
  13159. -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  13160. transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  13161. -webkit-transform: translate3d(0, 0, 0);
  13162. transform: translate3d(0, 0, 0);
  13163. }
  13164. @media only screen and (max-width: 767px) {
  13165. .map_search_wrapper .map_search_list_wrapper {
  13166. width: 240px;
  13167. }
  13168. }
  13169. .map_search_wrapper .map_search_list_wrapper .md-list li {
  13170. padding: 8px 16px;
  13171. border-bottom-color: rgba(0, 0, 0, 0.08);
  13172. }
  13173. .map_search_list_active.map_search_wrapper {
  13174. padding: 0;
  13175. }
  13176. .map_search_list_active.map_search_wrapper .map_search_list_wrapper {
  13177. -webkit-transform: translate3d(-340px, 0, 0);
  13178. transform: translate3d(-340px, 0, 0);
  13179. }
  13180. #map_search_list_toggle {
  13181. position: absolute;
  13182. left: 320px;
  13183. bottom: 50%;
  13184. margin-bottom: -20px;
  13185. width: 40px;
  13186. height: 40px;
  13187. border-radius: 0 8px 8px 0;
  13188. background: #fff;
  13189. display: block;
  13190. z-index: 1;
  13191. text-align: center;
  13192. padding-top: 8px;
  13193. box-sizing: border-box;
  13194. cursor: pointer;
  13195. -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  13196. transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  13197. box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.26);
  13198. }
  13199. @media only screen and (max-width: 767px) {
  13200. #map_search_list_toggle {
  13201. left: 240px;
  13202. }
  13203. }
  13204. .map_search_list_active #map_search_list_toggle {
  13205. left: 0;
  13206. }
  13207. .search_list {
  13208. margin: 0;
  13209. padding: 0;
  13210. list-style: none;
  13211. }
  13212. .search_list > li {
  13213. padding: 0;
  13214. margin: 0;
  13215. list-style: none;
  13216. }
  13217. .search_list_heading {
  13218. font: 400 18px / 22px "Roboto", sans-serif;
  13219. margin: 0 0 2px;
  13220. }
  13221. .search_list_link {
  13222. color: #7cb342;
  13223. display: block;
  13224. margin-bottom: 2px;
  13225. }
  13226. .search_list p {
  13227. margin: 0;
  13228. font-size: 13px;
  13229. }
  13230. .search_list li {
  13231. padding: 24px 0;
  13232. }
  13233. .search_list li:before,
  13234. .search_list li:after {
  13235. content: " ";
  13236. display: table;
  13237. }
  13238. .search_list li:after {
  13239. clear: both;
  13240. }
  13241. .search_list li:before,
  13242. .search_list li:after {
  13243. content: " ";
  13244. display: table;
  13245. }
  13246. .search_list li:after {
  13247. clear: both;
  13248. }
  13249. .search_list li + li {
  13250. border-top: 1px solid rgba(0, 0, 0, 0.08);
  13251. }
  13252. .search_list_thumb {
  13253. width: 100px;
  13254. height: 100px;
  13255. margin-right: 16px;
  13256. float: left;
  13257. }
  13258. @media only screen and (max-width: 767px) {
  13259. .search_list_thumb {
  13260. float: none !important;
  13261. width: auto;
  13262. margin: 0 0 16px !important;
  13263. }
  13264. }
  13265. .search_list_content {
  13266. overflow: hidden;
  13267. }
  13268. /* 9. altair main styles ============================= */
  13269. html {
  13270. height: 100%;
  13271. overflow-x: hidden;
  13272. overflow-y: auto;
  13273. -webkit-overflow-scrolling: touch;
  13274. background: #ececec;
  13275. }
  13276. body {
  13277. min-height: 100%;
  13278. font: 400 14px / 1.42857143 "Roboto", sans-serif;
  13279. padding-top: 48px;
  13280. box-sizing: border-box;
  13281. }
  13282. a,
  13283. button {
  13284. outline: none !important;
  13285. }
  13286. a {
  13287. color: #1e88e5;
  13288. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  13289. }
  13290. a:hover,
  13291. a:active {
  13292. color: #0d47a1;
  13293. text-decoration: none;
  13294. }
  13295. pre,
  13296. code,
  13297. code[class*="language-"],
  13298. pre[class*="language-"] {
  13299. font: 400 12px / 18px "Source Code Pro", Consolas, Monaco, 'Andale Mono', monospace !important;
  13300. box-sizing: border-box;
  13301. }
  13302. pre[class*="language-"] {
  13303. box-shadow: none;
  13304. border: 1px solid rgba(0, 0, 0, 0.12);
  13305. padding: 0;
  13306. }
  13307. pre[class*="language-"]:before,
  13308. pre[class*="language-"]:after {
  13309. display: none;
  13310. }
  13311. .line-numbers .line-numbers-rows {
  13312. border-right-color: rgba(0, 0, 0, 0.12);
  13313. }
  13314. :not(pre) > code,
  13315. :not(pre) > kbd,
  13316. :not(pre) > samp {
  13317. font: 400 12px / 18px "Source Code Pro", Consolas, Monaco, 'Andale Mono', monospace !important;
  13318. color: #d32f2f;
  13319. }
  13320. pre.large_code,
  13321. code.large_code {
  13322. font: 400 14px / 24px "Source Code Pro", Consolas, Monaco, 'Andale Mono', monospace !important;
  13323. }
  13324. .touchscroll {
  13325. overflow-y: auto !important;
  13326. -webkit-overflow-scrolling: touch;
  13327. }
  13328. .transform-origin-50 {
  13329. -webkit-transform-origin: 50% 50%;
  13330. transform-origin: 50% 50%;
  13331. }
  13332. blockquote {
  13333. border-left: 4px solid rgba(0, 0, 0, 0.085);
  13334. }
  13335. /* clearfix */
  13336. .clearfix:before,
  13337. .clearfix:after {
  13338. content: " ";
  13339. display: table;
  13340. }
  13341. .clearfix:after {
  13342. clear: both;
  13343. }
  13344. /* headings */
  13345. h1,
  13346. h2,
  13347. h3,
  13348. h4,
  13349. h5,
  13350. h6 {
  13351. font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  13352. font-weight: 500;
  13353. }
  13354. .heading_a {
  13355. margin: 0;
  13356. font: 400 18px / 24px "Roboto", sans-serif;
  13357. }
  13358. .heading_a .sub-heading {
  13359. font-weight: 300;
  13360. font-size: 14px;
  13361. line-height: 18px;
  13362. display: block;
  13363. color: #727272;
  13364. }
  13365. .heading_b {
  13366. margin: 0;
  13367. font: 400 22px / 28px "Roboto", sans-serif;
  13368. }
  13369. .heading_b .sub-heading {
  13370. font-weight: 300;
  13371. font-size: 16px;
  13372. line-height: 20px;
  13373. display: block;
  13374. color: #727272;
  13375. }
  13376. .heading_c {
  13377. margin: 0;
  13378. font: 400 16px / 20px "Roboto", sans-serif;
  13379. }
  13380. .heading_c .sub-heading {
  13381. font-weight: 300;
  13382. font-size: 13px;
  13383. line-height: 20px;
  13384. display: block;
  13385. color: #727272;
  13386. }
  13387. .heading_list {
  13388. color: #727272;
  13389. font: 500 13px / 16px "Roboto", sans-serif;
  13390. padding: 0 16px;
  13391. margin: 0 0 16px;
  13392. }
  13393. .heading_a + .uk-grid,
  13394. .heading_b + .uk-grid,
  13395. .heading_c + .uk-grid,
  13396. .heading_list + .uk-grid {
  13397. margin-top: 24px;
  13398. }
  13399. .uk-grid + .heading_a,
  13400. .uk-grid + .heading_b,
  13401. .uk-grid + .heading_c,
  13402. .uk-grid + .heading_list {
  13403. margin-top: 24px;
  13404. }
  13405. /* uikit extend */
  13406. .uk-text-large {
  13407. font-size: 16px;
  13408. font-weight: 400;
  13409. margin: 0 0 16px;
  13410. }
  13411. * > .uk-text-large {
  13412. margin-top: 16px;
  13413. }
  13414. .uk-text-small {
  13415. font-size: 12px !important;
  13416. }
  13417. .uk-text-upper {
  13418. text-transform: uppercase;
  13419. }
  13420. .uk-text-italic {
  13421. font-style: italic;
  13422. }
  13423. .uk-text-del {
  13424. text-decoration: line-through;
  13425. }
  13426. .uk-table.no-border td,
  13427. .uk-table .no-border td {
  13428. border-bottom: none;
  13429. }
  13430. /* custom styles */
  13431. address {
  13432. margin: 0;
  13433. }
  13434. address p {
  13435. margin: 0;
  13436. }
  13437. address p + p {
  13438. margin-top: 4px;
  13439. }
  13440. .grid-block {
  13441. border-width: 1px 0;
  13442. border-style: solid;
  13443. border-color: rgba(0, 0, 0, 0.12);
  13444. background: rgba(179, 179, 179, 0.085);
  13445. padding: 48px 0;
  13446. }
  13447. .inline-list {
  13448. margin: 0;
  13449. padding: 0;
  13450. list-style: none;
  13451. overflow: hidden;
  13452. }
  13453. .inline-list > li {
  13454. padding: 0;
  13455. margin: 0;
  13456. list-style: none;
  13457. }
  13458. .inline-list li {
  13459. float: left;
  13460. margin: 0 8px 8px 0;
  13461. height: 32px;
  13462. width: 32px;
  13463. line-height: 32px;
  13464. text-align: center;
  13465. background: rgba(102, 102, 102, 0.085);
  13466. }
  13467. .img_thumb {
  13468. width: 80px;
  13469. max-width: 100%;
  13470. height: auto;
  13471. }
  13472. .img_thumb.square {
  13473. height: 80px;
  13474. }
  13475. .img_small {
  13476. width: 120px;
  13477. max-width: 100%;
  13478. height: auto;
  13479. }
  13480. .img_small.square {
  13481. height: 120px;
  13482. }
  13483. .img_medium {
  13484. width: 240px;
  13485. max-width: 100%;
  13486. height: auto;
  13487. }
  13488. .img_medium.square {
  13489. height: 240px;
  13490. }
  13491. .img_large {
  13492. width: 400px;
  13493. max-width: 100%;
  13494. height: auto;
  13495. }
  13496. .img_large.square {
  13497. height: 400px;
  13498. }
  13499. /* forms */
  13500. .inline-label {
  13501. padding-left: 4px;
  13502. cursor: pointer;
  13503. vertical-align: -1px;
  13504. }
  13505. .form_hr {
  13506. border-top: 1px dashed rgba(0, 0, 0, 0.12);
  13507. margin: 32px 0 16px;
  13508. }
  13509. /* layout */
  13510. #page_content:before {
  13511. content: '';
  13512. position: fixed;
  13513. left: 0;
  13514. top: 0;
  13515. right: 0;
  13516. bottom: 0;
  13517. background: rgba(0, 0, 0, 0.3);
  13518. display: block;
  13519. opacity: 0;
  13520. -webkit-transition: opacity 400ms;
  13521. transition: opacity 400ms;
  13522. z-index: -1;
  13523. }
  13524. #page_content_inner {
  13525. padding: 24px 24px 100px;
  13526. }
  13527. @media only screen and (min-width: 1220px) {
  13528. .boxed_layout #page_content {
  13529. max-width: 1220px;
  13530. margin: 0 auto !important;
  13531. }
  13532. .boxed_layout .uk-width-large-8-10.uk-container-center {
  13533. width: 100%;
  13534. }
  13535. .boxed_layout.sidebar_main_open #page_content,
  13536. .boxed_layout.sidebar_main_active #page_content {
  13537. padding-left: 240px;
  13538. }
  13539. .boxed_layout .md-top-bar {
  13540. max-width: 1172px;
  13541. margin: 0 auto;
  13542. }
  13543. .boxed_layout #page_heading {
  13544. border-width: 0 1px 1px;
  13545. border-style: solid;
  13546. border-color: rgba(0, 0, 0, 0.12);
  13547. box-sizing: border-box;
  13548. }
  13549. }
  13550. /* 10. print styles ================================== */
  13551. /* print stylesheet */
  13552. @media print {
  13553. *,
  13554. *:before,
  13555. *:after {
  13556. background: transparent !important;
  13557. color: #000 !important;
  13558. box-shadow: none !important;
  13559. text-shadow: none !important;
  13560. }
  13561. a,
  13562. a:visited {
  13563. text-decoration: underline;
  13564. }
  13565. a[href]:after {
  13566. content: " (" attr(href) ")";
  13567. }
  13568. abbr[title]:after {
  13569. content: " (" attr(title) ")";
  13570. }
  13571. a[href^="#"]:after,
  13572. a[href^="javascript:"]:after {
  13573. content: "";
  13574. }
  13575. pre,
  13576. blockquote {
  13577. border: 1px solid #999;
  13578. page-break-inside: avoid;
  13579. }
  13580. thead {
  13581. display: table-header-group;
  13582. }
  13583. tr,
  13584. img {
  13585. page-break-inside: avoid;
  13586. }
  13587. img {
  13588. max-width: 100% !important;
  13589. }
  13590. p,
  13591. h2,
  13592. h3 {
  13593. orphans: 3;
  13594. widows: 3;
  13595. }
  13596. h2,
  13597. h3 {
  13598. page-break-after: avoid;
  13599. }
  13600. .uk-table {
  13601. border-collapse: collapse !important;
  13602. }
  13603. .uk-table td,
  13604. .uk-table th {
  13605. background-color: #fff !important;
  13606. }
  13607. .uk-table-bordered th,
  13608. .uk-table-bordered td {
  13609. border: 1px solid #ddd !important;
  13610. }
  13611. #sidebar_main,
  13612. #sidebar_secondary,
  13613. #header_main,
  13614. #style_switcher,
  13615. .header_double_height:before,
  13616. .hidden-print,
  13617. .md-fab-wrapper {
  13618. display: none !important;
  13619. width: 0 !important;
  13620. height: 0 !important;
  13621. overflow: hidden !important;
  13622. margin: 0 !important;
  13623. left: 0 !important;
  13624. }
  13625. .sidebar_main_active #header_main,
  13626. .sidebar_main_active #top_bar {
  13627. display: none !important;
  13628. left: 0 !important;
  13629. }
  13630. body {
  13631. overflow-y: visible !important;
  13632. background: #fff;
  13633. padding: 20px !important;
  13634. }
  13635. body:after {
  13636. content: '';
  13637. position: fixed;
  13638. top: 0;
  13639. left: 0;
  13640. right: 0;
  13641. bottom: 0;
  13642. background: #fff;
  13643. display: block;
  13644. z-index: 9999;
  13645. }
  13646. #sidebar_main {
  13647. left: -240px !important;
  13648. }
  13649. .main-print {
  13650. padding: 0 !important;
  13651. margin: 0 !important;
  13652. width: 100% !important;
  13653. left: 0 !important;
  13654. top: 0 !important;
  13655. }
  13656. .md-card-single {
  13657. margin: 0 !important;
  13658. }
  13659. #page_content {
  13660. margin: 0 !important;
  13661. overflow-y: visible !important;
  13662. height: auto !important;
  13663. -webkit-transition: none !important;
  13664. transition: none !important;
  13665. }
  13666. #page_content:before {
  13667. display: none !important;
  13668. }
  13669. .print_bg,
  13670. .print_bg > * {
  13671. -webkit-print-color-adjust: exact;
  13672. }
  13673. .reset-print {
  13674. left: 0 !important;
  13675. right: 0 !important;
  13676. margin: 0 !important;
  13677. padding: 0 !important;
  13678. width: 100% !important;
  13679. }
  13680. .md-card-content {
  13681. height: auto !important;
  13682. }
  13683. }