| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891589258935894589558965897589858995900590159025903590459055906590759085909591059115912591359145915591659175918591959205921592259235924592559265927592859295930593159325933593459355936593759385939594059415942594359445945594659475948594959505951595259535954595559565957595859595960596159625963596459655966596759685969597059715972597359745975597659775978597959805981598259835984598559865987598859895990599159925993599459955996599759985999600060016002600360046005600660076008600960106011601260136014601560166017601860196020602160226023602460256026602760286029603060316032603360346035603660376038603960406041604260436044604560466047604860496050605160526053605460556056605760586059606060616062606360646065606660676068606960706071607260736074607560766077607860796080608160826083608460856086608760886089609060916092609360946095609660976098609961006101610261036104610561066107610861096110611161126113611461156116611761186119612061216122612361246125612661276128612961306131613261336134613561366137613861396140614161426143614461456146614761486149615061516152615361546155615661576158615961606161616261636164616561666167616861696170617161726173617461756176617761786179618061816182618361846185618661876188618961906191619261936194619561966197619861996200620162026203620462056206620762086209621062116212621362146215621662176218621962206221622262236224622562266227622862296230623162326233623462356236623762386239624062416242624362446245624662476248624962506251625262536254625562566257625862596260626162626263626462656266626762686269627062716272627362746275627662776278627962806281628262836284628562866287628862896290629162926293629462956296629762986299630063016302630363046305630663076308630963106311631263136314631563166317631863196320632163226323632463256326632763286329633063316332633363346335633663376338633963406341634263436344634563466347634863496350635163526353635463556356635763586359636063616362636363646365636663676368636963706371637263736374637563766377637863796380638163826383638463856386638763886389639063916392639363946395639663976398639964006401640264036404640564066407640864096410641164126413641464156416641764186419642064216422642364246425642664276428642964306431643264336434643564366437643864396440644164426443644464456446644764486449645064516452645364546455645664576458645964606461646264636464646564666467646864696470647164726473647464756476647764786479648064816482648364846485648664876488648964906491649264936494649564966497649864996500650165026503650465056506650765086509651065116512651365146515651665176518651965206521652265236524652565266527652865296530653165326533653465356536653765386539654065416542654365446545654665476548654965506551655265536554655565566557655865596560656165626563656465656566656765686569657065716572657365746575657665776578657965806581658265836584658565866587658865896590659165926593659465956596659765986599660066016602660366046605660666076608660966106611661266136614661566166617661866196620662166226623662466256626662766286629663066316632663366346635663666376638663966406641664266436644664566466647664866496650665166526653665466556656665766586659666066616662666366646665666666676668666966706671667266736674667566766677667866796680668166826683668466856686668766886689669066916692669366946695669666976698669967006701670267036704670567066707670867096710671167126713671467156716671767186719672067216722672367246725672667276728672967306731673267336734673567366737673867396740674167426743674467456746674767486749675067516752675367546755675667576758675967606761676267636764676567666767676867696770677167726773677467756776677767786779678067816782678367846785678667876788678967906791679267936794679567966797679867996800680168026803680468056806680768086809681068116812681368146815681668176818681968206821682268236824682568266827682868296830683168326833683468356836683768386839684068416842684368446845684668476848684968506851685268536854685568566857685868596860686168626863686468656866686768686869687068716872687368746875687668776878687968806881688268836884688568866887688868896890689168926893689468956896689768986899690069016902690369046905690669076908690969106911691269136914691569166917691869196920692169226923692469256926692769286929693069316932693369346935693669376938693969406941694269436944694569466947694869496950695169526953695469556956695769586959696069616962696369646965696669676968696969706971697269736974697569766977697869796980698169826983698469856986698769886989699069916992699369946995699669976998699970007001700270037004700570067007700870097010701170127013701470157016701770187019702070217022702370247025702670277028702970307031703270337034703570367037703870397040704170427043704470457046704770487049705070517052705370547055705670577058705970607061706270637064706570667067706870697070707170727073707470757076707770787079708070817082708370847085708670877088708970907091709270937094709570967097709870997100710171027103710471057106710771087109711071117112711371147115711671177118711971207121712271237124712571267127712871297130713171327133713471357136713771387139714071417142714371447145714671477148714971507151715271537154715571567157715871597160716171627163716471657166716771687169717071717172717371747175717671777178717971807181718271837184718571867187718871897190719171927193719471957196719771987199720072017202720372047205720672077208720972107211721272137214721572167217721872197220722172227223722472257226722772287229723072317232723372347235723672377238723972407241724272437244724572467247724872497250725172527253725472557256725772587259726072617262726372647265726672677268726972707271727272737274727572767277727872797280728172827283728472857286728772887289729072917292729372947295729672977298729973007301730273037304730573067307730873097310731173127313731473157316731773187319732073217322732373247325732673277328732973307331733273337334733573367337733873397340734173427343734473457346734773487349735073517352735373547355735673577358735973607361736273637364736573667367736873697370737173727373737473757376737773787379738073817382738373847385738673877388738973907391739273937394739573967397739873997400740174027403740474057406740774087409741074117412741374147415741674177418741974207421742274237424742574267427742874297430743174327433743474357436743774387439744074417442744374447445744674477448744974507451745274537454745574567457745874597460746174627463746474657466746774687469747074717472747374747475747674777478747974807481748274837484748574867487748874897490749174927493749474957496749774987499750075017502750375047505750675077508750975107511751275137514751575167517751875197520752175227523752475257526752775287529753075317532753375347535753675377538753975407541754275437544754575467547754875497550755175527553755475557556755775587559756075617562756375647565756675677568756975707571757275737574757575767577757875797580758175827583758475857586758775887589759075917592759375947595759675977598759976007601760276037604760576067607760876097610761176127613761476157616761776187619762076217622762376247625762676277628762976307631763276337634763576367637763876397640764176427643764476457646764776487649765076517652765376547655765676577658765976607661766276637664766576667667766876697670767176727673767476757676767776787679768076817682768376847685768676877688768976907691769276937694769576967697769876997700770177027703770477057706770777087709771077117712771377147715771677177718771977207721772277237724772577267727772877297730773177327733773477357736773777387739774077417742774377447745774677477748774977507751775277537754775577567757775877597760776177627763776477657766776777687769777077717772777377747775777677777778777977807781778277837784778577867787778877897790779177927793779477957796779777987799780078017802780378047805780678077808780978107811781278137814781578167817781878197820782178227823782478257826782778287829783078317832783378347835783678377838783978407841784278437844784578467847784878497850785178527853785478557856785778587859786078617862786378647865786678677868786978707871787278737874787578767877787878797880788178827883788478857886788778887889789078917892789378947895789678977898789979007901790279037904790579067907790879097910791179127913791479157916791779187919792079217922792379247925792679277928792979307931793279337934793579367937793879397940794179427943794479457946794779487949795079517952795379547955795679577958795979607961796279637964796579667967796879697970797179727973797479757976797779787979798079817982798379847985798679877988798979907991799279937994799579967997799879998000800180028003800480058006800780088009801080118012801380148015801680178018801980208021802280238024802580268027802880298030803180328033803480358036803780388039804080418042804380448045804680478048804980508051805280538054805580568057805880598060806180628063806480658066806780688069807080718072807380748075807680778078807980808081808280838084808580868087808880898090809180928093809480958096809780988099810081018102810381048105810681078108810981108111811281138114811581168117811881198120812181228123812481258126812781288129813081318132813381348135813681378138813981408141814281438144814581468147814881498150815181528153815481558156815781588159816081618162816381648165816681678168816981708171817281738174817581768177817881798180818181828183818481858186818781888189819081918192819381948195819681978198819982008201820282038204820582068207820882098210821182128213821482158216821782188219822082218222822382248225822682278228822982308231823282338234823582368237823882398240824182428243824482458246824782488249825082518252825382548255825682578258825982608261826282638264826582668267826882698270827182728273827482758276827782788279828082818282828382848285828682878288828982908291829282938294829582968297829882998300830183028303830483058306830783088309831083118312831383148315831683178318831983208321832283238324832583268327832883298330833183328333833483358336833783388339834083418342834383448345834683478348834983508351835283538354835583568357835883598360836183628363836483658366836783688369837083718372837383748375837683778378837983808381838283838384838583868387838883898390839183928393839483958396839783988399840084018402840384048405840684078408840984108411841284138414841584168417841884198420842184228423842484258426842784288429843084318432843384348435843684378438843984408441844284438444844584468447844884498450845184528453845484558456845784588459846084618462846384648465846684678468846984708471847284738474847584768477847884798480848184828483848484858486848784888489849084918492849384948495849684978498849985008501850285038504850585068507850885098510851185128513851485158516851785188519852085218522852385248525852685278528852985308531853285338534853585368537853885398540854185428543854485458546854785488549855085518552855385548555855685578558855985608561856285638564856585668567856885698570857185728573857485758576857785788579858085818582858385848585858685878588858985908591859285938594859585968597859885998600860186028603860486058606860786088609861086118612861386148615861686178618861986208621862286238624862586268627862886298630863186328633863486358636863786388639864086418642864386448645864686478648864986508651865286538654865586568657865886598660866186628663866486658666866786688669867086718672867386748675867686778678867986808681868286838684868586868687868886898690869186928693869486958696869786988699870087018702870387048705870687078708870987108711871287138714871587168717871887198720872187228723872487258726872787288729873087318732873387348735873687378738873987408741874287438744874587468747874887498750875187528753875487558756875787588759876087618762876387648765876687678768876987708771877287738774877587768777877887798780878187828783878487858786878787888789879087918792879387948795879687978798879988008801880288038804880588068807880888098810881188128813881488158816881788188819882088218822882388248825882688278828882988308831883288338834883588368837883888398840884188428843884488458846884788488849885088518852885388548855885688578858885988608861886288638864886588668867886888698870887188728873887488758876887788788879888088818882888388848885888688878888888988908891889288938894889588968897889888998900890189028903890489058906890789088909891089118912891389148915891689178918891989208921892289238924892589268927892889298930893189328933893489358936893789388939894089418942894389448945894689478948894989508951895289538954895589568957895889598960896189628963896489658966896789688969897089718972897389748975897689778978897989808981898289838984898589868987898889898990899189928993899489958996899789988999900090019002900390049005900690079008900990109011901290139014901590169017901890199020902190229023902490259026902790289029903090319032903390349035903690379038903990409041904290439044904590469047904890499050905190529053905490559056905790589059906090619062906390649065906690679068906990709071907290739074907590769077907890799080908190829083908490859086908790889089909090919092909390949095909690979098909991009101910291039104910591069107910891099110911191129113911491159116911791189119912091219122912391249125912691279128912991309131913291339134913591369137913891399140914191429143914491459146914791489149915091519152915391549155915691579158915991609161916291639164916591669167916891699170917191729173917491759176917791789179918091819182918391849185918691879188918991909191919291939194919591969197919891999200920192029203920492059206920792089209921092119212921392149215921692179218921992209221922292239224922592269227922892299230923192329233923492359236923792389239924092419242924392449245924692479248924992509251925292539254925592569257925892599260926192629263926492659266926792689269927092719272927392749275927692779278927992809281928292839284928592869287928892899290929192929293929492959296929792989299930093019302930393049305930693079308930993109311931293139314931593169317931893199320932193229323932493259326932793289329933093319332933393349335933693379338933993409341934293439344934593469347934893499350935193529353935493559356935793589359936093619362936393649365936693679368936993709371937293739374937593769377937893799380938193829383938493859386938793889389939093919392939393949395939693979398939994009401940294039404940594069407940894099410941194129413941494159416941794189419942094219422942394249425942694279428942994309431943294339434943594369437943894399440944194429443944494459446944794489449945094519452945394549455945694579458945994609461946294639464946594669467946894699470947194729473947494759476947794789479948094819482948394849485948694879488948994909491949294939494949594969497949894999500950195029503950495059506950795089509951095119512951395149515951695179518951995209521952295239524952595269527952895299530953195329533953495359536953795389539954095419542954395449545954695479548954995509551955295539554955595569557955895599560956195629563956495659566956795689569957095719572957395749575957695779578957995809581958295839584958595869587958895899590959195929593959495959596959795989599960096019602960396049605960696079608960996109611961296139614961596169617961896199620962196229623962496259626962796289629963096319632963396349635963696379638963996409641964296439644964596469647964896499650965196529653965496559656965796589659966096619662966396649665966696679668966996709671967296739674967596769677967896799680968196829683968496859686968796889689969096919692969396949695969696979698969997009701970297039704970597069707970897099710971197129713971497159716971797189719972097219722972397249725972697279728972997309731973297339734973597369737973897399740974197429743974497459746974797489749975097519752975397549755975697579758975997609761976297639764976597669767976897699770977197729773977497759776977797789779978097819782978397849785978697879788978997909791979297939794979597969797979897999800980198029803980498059806980798089809981098119812981398149815981698179818981998209821982298239824982598269827982898299830983198329833983498359836983798389839984098419842984398449845984698479848984998509851985298539854985598569857985898599860986198629863986498659866986798689869987098719872987398749875987698779878987998809881988298839884988598869887988898899890989198929893989498959896989798989899990099019902990399049905990699079908990999109911991299139914991599169917991899199920992199229923992499259926992799289929993099319932993399349935993699379938993999409941994299439944994599469947994899499950995199529953995499559956995799589959996099619962996399649965996699679968996999709971997299739974997599769977997899799980998199829983998499859986998799889989999099919992999399949995999699979998999910000100011000210003100041000510006100071000810009100101001110012100131001410015100161001710018100191002010021100221002310024100251002610027100281002910030100311003210033100341003510036100371003810039100401004110042100431004410045100461004710048100491005010051100521005310054100551005610057100581005910060100611006210063100641006510066100671006810069100701007110072100731007410075100761007710078100791008010081100821008310084100851008610087100881008910090100911009210093100941009510096100971009810099101001010110102101031010410105101061010710108101091011010111101121011310114101151011610117101181011910120101211012210123101241012510126101271012810129101301013110132101331013410135101361013710138101391014010141101421014310144101451014610147101481014910150101511015210153101541015510156101571015810159101601016110162101631016410165101661016710168101691017010171101721017310174101751017610177101781017910180101811018210183101841018510186101871018810189101901019110192101931019410195101961019710198101991020010201102021020310204102051020610207102081020910210102111021210213102141021510216102171021810219102201022110222102231022410225102261022710228102291023010231102321023310234102351023610237102381023910240102411024210243102441024510246102471024810249102501025110252102531025410255102561025710258102591026010261102621026310264102651026610267102681026910270102711027210273102741027510276102771027810279102801028110282102831028410285102861028710288102891029010291102921029310294102951029610297102981029910300103011030210303103041030510306103071030810309103101031110312103131031410315103161031710318103191032010321103221032310324103251032610327103281032910330103311033210333103341033510336103371033810339103401034110342103431034410345103461034710348103491035010351103521035310354103551035610357103581035910360103611036210363103641036510366103671036810369103701037110372103731037410375103761037710378103791038010381103821038310384103851038610387103881038910390103911039210393103941039510396103971039810399104001040110402104031040410405104061040710408104091041010411104121041310414104151041610417104181041910420104211042210423104241042510426104271042810429104301043110432104331043410435104361043710438104391044010441104421044310444104451044610447104481044910450104511045210453104541045510456104571045810459104601046110462104631046410465104661046710468104691047010471104721047310474104751047610477104781047910480104811048210483104841048510486104871048810489104901049110492104931049410495104961049710498104991050010501105021050310504105051050610507105081050910510105111051210513105141051510516105171051810519105201052110522105231052410525105261052710528105291053010531105321053310534105351053610537105381053910540105411054210543105441054510546105471054810549105501055110552105531055410555105561055710558105591056010561105621056310564105651056610567105681056910570105711057210573105741057510576105771057810579105801058110582105831058410585105861058710588105891059010591105921059310594105951059610597105981059910600106011060210603106041060510606106071060810609106101061110612106131061410615106161061710618106191062010621106221062310624106251062610627106281062910630106311063210633106341063510636106371063810639106401064110642106431064410645106461064710648106491065010651106521065310654106551065610657106581065910660106611066210663106641066510666106671066810669106701067110672106731067410675106761067710678106791068010681106821068310684106851068610687106881068910690106911069210693106941069510696106971069810699107001070110702107031070410705107061070710708107091071010711107121071310714107151071610717107181071910720107211072210723107241072510726107271072810729107301073110732107331073410735107361073710738107391074010741107421074310744107451074610747107481074910750107511075210753107541075510756107571075810759107601076110762107631076410765107661076710768107691077010771107721077310774107751077610777107781077910780107811078210783107841078510786107871078810789107901079110792107931079410795107961079710798107991080010801108021080310804108051080610807108081080910810108111081210813108141081510816108171081810819108201082110822108231082410825108261082710828108291083010831108321083310834108351083610837108381083910840108411084210843108441084510846108471084810849108501085110852108531085410855108561085710858108591086010861108621086310864108651086610867108681086910870108711087210873108741087510876108771087810879108801088110882108831088410885108861088710888108891089010891108921089310894108951089610897108981089910900109011090210903109041090510906109071090810909109101091110912109131091410915109161091710918109191092010921109221092310924109251092610927109281092910930109311093210933109341093510936109371093810939109401094110942109431094410945109461094710948109491095010951109521095310954109551095610957109581095910960109611096210963109641096510966109671096810969109701097110972109731097410975109761097710978109791098010981109821098310984109851098610987109881098910990109911099210993109941099510996109971099810999110001100111002110031100411005110061100711008110091101011011110121101311014110151101611017110181101911020110211102211023110241102511026110271102811029110301103111032110331103411035110361103711038110391104011041110421104311044110451104611047110481104911050110511105211053110541105511056110571105811059110601106111062110631106411065110661106711068110691107011071110721107311074110751107611077110781107911080110811108211083110841108511086110871108811089110901109111092110931109411095110961109711098110991110011101111021110311104111051110611107111081110911110111111111211113111141111511116111171111811119111201112111122111231112411125111261112711128111291113011131111321113311134111351113611137111381113911140111411114211143111441114511146111471114811149111501115111152111531115411155111561115711158111591116011161111621116311164111651116611167111681116911170111711117211173111741117511176111771117811179111801118111182111831118411185111861118711188111891119011191111921119311194111951119611197111981119911200112011120211203112041120511206112071120811209112101121111212112131121411215112161121711218112191122011221112221122311224112251122611227112281122911230112311123211233112341123511236112371123811239112401124111242112431124411245112461124711248112491125011251112521125311254112551125611257112581125911260112611126211263112641126511266112671126811269112701127111272112731127411275112761127711278112791128011281112821128311284112851128611287112881128911290112911129211293112941129511296112971129811299113001130111302113031130411305113061130711308113091131011311113121131311314113151131611317113181131911320113211132211323113241132511326113271132811329113301133111332113331133411335113361133711338113391134011341113421134311344113451134611347113481134911350113511135211353113541135511356113571135811359113601136111362113631136411365113661136711368113691137011371113721137311374113751137611377113781137911380113811138211383113841138511386113871138811389113901139111392113931139411395113961139711398113991140011401114021140311404114051140611407114081140911410114111141211413114141141511416114171141811419114201142111422114231142411425114261142711428114291143011431114321143311434114351143611437114381143911440114411144211443114441144511446114471144811449114501145111452114531145411455114561145711458114591146011461114621146311464114651146611467114681146911470114711147211473114741147511476114771147811479114801148111482114831148411485114861148711488114891149011491114921149311494114951149611497114981149911500115011150211503115041150511506115071150811509115101151111512115131151411515115161151711518115191152011521115221152311524115251152611527115281152911530115311153211533115341153511536115371153811539115401154111542115431154411545115461154711548115491155011551115521155311554115551155611557115581155911560115611156211563115641156511566115671156811569115701157111572115731157411575115761157711578115791158011581115821158311584115851158611587115881158911590115911159211593115941159511596115971159811599116001160111602116031160411605116061160711608116091161011611116121161311614116151161611617116181161911620116211162211623116241162511626116271162811629116301163111632116331163411635116361163711638116391164011641116421164311644116451164611647116481164911650116511165211653116541165511656116571165811659116601166111662116631166411665116661166711668116691167011671116721167311674116751167611677116781167911680116811168211683116841168511686116871168811689116901169111692116931169411695116961169711698116991170011701117021170311704117051170611707117081170911710117111171211713117141171511716117171171811719117201172111722117231172411725117261172711728117291173011731117321173311734117351173611737117381173911740117411174211743117441174511746117471174811749117501175111752117531175411755117561175711758117591176011761117621176311764117651176611767117681176911770117711177211773117741177511776117771177811779117801178111782117831178411785117861178711788117891179011791117921179311794117951179611797117981179911800118011180211803118041180511806118071180811809118101181111812118131181411815118161181711818118191182011821118221182311824118251182611827118281182911830118311183211833118341183511836118371183811839118401184111842118431184411845118461184711848118491185011851118521185311854118551185611857118581185911860118611186211863118641186511866118671186811869118701187111872118731187411875118761187711878118791188011881118821188311884118851188611887118881188911890118911189211893118941189511896118971189811899119001190111902119031190411905119061190711908119091191011911119121191311914119151191611917119181191911920119211192211923119241192511926119271192811929119301193111932119331193411935119361193711938119391194011941119421194311944119451194611947119481194911950119511195211953119541195511956119571195811959119601196111962119631196411965119661196711968119691197011971119721197311974119751197611977119781197911980119811198211983119841198511986119871198811989119901199111992119931199411995119961199711998119991200012001120021200312004120051200612007120081200912010120111201212013120141201512016120171201812019120201202112022120231202412025120261202712028120291203012031120321203312034120351203612037120381203912040120411204212043120441204512046120471204812049120501205112052120531205412055120561205712058120591206012061120621206312064120651206612067120681206912070120711207212073120741207512076120771207812079120801208112082120831208412085120861208712088120891209012091120921209312094120951209612097120981209912100121011210212103121041210512106121071210812109121101211112112121131211412115121161211712118121191212012121121221212312124121251212612127121281212912130121311213212133121341213512136121371213812139121401214112142121431214412145121461214712148121491215012151121521215312154121551215612157121581215912160121611216212163121641216512166121671216812169121701217112172121731217412175121761217712178121791218012181121821218312184121851218612187121881218912190121911219212193121941219512196121971219812199122001220112202122031220412205122061220712208122091221012211122121221312214122151221612217122181221912220122211222212223122241222512226122271222812229122301223112232122331223412235122361223712238122391224012241122421224312244122451224612247122481224912250122511225212253122541225512256122571225812259122601226112262122631226412265122661226712268122691227012271122721227312274122751227612277122781227912280122811228212283122841228512286122871228812289122901229112292122931229412295122961229712298122991230012301123021230312304123051230612307123081230912310123111231212313123141231512316123171231812319123201232112322123231232412325123261232712328123291233012331123321233312334123351233612337123381233912340123411234212343123441234512346123471234812349123501235112352123531235412355123561235712358123591236012361123621236312364123651236612367123681236912370123711237212373123741237512376123771237812379123801238112382123831238412385123861238712388123891239012391123921239312394123951239612397123981239912400124011240212403124041240512406124071240812409124101241112412124131241412415124161241712418124191242012421124221242312424124251242612427124281242912430124311243212433124341243512436124371243812439124401244112442124431244412445124461244712448124491245012451124521245312454124551245612457124581245912460124611246212463124641246512466124671246812469124701247112472124731247412475124761247712478124791248012481124821248312484124851248612487124881248912490124911249212493124941249512496124971249812499125001250112502125031250412505125061250712508125091251012511125121251312514125151251612517125181251912520125211252212523125241252512526125271252812529125301253112532125331253412535125361253712538125391254012541125421254312544125451254612547125481254912550125511255212553125541255512556125571255812559125601256112562125631256412565125661256712568125691257012571125721257312574125751257612577125781257912580125811258212583125841258512586125871258812589125901259112592125931259412595125961259712598125991260012601126021260312604126051260612607126081260912610126111261212613126141261512616126171261812619126201262112622126231262412625126261262712628126291263012631126321263312634126351263612637126381263912640126411264212643126441264512646126471264812649126501265112652126531265412655126561265712658126591266012661126621266312664126651266612667126681266912670126711267212673126741267512676126771267812679126801268112682126831268412685126861268712688126891269012691126921269312694126951269612697126981269912700127011270212703127041270512706127071270812709127101271112712127131271412715127161271712718127191272012721127221272312724127251272612727127281272912730127311273212733127341273512736127371273812739127401274112742127431274412745127461274712748127491275012751127521275312754127551275612757127581275912760127611276212763127641276512766127671276812769127701277112772127731277412775127761277712778127791278012781127821278312784127851278612787127881278912790127911279212793127941279512796127971279812799128001280112802128031280412805128061280712808128091281012811128121281312814128151281612817128181281912820128211282212823128241282512826128271282812829128301283112832128331283412835128361283712838128391284012841128421284312844128451284612847128481284912850128511285212853128541285512856128571285812859128601286112862128631286412865128661286712868128691287012871128721287312874128751287612877128781287912880128811288212883128841288512886128871288812889128901289112892128931289412895128961289712898128991290012901129021290312904129051290612907129081290912910129111291212913129141291512916129171291812919129201292112922129231292412925129261292712928129291293012931129321293312934129351293612937129381293912940129411294212943129441294512946129471294812949129501295112952129531295412955129561295712958129591296012961129621296312964129651296612967129681296912970129711297212973129741297512976129771297812979129801298112982129831298412985129861298712988129891299012991129921299312994129951299612997129981299913000130011300213003130041300513006130071300813009130101301113012130131301413015130161301713018130191302013021130221302313024130251302613027130281302913030130311303213033130341303513036130371303813039130401304113042130431304413045130461304713048130491305013051130521305313054130551305613057130581305913060130611306213063130641306513066130671306813069130701307113072130731307413075130761307713078130791308013081130821308313084130851308613087130881308913090130911309213093130941309513096130971309813099131001310113102131031310413105131061310713108131091311013111131121311313114131151311613117131181311913120131211312213123131241312513126131271312813129131301313113132131331313413135131361313713138131391314013141131421314313144131451314613147131481314913150131511315213153131541315513156131571315813159131601316113162131631316413165131661316713168131691317013171131721317313174131751317613177131781317913180131811318213183131841318513186131871318813189131901319113192131931319413195131961319713198131991320013201132021320313204132051320613207132081320913210132111321213213132141321513216132171321813219132201322113222132231322413225132261322713228132291323013231132321323313234132351323613237132381323913240132411324213243132441324513246132471324813249132501325113252132531325413255132561325713258 |
- <!DOCTYPE html>
- <html>
- <head><meta charset="utf-8" />
- <title>Report</title>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.10/require.min.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
- <style type="text/css">
- /*!
- *
- * Twitter Bootstrap
- *
- */
- /*!
- * Bootstrap v3.3.6 (http://getbootstrap.com)
- * Copyright 2011-2015 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- */
- /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
- html {
- font-family: sans-serif;
- -ms-text-size-adjust: 100%;
- -webkit-text-size-adjust: 100%;
- }
- body {
- margin: 0;
- }
- article,
- aside,
- details,
- figcaption,
- figure,
- footer,
- header,
- hgroup,
- main,
- menu,
- nav,
- section,
- summary {
- display: block;
- }
- audio,
- canvas,
- progress,
- video {
- display: inline-block;
- vertical-align: baseline;
- }
- audio:not([controls]) {
- display: none;
- height: 0;
- }
- [hidden],
- template {
- display: none;
- }
- a {
- background-color: transparent;
- }
- a:active,
- a:hover {
- outline: 0;
- }
- abbr[title] {
- border-bottom: 1px dotted;
- }
- b,
- strong {
- font-weight: bold;
- }
- dfn {
- font-style: italic;
- }
- h1 {
- font-size: 2em;
- margin: 0.67em 0;
- }
- mark {
- background: #ff0;
- color: #000;
- }
- small {
- font-size: 80%;
- }
- sub,
- sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
- }
- sup {
- top: -0.5em;
- }
- sub {
- bottom: -0.25em;
- }
- img {
- border: 0;
- }
- svg:not(:root) {
- overflow: hidden;
- }
- figure {
- margin: 1em 40px;
- }
- hr {
- box-sizing: content-box;
- height: 0;
- }
- pre {
- overflow: auto;
- }
- code,
- kbd,
- pre,
- samp {
- font-family: monospace, monospace;
- font-size: 1em;
- }
- button,
- input,
- optgroup,
- select,
- textarea {
- color: inherit;
- font: inherit;
- margin: 0;
- }
- button {
- overflow: visible;
- }
- button,
- select {
- text-transform: none;
- }
- button,
- html input[type="button"],
- input[type="reset"],
- input[type="submit"] {
- -webkit-appearance: button;
- cursor: pointer;
- }
- button[disabled],
- html input[disabled] {
- cursor: default;
- }
- button::-moz-focus-inner,
- input::-moz-focus-inner {
- border: 0;
- padding: 0;
- }
- input {
- line-height: normal;
- }
- input[type="checkbox"],
- input[type="radio"] {
- box-sizing: border-box;
- padding: 0;
- }
- input[type="number"]::-webkit-inner-spin-button,
- input[type="number"]::-webkit-outer-spin-button {
- height: auto;
- }
- input[type="search"] {
- -webkit-appearance: textfield;
- box-sizing: content-box;
- }
- input[type="search"]::-webkit-search-cancel-button,
- input[type="search"]::-webkit-search-decoration {
- -webkit-appearance: none;
- }
- fieldset {
- border: 1px solid #c0c0c0;
- margin: 0 2px;
- padding: 0.35em 0.625em 0.75em;
- }
- legend {
- border: 0;
- padding: 0;
- }
- textarea {
- overflow: auto;
- }
- optgroup {
- font-weight: bold;
- }
- table {
- border-collapse: collapse;
- border-spacing: 0;
- }
- td,
- th {
- padding: 0;
- }
- /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
- @media print {
- *,
- *:before,
- *:after {
- background: transparent !important;
- color: #000 !important;
- box-shadow: none !important;
- text-shadow: none !important;
- }
- a,
- a:visited {
- text-decoration: underline;
- }
- a[href]:after {
- content: " (" attr(href) ")";
- }
- abbr[title]:after {
- content: " (" attr(title) ")";
- }
- a[href^="#"]:after,
- a[href^="javascript:"]:after {
- content: "";
- }
- pre,
- blockquote {
- border: 1px solid #999;
- page-break-inside: avoid;
- }
- thead {
- display: table-header-group;
- }
- tr,
- img {
- page-break-inside: avoid;
- }
- img {
- max-width: 100% !important;
- }
- p,
- h2,
- h3 {
- orphans: 3;
- widows: 3;
- }
- h2,
- h3 {
- page-break-after: avoid;
- }
- .navbar {
- display: none;
- }
- .btn > .caret,
- .dropup > .btn > .caret {
- border-top-color: #000 !important;
- }
- .label {
- border: 1px solid #000;
- }
- .table {
- border-collapse: collapse !important;
- }
- .table td,
- .table th {
- background-color: #fff !important;
- }
- .table-bordered th,
- .table-bordered td {
- border: 1px solid #ddd !important;
- }
- }
- @font-face {
- font-family: 'Glyphicons Halflings';
- src: url('../components/bootstrap/fonts/glyphicons-halflings-regular.eot');
- src: url('../components/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../components/bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../components/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../components/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../components/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
- }
- .glyphicon {
- position: relative;
- top: 1px;
- display: inline-block;
- font-family: 'Glyphicons Halflings';
- font-style: normal;
- font-weight: normal;
- line-height: 1;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- }
- .glyphicon-asterisk:before {
- content: "\002a";
- }
- .glyphicon-plus:before {
- content: "\002b";
- }
- .glyphicon-euro:before,
- .glyphicon-eur:before {
- content: "\20ac";
- }
- .glyphicon-minus:before {
- content: "\2212";
- }
- .glyphicon-cloud:before {
- content: "\2601";
- }
- .glyphicon-envelope:before {
- content: "\2709";
- }
- .glyphicon-pencil:before {
- content: "\270f";
- }
- .glyphicon-glass:before {
- content: "\e001";
- }
- .glyphicon-music:before {
- content: "\e002";
- }
- .glyphicon-search:before {
- content: "\e003";
- }
- .glyphicon-heart:before {
- content: "\e005";
- }
- .glyphicon-star:before {
- content: "\e006";
- }
- .glyphicon-star-empty:before {
- content: "\e007";
- }
- .glyphicon-user:before {
- content: "\e008";
- }
- .glyphicon-film:before {
- content: "\e009";
- }
- .glyphicon-th-large:before {
- content: "\e010";
- }
- .glyphicon-th:before {
- content: "\e011";
- }
- .glyphicon-th-list:before {
- content: "\e012";
- }
- .glyphicon-ok:before {
- content: "\e013";
- }
- .glyphicon-remove:before {
- content: "\e014";
- }
- .glyphicon-zoom-in:before {
- content: "\e015";
- }
- .glyphicon-zoom-out:before {
- content: "\e016";
- }
- .glyphicon-off:before {
- content: "\e017";
- }
- .glyphicon-signal:before {
- content: "\e018";
- }
- .glyphicon-cog:before {
- content: "\e019";
- }
- .glyphicon-trash:before {
- content: "\e020";
- }
- .glyphicon-home:before {
- content: "\e021";
- }
- .glyphicon-file:before {
- content: "\e022";
- }
- .glyphicon-time:before {
- content: "\e023";
- }
- .glyphicon-road:before {
- content: "\e024";
- }
- .glyphicon-download-alt:before {
- content: "\e025";
- }
- .glyphicon-download:before {
- content: "\e026";
- }
- .glyphicon-upload:before {
- content: "\e027";
- }
- .glyphicon-inbox:before {
- content: "\e028";
- }
- .glyphicon-play-circle:before {
- content: "\e029";
- }
- .glyphicon-repeat:before {
- content: "\e030";
- }
- .glyphicon-refresh:before {
- content: "\e031";
- }
- .glyphicon-list-alt:before {
- content: "\e032";
- }
- .glyphicon-lock:before {
- content: "\e033";
- }
- .glyphicon-flag:before {
- content: "\e034";
- }
- .glyphicon-headphones:before {
- content: "\e035";
- }
- .glyphicon-volume-off:before {
- content: "\e036";
- }
- .glyphicon-volume-down:before {
- content: "\e037";
- }
- .glyphicon-volume-up:before {
- content: "\e038";
- }
- .glyphicon-qrcode:before {
- content: "\e039";
- }
- .glyphicon-barcode:before {
- content: "\e040";
- }
- .glyphicon-tag:before {
- content: "\e041";
- }
- .glyphicon-tags:before {
- content: "\e042";
- }
- .glyphicon-book:before {
- content: "\e043";
- }
- .glyphicon-bookmark:before {
- content: "\e044";
- }
- .glyphicon-print:before {
- content: "\e045";
- }
- .glyphicon-camera:before {
- content: "\e046";
- }
- .glyphicon-font:before {
- content: "\e047";
- }
- .glyphicon-bold:before {
- content: "\e048";
- }
- .glyphicon-italic:before {
- content: "\e049";
- }
- .glyphicon-text-height:before {
- content: "\e050";
- }
- .glyphicon-text-width:before {
- content: "\e051";
- }
- .glyphicon-align-left:before {
- content: "\e052";
- }
- .glyphicon-align-center:before {
- content: "\e053";
- }
- .glyphicon-align-right:before {
- content: "\e054";
- }
- .glyphicon-align-justify:before {
- content: "\e055";
- }
- .glyphicon-list:before {
- content: "\e056";
- }
- .glyphicon-indent-left:before {
- content: "\e057";
- }
- .glyphicon-indent-right:before {
- content: "\e058";
- }
- .glyphicon-facetime-video:before {
- content: "\e059";
- }
- .glyphicon-picture:before {
- content: "\e060";
- }
- .glyphicon-map-marker:before {
- content: "\e062";
- }
- .glyphicon-adjust:before {
- content: "\e063";
- }
- .glyphicon-tint:before {
- content: "\e064";
- }
- .glyphicon-edit:before {
- content: "\e065";
- }
- .glyphicon-share:before {
- content: "\e066";
- }
- .glyphicon-check:before {
- content: "\e067";
- }
- .glyphicon-move:before {
- content: "\e068";
- }
- .glyphicon-step-backward:before {
- content: "\e069";
- }
- .glyphicon-fast-backward:before {
- content: "\e070";
- }
- .glyphicon-backward:before {
- content: "\e071";
- }
- .glyphicon-play:before {
- content: "\e072";
- }
- .glyphicon-pause:before {
- content: "\e073";
- }
- .glyphicon-stop:before {
- content: "\e074";
- }
- .glyphicon-forward:before {
- content: "\e075";
- }
- .glyphicon-fast-forward:before {
- content: "\e076";
- }
- .glyphicon-step-forward:before {
- content: "\e077";
- }
- .glyphicon-eject:before {
- content: "\e078";
- }
- .glyphicon-chevron-left:before {
- content: "\e079";
- }
- .glyphicon-chevron-right:before {
- content: "\e080";
- }
- .glyphicon-plus-sign:before {
- content: "\e081";
- }
- .glyphicon-minus-sign:before {
- content: "\e082";
- }
- .glyphicon-remove-sign:before {
- content: "\e083";
- }
- .glyphicon-ok-sign:before {
- content: "\e084";
- }
- .glyphicon-question-sign:before {
- content: "\e085";
- }
- .glyphicon-info-sign:before {
- content: "\e086";
- }
- .glyphicon-screenshot:before {
- content: "\e087";
- }
- .glyphicon-remove-circle:before {
- content: "\e088";
- }
- .glyphicon-ok-circle:before {
- content: "\e089";
- }
- .glyphicon-ban-circle:before {
- content: "\e090";
- }
- .glyphicon-arrow-left:before {
- content: "\e091";
- }
- .glyphicon-arrow-right:before {
- content: "\e092";
- }
- .glyphicon-arrow-up:before {
- content: "\e093";
- }
- .glyphicon-arrow-down:before {
- content: "\e094";
- }
- .glyphicon-share-alt:before {
- content: "\e095";
- }
- .glyphicon-resize-full:before {
- content: "\e096";
- }
- .glyphicon-resize-small:before {
- content: "\e097";
- }
- .glyphicon-exclamation-sign:before {
- content: "\e101";
- }
- .glyphicon-gift:before {
- content: "\e102";
- }
- .glyphicon-leaf:before {
- content: "\e103";
- }
- .glyphicon-fire:before {
- content: "\e104";
- }
- .glyphicon-eye-open:before {
- content: "\e105";
- }
- .glyphicon-eye-close:before {
- content: "\e106";
- }
- .glyphicon-warning-sign:before {
- content: "\e107";
- }
- .glyphicon-plane:before {
- content: "\e108";
- }
- .glyphicon-calendar:before {
- content: "\e109";
- }
- .glyphicon-random:before {
- content: "\e110";
- }
- .glyphicon-comment:before {
- content: "\e111";
- }
- .glyphicon-magnet:before {
- content: "\e112";
- }
- .glyphicon-chevron-up:before {
- content: "\e113";
- }
- .glyphicon-chevron-down:before {
- content: "\e114";
- }
- .glyphicon-retweet:before {
- content: "\e115";
- }
- .glyphicon-shopping-cart:before {
- content: "\e116";
- }
- .glyphicon-folder-close:before {
- content: "\e117";
- }
- .glyphicon-folder-open:before {
- content: "\e118";
- }
- .glyphicon-resize-vertical:before {
- content: "\e119";
- }
- .glyphicon-resize-horizontal:before {
- content: "\e120";
- }
- .glyphicon-hdd:before {
- content: "\e121";
- }
- .glyphicon-bullhorn:before {
- content: "\e122";
- }
- .glyphicon-bell:before {
- content: "\e123";
- }
- .glyphicon-certificate:before {
- content: "\e124";
- }
- .glyphicon-thumbs-up:before {
- content: "\e125";
- }
- .glyphicon-thumbs-down:before {
- content: "\e126";
- }
- .glyphicon-hand-right:before {
- content: "\e127";
- }
- .glyphicon-hand-left:before {
- content: "\e128";
- }
- .glyphicon-hand-up:before {
- content: "\e129";
- }
- .glyphicon-hand-down:before {
- content: "\e130";
- }
- .glyphicon-circle-arrow-right:before {
- content: "\e131";
- }
- .glyphicon-circle-arrow-left:before {
- content: "\e132";
- }
- .glyphicon-circle-arrow-up:before {
- content: "\e133";
- }
- .glyphicon-circle-arrow-down:before {
- content: "\e134";
- }
- .glyphicon-globe:before {
- content: "\e135";
- }
- .glyphicon-wrench:before {
- content: "\e136";
- }
- .glyphicon-tasks:before {
- content: "\e137";
- }
- .glyphicon-filter:before {
- content: "\e138";
- }
- .glyphicon-briefcase:before {
- content: "\e139";
- }
- .glyphicon-fullscreen:before {
- content: "\e140";
- }
- .glyphicon-dashboard:before {
- content: "\e141";
- }
- .glyphicon-paperclip:before {
- content: "\e142";
- }
- .glyphicon-heart-empty:before {
- content: "\e143";
- }
- .glyphicon-link:before {
- content: "\e144";
- }
- .glyphicon-phone:before {
- content: "\e145";
- }
- .glyphicon-pushpin:before {
- content: "\e146";
- }
- .glyphicon-usd:before {
- content: "\e148";
- }
- .glyphicon-gbp:before {
- content: "\e149";
- }
- .glyphicon-sort:before {
- content: "\e150";
- }
- .glyphicon-sort-by-alphabet:before {
- content: "\e151";
- }
- .glyphicon-sort-by-alphabet-alt:before {
- content: "\e152";
- }
- .glyphicon-sort-by-order:before {
- content: "\e153";
- }
- .glyphicon-sort-by-order-alt:before {
- content: "\e154";
- }
- .glyphicon-sort-by-attributes:before {
- content: "\e155";
- }
- .glyphicon-sort-by-attributes-alt:before {
- content: "\e156";
- }
- .glyphicon-unchecked:before {
- content: "\e157";
- }
- .glyphicon-expand:before {
- content: "\e158";
- }
- .glyphicon-collapse-down:before {
- content: "\e159";
- }
- .glyphicon-collapse-up:before {
- content: "\e160";
- }
- .glyphicon-log-in:before {
- content: "\e161";
- }
- .glyphicon-flash:before {
- content: "\e162";
- }
- .glyphicon-log-out:before {
- content: "\e163";
- }
- .glyphicon-new-window:before {
- content: "\e164";
- }
- .glyphicon-record:before {
- content: "\e165";
- }
- .glyphicon-save:before {
- content: "\e166";
- }
- .glyphicon-open:before {
- content: "\e167";
- }
- .glyphicon-saved:before {
- content: "\e168";
- }
- .glyphicon-import:before {
- content: "\e169";
- }
- .glyphicon-export:before {
- content: "\e170";
- }
- .glyphicon-send:before {
- content: "\e171";
- }
- .glyphicon-floppy-disk:before {
- content: "\e172";
- }
- .glyphicon-floppy-saved:before {
- content: "\e173";
- }
- .glyphicon-floppy-remove:before {
- content: "\e174";
- }
- .glyphicon-floppy-save:before {
- content: "\e175";
- }
- .glyphicon-floppy-open:before {
- content: "\e176";
- }
- .glyphicon-credit-card:before {
- content: "\e177";
- }
- .glyphicon-transfer:before {
- content: "\e178";
- }
- .glyphicon-cutlery:before {
- content: "\e179";
- }
- .glyphicon-header:before {
- content: "\e180";
- }
- .glyphicon-compressed:before {
- content: "\e181";
- }
- .glyphicon-earphone:before {
- content: "\e182";
- }
- .glyphicon-phone-alt:before {
- content: "\e183";
- }
- .glyphicon-tower:before {
- content: "\e184";
- }
- .glyphicon-stats:before {
- content: "\e185";
- }
- .glyphicon-sd-video:before {
- content: "\e186";
- }
- .glyphicon-hd-video:before {
- content: "\e187";
- }
- .glyphicon-subtitles:before {
- content: "\e188";
- }
- .glyphicon-sound-stereo:before {
- content: "\e189";
- }
- .glyphicon-sound-dolby:before {
- content: "\e190";
- }
- .glyphicon-sound-5-1:before {
- content: "\e191";
- }
- .glyphicon-sound-6-1:before {
- content: "\e192";
- }
- .glyphicon-sound-7-1:before {
- content: "\e193";
- }
- .glyphicon-copyright-mark:before {
- content: "\e194";
- }
- .glyphicon-registration-mark:before {
- content: "\e195";
- }
- .glyphicon-cloud-download:before {
- content: "\e197";
- }
- .glyphicon-cloud-upload:before {
- content: "\e198";
- }
- .glyphicon-tree-conifer:before {
- content: "\e199";
- }
- .glyphicon-tree-deciduous:before {
- content: "\e200";
- }
- .glyphicon-cd:before {
- content: "\e201";
- }
- .glyphicon-save-file:before {
- content: "\e202";
- }
- .glyphicon-open-file:before {
- content: "\e203";
- }
- .glyphicon-level-up:before {
- content: "\e204";
- }
- .glyphicon-copy:before {
- content: "\e205";
- }
- .glyphicon-paste:before {
- content: "\e206";
- }
- .glyphicon-alert:before {
- content: "\e209";
- }
- .glyphicon-equalizer:before {
- content: "\e210";
- }
- .glyphicon-king:before {
- content: "\e211";
- }
- .glyphicon-queen:before {
- content: "\e212";
- }
- .glyphicon-pawn:before {
- content: "\e213";
- }
- .glyphicon-bishop:before {
- content: "\e214";
- }
- .glyphicon-knight:before {
- content: "\e215";
- }
- .glyphicon-baby-formula:before {
- content: "\e216";
- }
- .glyphicon-tent:before {
- content: "\26fa";
- }
- .glyphicon-blackboard:before {
- content: "\e218";
- }
- .glyphicon-bed:before {
- content: "\e219";
- }
- .glyphicon-apple:before {
- content: "\f8ff";
- }
- .glyphicon-erase:before {
- content: "\e221";
- }
- .glyphicon-hourglass:before {
- content: "\231b";
- }
- .glyphicon-lamp:before {
- content: "\e223";
- }
- .glyphicon-duplicate:before {
- content: "\e224";
- }
- .glyphicon-piggy-bank:before {
- content: "\e225";
- }
- .glyphicon-scissors:before {
- content: "\e226";
- }
- .glyphicon-bitcoin:before {
- content: "\e227";
- }
- .glyphicon-btc:before {
- content: "\e227";
- }
- .glyphicon-xbt:before {
- content: "\e227";
- }
- .glyphicon-yen:before {
- content: "\00a5";
- }
- .glyphicon-jpy:before {
- content: "\00a5";
- }
- .glyphicon-ruble:before {
- content: "\20bd";
- }
- .glyphicon-rub:before {
- content: "\20bd";
- }
- .glyphicon-scale:before {
- content: "\e230";
- }
- .glyphicon-ice-lolly:before {
- content: "\e231";
- }
- .glyphicon-ice-lolly-tasted:before {
- content: "\e232";
- }
- .glyphicon-education:before {
- content: "\e233";
- }
- .glyphicon-option-horizontal:before {
- content: "\e234";
- }
- .glyphicon-option-vertical:before {
- content: "\e235";
- }
- .glyphicon-menu-hamburger:before {
- content: "\e236";
- }
- .glyphicon-modal-window:before {
- content: "\e237";
- }
- .glyphicon-oil:before {
- content: "\e238";
- }
- .glyphicon-grain:before {
- content: "\e239";
- }
- .glyphicon-sunglasses:before {
- content: "\e240";
- }
- .glyphicon-text-size:before {
- content: "\e241";
- }
- .glyphicon-text-color:before {
- content: "\e242";
- }
- .glyphicon-text-background:before {
- content: "\e243";
- }
- .glyphicon-object-align-top:before {
- content: "\e244";
- }
- .glyphicon-object-align-bottom:before {
- content: "\e245";
- }
- .glyphicon-object-align-horizontal:before {
- content: "\e246";
- }
- .glyphicon-object-align-left:before {
- content: "\e247";
- }
- .glyphicon-object-align-vertical:before {
- content: "\e248";
- }
- .glyphicon-object-align-right:before {
- content: "\e249";
- }
- .glyphicon-triangle-right:before {
- content: "\e250";
- }
- .glyphicon-triangle-left:before {
- content: "\e251";
- }
- .glyphicon-triangle-bottom:before {
- content: "\e252";
- }
- .glyphicon-triangle-top:before {
- content: "\e253";
- }
- .glyphicon-console:before {
- content: "\e254";
- }
- .glyphicon-superscript:before {
- content: "\e255";
- }
- .glyphicon-subscript:before {
- content: "\e256";
- }
- .glyphicon-menu-left:before {
- content: "\e257";
- }
- .glyphicon-menu-right:before {
- content: "\e258";
- }
- .glyphicon-menu-down:before {
- content: "\e259";
- }
- .glyphicon-menu-up:before {
- content: "\e260";
- }
- * {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
- *:before,
- *:after {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
- html {
- font-size: 10px;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- }
- body {
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-size: 13px;
- line-height: 1.42857143;
- color: #000;
- background-color: #fff;
- }
- input,
- button,
- select,
- textarea {
- font-family: inherit;
- font-size: inherit;
- line-height: inherit;
- }
- a {
- color: #337ab7;
- text-decoration: none;
- }
- a:hover,
- a:focus {
- color: #23527c;
- text-decoration: underline;
- }
- a:focus {
- outline: thin dotted;
- outline: 5px auto -webkit-focus-ring-color;
- outline-offset: -2px;
- }
- figure {
- margin: 0;
- }
- img {
- vertical-align: middle;
- }
- .img-responsive,
- .thumbnail > img,
- .thumbnail a > img,
- .carousel-inner > .item > img,
- .carousel-inner > .item > a > img {
- display: block;
- max-width: 100%;
- height: auto;
- }
- .img-rounded {
- border-radius: 3px;
- }
- .img-thumbnail {
- padding: 4px;
- line-height: 1.42857143;
- background-color: #fff;
- border: 1px solid #ddd;
- border-radius: 2px;
- -webkit-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- display: inline-block;
- max-width: 100%;
- height: auto;
- }
- .img-circle {
- border-radius: 50%;
- }
- hr {
- margin-top: 18px;
- margin-bottom: 18px;
- border: 0;
- border-top: 1px solid #eeeeee;
- }
- .sr-only {
- position: absolute;
- width: 1px;
- height: 1px;
- margin: -1px;
- padding: 0;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- border: 0;
- }
- .sr-only-focusable:active,
- .sr-only-focusable:focus {
- position: static;
- width: auto;
- height: auto;
- margin: 0;
- overflow: visible;
- clip: auto;
- }
- [role="button"] {
- cursor: pointer;
- }
- h1,
- h2,
- h3,
- h4,
- h5,
- h6,
- .h1,
- .h2,
- .h3,
- .h4,
- .h5,
- .h6 {
- font-family: inherit;
- font-weight: 500;
- line-height: 1.1;
- color: inherit;
- }
- h1 small,
- h2 small,
- h3 small,
- h4 small,
- h5 small,
- h6 small,
- .h1 small,
- .h2 small,
- .h3 small,
- .h4 small,
- .h5 small,
- .h6 small,
- h1 .small,
- h2 .small,
- h3 .small,
- h4 .small,
- h5 .small,
- h6 .small,
- .h1 .small,
- .h2 .small,
- .h3 .small,
- .h4 .small,
- .h5 .small,
- .h6 .small {
- font-weight: normal;
- line-height: 1;
- color: #777777;
- }
- h1,
- .h1,
- h2,
- .h2,
- h3,
- .h3 {
- margin-top: 18px;
- margin-bottom: 9px;
- }
- h1 small,
- .h1 small,
- h2 small,
- .h2 small,
- h3 small,
- .h3 small,
- h1 .small,
- .h1 .small,
- h2 .small,
- .h2 .small,
- h3 .small,
- .h3 .small {
- font-size: 65%;
- }
- h4,
- .h4,
- h5,
- .h5,
- h6,
- .h6 {
- margin-top: 9px;
- margin-bottom: 9px;
- }
- h4 small,
- .h4 small,
- h5 small,
- .h5 small,
- h6 small,
- .h6 small,
- h4 .small,
- .h4 .small,
- h5 .small,
- .h5 .small,
- h6 .small,
- .h6 .small {
- font-size: 75%;
- }
- h1,
- .h1 {
- font-size: 33px;
- }
- h2,
- .h2 {
- font-size: 27px;
- }
- h3,
- .h3 {
- font-size: 23px;
- }
- h4,
- .h4 {
- font-size: 17px;
- }
- h5,
- .h5 {
- font-size: 13px;
- }
- h6,
- .h6 {
- font-size: 12px;
- }
- p {
- margin: 0 0 9px;
- }
- .lead {
- margin-bottom: 18px;
- font-size: 14px;
- font-weight: 300;
- line-height: 1.4;
- }
- @media (min-width: 768px) {
- .lead {
- font-size: 19.5px;
- }
- }
- small,
- .small {
- font-size: 92%;
- }
- mark,
- .mark {
- background-color: #fcf8e3;
- padding: .2em;
- }
- .text-left {
- text-align: left;
- }
- .text-right {
- text-align: right;
- }
- .text-center {
- text-align: center;
- }
- .text-justify {
- text-align: justify;
- }
- .text-nowrap {
- white-space: nowrap;
- }
- .text-lowercase {
- text-transform: lowercase;
- }
- .text-uppercase {
- text-transform: uppercase;
- }
- .text-capitalize {
- text-transform: capitalize;
- }
- .text-muted {
- color: #777777;
- }
- .text-primary {
- color: #337ab7;
- }
- a.text-primary:hover,
- a.text-primary:focus {
- color: #286090;
- }
- .text-success {
- color: #3c763d;
- }
- a.text-success:hover,
- a.text-success:focus {
- color: #2b542c;
- }
- .text-info {
- color: #31708f;
- }
- a.text-info:hover,
- a.text-info:focus {
- color: #245269;
- }
- .text-warning {
- color: #8a6d3b;
- }
- a.text-warning:hover,
- a.text-warning:focus {
- color: #66512c;
- }
- .text-danger {
- color: #a94442;
- }
- a.text-danger:hover,
- a.text-danger:focus {
- color: #843534;
- }
- .bg-primary {
- color: #fff;
- background-color: #337ab7;
- }
- a.bg-primary:hover,
- a.bg-primary:focus {
- background-color: #286090;
- }
- .bg-success {
- background-color: #dff0d8;
- }
- a.bg-success:hover,
- a.bg-success:focus {
- background-color: #c1e2b3;
- }
- .bg-info {
- background-color: #d9edf7;
- }
- a.bg-info:hover,
- a.bg-info:focus {
- background-color: #afd9ee;
- }
- .bg-warning {
- background-color: #fcf8e3;
- }
- a.bg-warning:hover,
- a.bg-warning:focus {
- background-color: #f7ecb5;
- }
- .bg-danger {
- background-color: #f2dede;
- }
- a.bg-danger:hover,
- a.bg-danger:focus {
- background-color: #e4b9b9;
- }
- .page-header {
- padding-bottom: 8px;
- margin: 36px 0 18px;
- border-bottom: 1px solid #eeeeee;
- }
- ul,
- ol {
- margin-top: 0;
- margin-bottom: 9px;
- }
- ul ul,
- ol ul,
- ul ol,
- ol ol {
- margin-bottom: 0;
- }
- .list-unstyled {
- padding-left: 0;
- list-style: none;
- }
- .list-inline {
- padding-left: 0;
- list-style: none;
- margin-left: -5px;
- }
- .list-inline > li {
- display: inline-block;
- padding-left: 5px;
- padding-right: 5px;
- }
- dl {
- margin-top: 0;
- margin-bottom: 18px;
- }
- dt,
- dd {
- line-height: 1.42857143;
- }
- dt {
- font-weight: bold;
- }
- dd {
- margin-left: 0;
- }
- @media (min-width: 541px) {
- .dl-horizontal dt {
- float: left;
- width: 160px;
- clear: left;
- text-align: right;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .dl-horizontal dd {
- margin-left: 180px;
- }
- }
- abbr[title],
- abbr[data-original-title] {
- cursor: help;
- border-bottom: 1px dotted #777777;
- }
- .initialism {
- font-size: 90%;
- text-transform: uppercase;
- }
- blockquote {
- padding: 9px 18px;
- margin: 0 0 18px;
- font-size: inherit;
- border-left: 5px solid #eeeeee;
- }
- blockquote p:last-child,
- blockquote ul:last-child,
- blockquote ol:last-child {
- margin-bottom: 0;
- }
- blockquote footer,
- blockquote small,
- blockquote .small {
- display: block;
- font-size: 80%;
- line-height: 1.42857143;
- color: #777777;
- }
- blockquote footer:before,
- blockquote small:before,
- blockquote .small:before {
- content: '\2014 \00A0';
- }
- .blockquote-reverse,
- blockquote.pull-right {
- padding-right: 15px;
- padding-left: 0;
- border-right: 5px solid #eeeeee;
- border-left: 0;
- text-align: right;
- }
- .blockquote-reverse footer:before,
- blockquote.pull-right footer:before,
- .blockquote-reverse small:before,
- blockquote.pull-right small:before,
- .blockquote-reverse .small:before,
- blockquote.pull-right .small:before {
- content: '';
- }
- .blockquote-reverse footer:after,
- blockquote.pull-right footer:after,
- .blockquote-reverse small:after,
- blockquote.pull-right small:after,
- .blockquote-reverse .small:after,
- blockquote.pull-right .small:after {
- content: '\00A0 \2014';
- }
- address {
- margin-bottom: 18px;
- font-style: normal;
- line-height: 1.42857143;
- }
- code,
- kbd,
- pre,
- samp {
- font-family: monospace;
- }
- code {
- padding: 2px 4px;
- font-size: 90%;
- color: #c7254e;
- background-color: #f9f2f4;
- border-radius: 2px;
- }
- kbd {
- padding: 2px 4px;
- font-size: 90%;
- color: #888;
- background-color: transparent;
- border-radius: 1px;
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
- }
- kbd kbd {
- padding: 0;
- font-size: 100%;
- font-weight: bold;
- box-shadow: none;
- }
- pre {
- display: block;
- padding: 8.5px;
- margin: 0 0 9px;
- font-size: 12px;
- line-height: 1.42857143;
- word-break: break-all;
- word-wrap: break-word;
- color: #333333;
- background-color: #f5f5f5;
- border: 1px solid #ccc;
- border-radius: 2px;
- }
- pre code {
- padding: 0;
- font-size: inherit;
- color: inherit;
- white-space: pre-wrap;
- background-color: transparent;
- border-radius: 0;
- }
- .pre-scrollable {
- max-height: 340px;
- overflow-y: scroll;
- }
- .container {
- margin-right: auto;
- margin-left: auto;
- padding-left: 0px;
- padding-right: 0px;
- }
- @media (min-width: 768px) {
- .container {
- width: 768px;
- }
- }
- @media (min-width: 992px) {
- .container {
- width: 940px;
- }
- }
- @media (min-width: 1200px) {
- .container {
- width: 1140px;
- }
- }
- .container-fluid {
- margin-right: auto;
- margin-left: auto;
- padding-left: 0px;
- padding-right: 0px;
- }
- .row {
- margin-left: 0px;
- margin-right: 0px;
- }
- .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
- position: relative;
- min-height: 1px;
- padding-left: 0px;
- padding-right: 0px;
- }
- .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
- float: left;
- }
- .col-xs-12 {
- width: 100%;
- }
- .col-xs-11 {
- width: 91.66666667%;
- }
- .col-xs-10 {
- width: 83.33333333%;
- }
- .col-xs-9 {
- width: 75%;
- }
- .col-xs-8 {
- width: 66.66666667%;
- }
- .col-xs-7 {
- width: 58.33333333%;
- }
- .col-xs-6 {
- width: 50%;
- }
- .col-xs-5 {
- width: 41.66666667%;
- }
- .col-xs-4 {
- width: 33.33333333%;
- }
- .col-xs-3 {
- width: 25%;
- }
- .col-xs-2 {
- width: 16.66666667%;
- }
- .col-xs-1 {
- width: 8.33333333%;
- }
- .col-xs-pull-12 {
- right: 100%;
- }
- .col-xs-pull-11 {
- right: 91.66666667%;
- }
- .col-xs-pull-10 {
- right: 83.33333333%;
- }
- .col-xs-pull-9 {
- right: 75%;
- }
- .col-xs-pull-8 {
- right: 66.66666667%;
- }
- .col-xs-pull-7 {
- right: 58.33333333%;
- }
- .col-xs-pull-6 {
- right: 50%;
- }
- .col-xs-pull-5 {
- right: 41.66666667%;
- }
- .col-xs-pull-4 {
- right: 33.33333333%;
- }
- .col-xs-pull-3 {
- right: 25%;
- }
- .col-xs-pull-2 {
- right: 16.66666667%;
- }
- .col-xs-pull-1 {
- right: 8.33333333%;
- }
- .col-xs-pull-0 {
- right: auto;
- }
- .col-xs-push-12 {
- left: 100%;
- }
- .col-xs-push-11 {
- left: 91.66666667%;
- }
- .col-xs-push-10 {
- left: 83.33333333%;
- }
- .col-xs-push-9 {
- left: 75%;
- }
- .col-xs-push-8 {
- left: 66.66666667%;
- }
- .col-xs-push-7 {
- left: 58.33333333%;
- }
- .col-xs-push-6 {
- left: 50%;
- }
- .col-xs-push-5 {
- left: 41.66666667%;
- }
- .col-xs-push-4 {
- left: 33.33333333%;
- }
- .col-xs-push-3 {
- left: 25%;
- }
- .col-xs-push-2 {
- left: 16.66666667%;
- }
- .col-xs-push-1 {
- left: 8.33333333%;
- }
- .col-xs-push-0 {
- left: auto;
- }
- .col-xs-offset-12 {
- margin-left: 100%;
- }
- .col-xs-offset-11 {
- margin-left: 91.66666667%;
- }
- .col-xs-offset-10 {
- margin-left: 83.33333333%;
- }
- .col-xs-offset-9 {
- margin-left: 75%;
- }
- .col-xs-offset-8 {
- margin-left: 66.66666667%;
- }
- .col-xs-offset-7 {
- margin-left: 58.33333333%;
- }
- .col-xs-offset-6 {
- margin-left: 50%;
- }
- .col-xs-offset-5 {
- margin-left: 41.66666667%;
- }
- .col-xs-offset-4 {
- margin-left: 33.33333333%;
- }
- .col-xs-offset-3 {
- margin-left: 25%;
- }
- .col-xs-offset-2 {
- margin-left: 16.66666667%;
- }
- .col-xs-offset-1 {
- margin-left: 8.33333333%;
- }
- .col-xs-offset-0 {
- margin-left: 0%;
- }
- @media (min-width: 768px) {
- .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
- float: left;
- }
- .col-sm-12 {
- width: 100%;
- }
- .col-sm-11 {
- width: 91.66666667%;
- }
- .col-sm-10 {
- width: 83.33333333%;
- }
- .col-sm-9 {
- width: 75%;
- }
- .col-sm-8 {
- width: 66.66666667%;
- }
- .col-sm-7 {
- width: 58.33333333%;
- }
- .col-sm-6 {
- width: 50%;
- }
- .col-sm-5 {
- width: 41.66666667%;
- }
- .col-sm-4 {
- width: 33.33333333%;
- }
- .col-sm-3 {
- width: 25%;
- }
- .col-sm-2 {
- width: 16.66666667%;
- }
- .col-sm-1 {
- width: 8.33333333%;
- }
- .col-sm-pull-12 {
- right: 100%;
- }
- .col-sm-pull-11 {
- right: 91.66666667%;
- }
- .col-sm-pull-10 {
- right: 83.33333333%;
- }
- .col-sm-pull-9 {
- right: 75%;
- }
- .col-sm-pull-8 {
- right: 66.66666667%;
- }
- .col-sm-pull-7 {
- right: 58.33333333%;
- }
- .col-sm-pull-6 {
- right: 50%;
- }
- .col-sm-pull-5 {
- right: 41.66666667%;
- }
- .col-sm-pull-4 {
- right: 33.33333333%;
- }
- .col-sm-pull-3 {
- right: 25%;
- }
- .col-sm-pull-2 {
- right: 16.66666667%;
- }
- .col-sm-pull-1 {
- right: 8.33333333%;
- }
- .col-sm-pull-0 {
- right: auto;
- }
- .col-sm-push-12 {
- left: 100%;
- }
- .col-sm-push-11 {
- left: 91.66666667%;
- }
- .col-sm-push-10 {
- left: 83.33333333%;
- }
- .col-sm-push-9 {
- left: 75%;
- }
- .col-sm-push-8 {
- left: 66.66666667%;
- }
- .col-sm-push-7 {
- left: 58.33333333%;
- }
- .col-sm-push-6 {
- left: 50%;
- }
- .col-sm-push-5 {
- left: 41.66666667%;
- }
- .col-sm-push-4 {
- left: 33.33333333%;
- }
- .col-sm-push-3 {
- left: 25%;
- }
- .col-sm-push-2 {
- left: 16.66666667%;
- }
- .col-sm-push-1 {
- left: 8.33333333%;
- }
- .col-sm-push-0 {
- left: auto;
- }
- .col-sm-offset-12 {
- margin-left: 100%;
- }
- .col-sm-offset-11 {
- margin-left: 91.66666667%;
- }
- .col-sm-offset-10 {
- margin-left: 83.33333333%;
- }
- .col-sm-offset-9 {
- margin-left: 75%;
- }
- .col-sm-offset-8 {
- margin-left: 66.66666667%;
- }
- .col-sm-offset-7 {
- margin-left: 58.33333333%;
- }
- .col-sm-offset-6 {
- margin-left: 50%;
- }
- .col-sm-offset-5 {
- margin-left: 41.66666667%;
- }
- .col-sm-offset-4 {
- margin-left: 33.33333333%;
- }
- .col-sm-offset-3 {
- margin-left: 25%;
- }
- .col-sm-offset-2 {
- margin-left: 16.66666667%;
- }
- .col-sm-offset-1 {
- margin-left: 8.33333333%;
- }
- .col-sm-offset-0 {
- margin-left: 0%;
- }
- }
- @media (min-width: 992px) {
- .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
- float: left;
- }
- .col-md-12 {
- width: 100%;
- }
- .col-md-11 {
- width: 91.66666667%;
- }
- .col-md-10 {
- width: 83.33333333%;
- }
- .col-md-9 {
- width: 75%;
- }
- .col-md-8 {
- width: 66.66666667%;
- }
- .col-md-7 {
- width: 58.33333333%;
- }
- .col-md-6 {
- width: 50%;
- }
- .col-md-5 {
- width: 41.66666667%;
- }
- .col-md-4 {
- width: 33.33333333%;
- }
- .col-md-3 {
- width: 25%;
- }
- .col-md-2 {
- width: 16.66666667%;
- }
- .col-md-1 {
- width: 8.33333333%;
- }
- .col-md-pull-12 {
- right: 100%;
- }
- .col-md-pull-11 {
- right: 91.66666667%;
- }
- .col-md-pull-10 {
- right: 83.33333333%;
- }
- .col-md-pull-9 {
- right: 75%;
- }
- .col-md-pull-8 {
- right: 66.66666667%;
- }
- .col-md-pull-7 {
- right: 58.33333333%;
- }
- .col-md-pull-6 {
- right: 50%;
- }
- .col-md-pull-5 {
- right: 41.66666667%;
- }
- .col-md-pull-4 {
- right: 33.33333333%;
- }
- .col-md-pull-3 {
- right: 25%;
- }
- .col-md-pull-2 {
- right: 16.66666667%;
- }
- .col-md-pull-1 {
- right: 8.33333333%;
- }
- .col-md-pull-0 {
- right: auto;
- }
- .col-md-push-12 {
- left: 100%;
- }
- .col-md-push-11 {
- left: 91.66666667%;
- }
- .col-md-push-10 {
- left: 83.33333333%;
- }
- .col-md-push-9 {
- left: 75%;
- }
- .col-md-push-8 {
- left: 66.66666667%;
- }
- .col-md-push-7 {
- left: 58.33333333%;
- }
- .col-md-push-6 {
- left: 50%;
- }
- .col-md-push-5 {
- left: 41.66666667%;
- }
- .col-md-push-4 {
- left: 33.33333333%;
- }
- .col-md-push-3 {
- left: 25%;
- }
- .col-md-push-2 {
- left: 16.66666667%;
- }
- .col-md-push-1 {
- left: 8.33333333%;
- }
- .col-md-push-0 {
- left: auto;
- }
- .col-md-offset-12 {
- margin-left: 100%;
- }
- .col-md-offset-11 {
- margin-left: 91.66666667%;
- }
- .col-md-offset-10 {
- margin-left: 83.33333333%;
- }
- .col-md-offset-9 {
- margin-left: 75%;
- }
- .col-md-offset-8 {
- margin-left: 66.66666667%;
- }
- .col-md-offset-7 {
- margin-left: 58.33333333%;
- }
- .col-md-offset-6 {
- margin-left: 50%;
- }
- .col-md-offset-5 {
- margin-left: 41.66666667%;
- }
- .col-md-offset-4 {
- margin-left: 33.33333333%;
- }
- .col-md-offset-3 {
- margin-left: 25%;
- }
- .col-md-offset-2 {
- margin-left: 16.66666667%;
- }
- .col-md-offset-1 {
- margin-left: 8.33333333%;
- }
- .col-md-offset-0 {
- margin-left: 0%;
- }
- }
- @media (min-width: 1200px) {
- .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
- float: left;
- }
- .col-lg-12 {
- width: 100%;
- }
- .col-lg-11 {
- width: 91.66666667%;
- }
- .col-lg-10 {
- width: 83.33333333%;
- }
- .col-lg-9 {
- width: 75%;
- }
- .col-lg-8 {
- width: 66.66666667%;
- }
- .col-lg-7 {
- width: 58.33333333%;
- }
- .col-lg-6 {
- width: 50%;
- }
- .col-lg-5 {
- width: 41.66666667%;
- }
- .col-lg-4 {
- width: 33.33333333%;
- }
- .col-lg-3 {
- width: 25%;
- }
- .col-lg-2 {
- width: 16.66666667%;
- }
- .col-lg-1 {
- width: 8.33333333%;
- }
- .col-lg-pull-12 {
- right: 100%;
- }
- .col-lg-pull-11 {
- right: 91.66666667%;
- }
- .col-lg-pull-10 {
- right: 83.33333333%;
- }
- .col-lg-pull-9 {
- right: 75%;
- }
- .col-lg-pull-8 {
- right: 66.66666667%;
- }
- .col-lg-pull-7 {
- right: 58.33333333%;
- }
- .col-lg-pull-6 {
- right: 50%;
- }
- .col-lg-pull-5 {
- right: 41.66666667%;
- }
- .col-lg-pull-4 {
- right: 33.33333333%;
- }
- .col-lg-pull-3 {
- right: 25%;
- }
- .col-lg-pull-2 {
- right: 16.66666667%;
- }
- .col-lg-pull-1 {
- right: 8.33333333%;
- }
- .col-lg-pull-0 {
- right: auto;
- }
- .col-lg-push-12 {
- left: 100%;
- }
- .col-lg-push-11 {
- left: 91.66666667%;
- }
- .col-lg-push-10 {
- left: 83.33333333%;
- }
- .col-lg-push-9 {
- left: 75%;
- }
- .col-lg-push-8 {
- left: 66.66666667%;
- }
- .col-lg-push-7 {
- left: 58.33333333%;
- }
- .col-lg-push-6 {
- left: 50%;
- }
- .col-lg-push-5 {
- left: 41.66666667%;
- }
- .col-lg-push-4 {
- left: 33.33333333%;
- }
- .col-lg-push-3 {
- left: 25%;
- }
- .col-lg-push-2 {
- left: 16.66666667%;
- }
- .col-lg-push-1 {
- left: 8.33333333%;
- }
- .col-lg-push-0 {
- left: auto;
- }
- .col-lg-offset-12 {
- margin-left: 100%;
- }
- .col-lg-offset-11 {
- margin-left: 91.66666667%;
- }
- .col-lg-offset-10 {
- margin-left: 83.33333333%;
- }
- .col-lg-offset-9 {
- margin-left: 75%;
- }
- .col-lg-offset-8 {
- margin-left: 66.66666667%;
- }
- .col-lg-offset-7 {
- margin-left: 58.33333333%;
- }
- .col-lg-offset-6 {
- margin-left: 50%;
- }
- .col-lg-offset-5 {
- margin-left: 41.66666667%;
- }
- .col-lg-offset-4 {
- margin-left: 33.33333333%;
- }
- .col-lg-offset-3 {
- margin-left: 25%;
- }
- .col-lg-offset-2 {
- margin-left: 16.66666667%;
- }
- .col-lg-offset-1 {
- margin-left: 8.33333333%;
- }
- .col-lg-offset-0 {
- margin-left: 0%;
- }
- }
- table {
- background-color: transparent;
- }
- caption {
- padding-top: 8px;
- padding-bottom: 8px;
- color: #777777;
- text-align: left;
- }
- th {
- text-align: left;
- }
- .table {
- width: 100%;
- max-width: 100%;
- margin-bottom: 18px;
- }
- .table > thead > tr > th,
- .table > tbody > tr > th,
- .table > tfoot > tr > th,
- .table > thead > tr > td,
- .table > tbody > tr > td,
- .table > tfoot > tr > td {
- padding: 8px;
- line-height: 1.42857143;
- vertical-align: top;
- border-top: 1px solid #ddd;
- }
- .table > thead > tr > th {
- vertical-align: bottom;
- border-bottom: 2px solid #ddd;
- }
- .table > caption + thead > tr:first-child > th,
- .table > colgroup + thead > tr:first-child > th,
- .table > thead:first-child > tr:first-child > th,
- .table > caption + thead > tr:first-child > td,
- .table > colgroup + thead > tr:first-child > td,
- .table > thead:first-child > tr:first-child > td {
- border-top: 0;
- }
- .table > tbody + tbody {
- border-top: 2px solid #ddd;
- }
- .table .table {
- background-color: #fff;
- }
- .table-condensed > thead > tr > th,
- .table-condensed > tbody > tr > th,
- .table-condensed > tfoot > tr > th,
- .table-condensed > thead > tr > td,
- .table-condensed > tbody > tr > td,
- .table-condensed > tfoot > tr > td {
- padding: 5px;
- }
- .table-bordered {
- border: 1px solid #ddd;
- }
- .table-bordered > thead > tr > th,
- .table-bordered > tbody > tr > th,
- .table-bordered > tfoot > tr > th,
- .table-bordered > thead > tr > td,
- .table-bordered > tbody > tr > td,
- .table-bordered > tfoot > tr > td {
- border: 1px solid #ddd;
- }
- .table-bordered > thead > tr > th,
- .table-bordered > thead > tr > td {
- border-bottom-width: 2px;
- }
- .table-striped > tbody > tr:nth-of-type(odd) {
- background-color: #f9f9f9;
- }
- .table-hover > tbody > tr:hover {
- background-color: #f5f5f5;
- }
- table col[class*="col-"] {
- position: static;
- float: none;
- display: table-column;
- }
- table td[class*="col-"],
- table th[class*="col-"] {
- position: static;
- float: none;
- display: table-cell;
- }
- .table > thead > tr > td.active,
- .table > tbody > tr > td.active,
- .table > tfoot > tr > td.active,
- .table > thead > tr > th.active,
- .table > tbody > tr > th.active,
- .table > tfoot > tr > th.active,
- .table > thead > tr.active > td,
- .table > tbody > tr.active > td,
- .table > tfoot > tr.active > td,
- .table > thead > tr.active > th,
- .table > tbody > tr.active > th,
- .table > tfoot > tr.active > th {
- background-color: #f5f5f5;
- }
- .table-hover > tbody > tr > td.active:hover,
- .table-hover > tbody > tr > th.active:hover,
- .table-hover > tbody > tr.active:hover > td,
- .table-hover > tbody > tr:hover > .active,
- .table-hover > tbody > tr.active:hover > th {
- background-color: #e8e8e8;
- }
- .table > thead > tr > td.success,
- .table > tbody > tr > td.success,
- .table > tfoot > tr > td.success,
- .table > thead > tr > th.success,
- .table > tbody > tr > th.success,
- .table > tfoot > tr > th.success,
- .table > thead > tr.success > td,
- .table > tbody > tr.success > td,
- .table > tfoot > tr.success > td,
- .table > thead > tr.success > th,
- .table > tbody > tr.success > th,
- .table > tfoot > tr.success > th {
- background-color: #dff0d8;
- }
- .table-hover > tbody > tr > td.success:hover,
- .table-hover > tbody > tr > th.success:hover,
- .table-hover > tbody > tr.success:hover > td,
- .table-hover > tbody > tr:hover > .success,
- .table-hover > tbody > tr.success:hover > th {
- background-color: #d0e9c6;
- }
- .table > thead > tr > td.info,
- .table > tbody > tr > td.info,
- .table > tfoot > tr > td.info,
- .table > thead > tr > th.info,
- .table > tbody > tr > th.info,
- .table > tfoot > tr > th.info,
- .table > thead > tr.info > td,
- .table > tbody > tr.info > td,
- .table > tfoot > tr.info > td,
- .table > thead > tr.info > th,
- .table > tbody > tr.info > th,
- .table > tfoot > tr.info > th {
- background-color: #d9edf7;
- }
- .table-hover > tbody > tr > td.info:hover,
- .table-hover > tbody > tr > th.info:hover,
- .table-hover > tbody > tr.info:hover > td,
- .table-hover > tbody > tr:hover > .info,
- .table-hover > tbody > tr.info:hover > th {
- background-color: #c4e3f3;
- }
- .table > thead > tr > td.warning,
- .table > tbody > tr > td.warning,
- .table > tfoot > tr > td.warning,
- .table > thead > tr > th.warning,
- .table > tbody > tr > th.warning,
- .table > tfoot > tr > th.warning,
- .table > thead > tr.warning > td,
- .table > tbody > tr.warning > td,
- .table > tfoot > tr.warning > td,
- .table > thead > tr.warning > th,
- .table > tbody > tr.warning > th,
- .table > tfoot > tr.warning > th {
- background-color: #fcf8e3;
- }
- .table-hover > tbody > tr > td.warning:hover,
- .table-hover > tbody > tr > th.warning:hover,
- .table-hover > tbody > tr.warning:hover > td,
- .table-hover > tbody > tr:hover > .warning,
- .table-hover > tbody > tr.warning:hover > th {
- background-color: #faf2cc;
- }
- .table > thead > tr > td.danger,
- .table > tbody > tr > td.danger,
- .table > tfoot > tr > td.danger,
- .table > thead > tr > th.danger,
- .table > tbody > tr > th.danger,
- .table > tfoot > tr > th.danger,
- .table > thead > tr.danger > td,
- .table > tbody > tr.danger > td,
- .table > tfoot > tr.danger > td,
- .table > thead > tr.danger > th,
- .table > tbody > tr.danger > th,
- .table > tfoot > tr.danger > th {
- background-color: #f2dede;
- }
- .table-hover > tbody > tr > td.danger:hover,
- .table-hover > tbody > tr > th.danger:hover,
- .table-hover > tbody > tr.danger:hover > td,
- .table-hover > tbody > tr:hover > .danger,
- .table-hover > tbody > tr.danger:hover > th {
- background-color: #ebcccc;
- }
- .table-responsive {
- overflow-x: auto;
- min-height: 0.01%;
- }
- @media screen and (max-width: 767px) {
- .table-responsive {
- width: 100%;
- margin-bottom: 13.5px;
- overflow-y: hidden;
- -ms-overflow-style: -ms-autohiding-scrollbar;
- border: 1px solid #ddd;
- }
- .table-responsive > .table {
- margin-bottom: 0;
- }
- .table-responsive > .table > thead > tr > th,
- .table-responsive > .table > tbody > tr > th,
- .table-responsive > .table > tfoot > tr > th,
- .table-responsive > .table > thead > tr > td,
- .table-responsive > .table > tbody > tr > td,
- .table-responsive > .table > tfoot > tr > td {
- white-space: nowrap;
- }
- .table-responsive > .table-bordered {
- border: 0;
- }
- .table-responsive > .table-bordered > thead > tr > th:first-child,
- .table-responsive > .table-bordered > tbody > tr > th:first-child,
- .table-responsive > .table-bordered > tfoot > tr > th:first-child,
- .table-responsive > .table-bordered > thead > tr > td:first-child,
- .table-responsive > .table-bordered > tbody > tr > td:first-child,
- .table-responsive > .table-bordered > tfoot > tr > td:first-child {
- border-left: 0;
- }
- .table-responsive > .table-bordered > thead > tr > th:last-child,
- .table-responsive > .table-bordered > tbody > tr > th:last-child,
- .table-responsive > .table-bordered > tfoot > tr > th:last-child,
- .table-responsive > .table-bordered > thead > tr > td:last-child,
- .table-responsive > .table-bordered > tbody > tr > td:last-child,
- .table-responsive > .table-bordered > tfoot > tr > td:last-child {
- border-right: 0;
- }
- .table-responsive > .table-bordered > tbody > tr:last-child > th,
- .table-responsive > .table-bordered > tfoot > tr:last-child > th,
- .table-responsive > .table-bordered > tbody > tr:last-child > td,
- .table-responsive > .table-bordered > tfoot > tr:last-child > td {
- border-bottom: 0;
- }
- }
- fieldset {
- padding: 0;
- margin: 0;
- border: 0;
- min-width: 0;
- }
- legend {
- display: block;
- width: 100%;
- padding: 0;
- margin-bottom: 18px;
- font-size: 19.5px;
- line-height: inherit;
- color: #333333;
- border: 0;
- border-bottom: 1px solid #e5e5e5;
- }
- label {
- display: inline-block;
- max-width: 100%;
- margin-bottom: 5px;
- font-weight: bold;
- }
- input[type="search"] {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
- input[type="radio"],
- input[type="checkbox"] {
- margin: 4px 0 0;
- margin-top: 1px \9;
- line-height: normal;
- }
- input[type="file"] {
- display: block;
- }
- input[type="range"] {
- display: block;
- width: 100%;
- }
- select[multiple],
- select[size] {
- height: auto;
- }
- input[type="file"]:focus,
- input[type="radio"]:focus,
- input[type="checkbox"]:focus {
- outline: thin dotted;
- outline: 5px auto -webkit-focus-ring-color;
- outline-offset: -2px;
- }
- output {
- display: block;
- padding-top: 7px;
- font-size: 13px;
- line-height: 1.42857143;
- color: #555555;
- }
- .form-control {
- display: block;
- width: 100%;
- height: 32px;
- padding: 6px 12px;
- font-size: 13px;
- line-height: 1.42857143;
- color: #555555;
- background-color: #fff;
- background-image: none;
- border: 1px solid #ccc;
- border-radius: 2px;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
- -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
- transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
- }
- .form-control:focus {
- border-color: #66afe9;
- outline: 0;
- -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
- box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
- }
- .form-control::-moz-placeholder {
- color: #999;
- opacity: 1;
- }
- .form-control:-ms-input-placeholder {
- color: #999;
- }
- .form-control::-webkit-input-placeholder {
- color: #999;
- }
- .form-control::-ms-expand {
- border: 0;
- background-color: transparent;
- }
- .form-control[disabled],
- .form-control[readonly],
- fieldset[disabled] .form-control {
- background-color: #eeeeee;
- opacity: 1;
- }
- .form-control[disabled],
- fieldset[disabled] .form-control {
- cursor: not-allowed;
- }
- textarea.form-control {
- height: auto;
- }
- input[type="search"] {
- -webkit-appearance: none;
- }
- @media screen and (-webkit-min-device-pixel-ratio: 0) {
- input[type="date"].form-control,
- input[type="time"].form-control,
- input[type="datetime-local"].form-control,
- input[type="month"].form-control {
- line-height: 32px;
- }
- input[type="date"].input-sm,
- input[type="time"].input-sm,
- input[type="datetime-local"].input-sm,
- input[type="month"].input-sm,
- .input-group-sm input[type="date"],
- .input-group-sm input[type="time"],
- .input-group-sm input[type="datetime-local"],
- .input-group-sm input[type="month"] {
- line-height: 30px;
- }
- input[type="date"].input-lg,
- input[type="time"].input-lg,
- input[type="datetime-local"].input-lg,
- input[type="month"].input-lg,
- .input-group-lg input[type="date"],
- .input-group-lg input[type="time"],
- .input-group-lg input[type="datetime-local"],
- .input-group-lg input[type="month"] {
- line-height: 45px;
- }
- }
- .form-group {
- margin-bottom: 15px;
- }
- .radio,
- .checkbox {
- position: relative;
- display: block;
- margin-top: 10px;
- margin-bottom: 10px;
- }
- .radio label,
- .checkbox label {
- min-height: 18px;
- padding-left: 20px;
- margin-bottom: 0;
- font-weight: normal;
- cursor: pointer;
- }
- .radio input[type="radio"],
- .radio-inline input[type="radio"],
- .checkbox input[type="checkbox"],
- .checkbox-inline input[type="checkbox"] {
- position: absolute;
- margin-left: -20px;
- margin-top: 4px \9;
- }
- .radio + .radio,
- .checkbox + .checkbox {
- margin-top: -5px;
- }
- .radio-inline,
- .checkbox-inline {
- position: relative;
- display: inline-block;
- padding-left: 20px;
- margin-bottom: 0;
- vertical-align: middle;
- font-weight: normal;
- cursor: pointer;
- }
- .radio-inline + .radio-inline,
- .checkbox-inline + .checkbox-inline {
- margin-top: 0;
- margin-left: 10px;
- }
- input[type="radio"][disabled],
- input[type="checkbox"][disabled],
- input[type="radio"].disabled,
- input[type="checkbox"].disabled,
- fieldset[disabled] input[type="radio"],
- fieldset[disabled] input[type="checkbox"] {
- cursor: not-allowed;
- }
- .radio-inline.disabled,
- .checkbox-inline.disabled,
- fieldset[disabled] .radio-inline,
- fieldset[disabled] .checkbox-inline {
- cursor: not-allowed;
- }
- .radio.disabled label,
- .checkbox.disabled label,
- fieldset[disabled] .radio label,
- fieldset[disabled] .checkbox label {
- cursor: not-allowed;
- }
- .form-control-static {
- padding-top: 7px;
- padding-bottom: 7px;
- margin-bottom: 0;
- min-height: 31px;
- }
- .form-control-static.input-lg,
- .form-control-static.input-sm {
- padding-left: 0;
- padding-right: 0;
- }
- .input-sm {
- height: 30px;
- padding: 5px 10px;
- font-size: 12px;
- line-height: 1.5;
- border-radius: 1px;
- }
- select.input-sm {
- height: 30px;
- line-height: 30px;
- }
- textarea.input-sm,
- select[multiple].input-sm {
- height: auto;
- }
- .form-group-sm .form-control {
- height: 30px;
- padding: 5px 10px;
- font-size: 12px;
- line-height: 1.5;
- border-radius: 1px;
- }
- .form-group-sm select.form-control {
- height: 30px;
- line-height: 30px;
- }
- .form-group-sm textarea.form-control,
- .form-group-sm select[multiple].form-control {
- height: auto;
- }
- .form-group-sm .form-control-static {
- height: 30px;
- min-height: 30px;
- padding: 6px 10px;
- font-size: 12px;
- line-height: 1.5;
- }
- .input-lg {
- height: 45px;
- padding: 10px 16px;
- font-size: 17px;
- line-height: 1.3333333;
- border-radius: 3px;
- }
- select.input-lg {
- height: 45px;
- line-height: 45px;
- }
- textarea.input-lg,
- select[multiple].input-lg {
- height: auto;
- }
- .form-group-lg .form-control {
- height: 45px;
- padding: 10px 16px;
- font-size: 17px;
- line-height: 1.3333333;
- border-radius: 3px;
- }
- .form-group-lg select.form-control {
- height: 45px;
- line-height: 45px;
- }
- .form-group-lg textarea.form-control,
- .form-group-lg select[multiple].form-control {
- height: auto;
- }
- .form-group-lg .form-control-static {
- height: 45px;
- min-height: 35px;
- padding: 11px 16px;
- font-size: 17px;
- line-height: 1.3333333;
- }
- .has-feedback {
- position: relative;
- }
- .has-feedback .form-control {
- padding-right: 40px;
- }
- .form-control-feedback {
- position: absolute;
- top: 0;
- right: 0;
- z-index: 2;
- display: block;
- width: 32px;
- height: 32px;
- line-height: 32px;
- text-align: center;
- pointer-events: none;
- }
- .input-lg + .form-control-feedback,
- .input-group-lg + .form-control-feedback,
- .form-group-lg .form-control + .form-control-feedback {
- width: 45px;
- height: 45px;
- line-height: 45px;
- }
- .input-sm + .form-control-feedback,
- .input-group-sm + .form-control-feedback,
- .form-group-sm .form-control + .form-control-feedback {
- width: 30px;
- height: 30px;
- line-height: 30px;
- }
- .has-success .help-block,
- .has-success .control-label,
- .has-success .radio,
- .has-success .checkbox,
- .has-success .radio-inline,
- .has-success .checkbox-inline,
- .has-success.radio label,
- .has-success.checkbox label,
- .has-success.radio-inline label,
- .has-success.checkbox-inline label {
- color: #3c763d;
- }
- .has-success .form-control {
- border-color: #3c763d;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- }
- .has-success .form-control:focus {
- border-color: #2b542c;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
- }
- .has-success .input-group-addon {
- color: #3c763d;
- border-color: #3c763d;
- background-color: #dff0d8;
- }
- .has-success .form-control-feedback {
- color: #3c763d;
- }
- .has-warning .help-block,
- .has-warning .control-label,
- .has-warning .radio,
- .has-warning .checkbox,
- .has-warning .radio-inline,
- .has-warning .checkbox-inline,
- .has-warning.radio label,
- .has-warning.checkbox label,
- .has-warning.radio-inline label,
- .has-warning.checkbox-inline label {
- color: #8a6d3b;
- }
- .has-warning .form-control {
- border-color: #8a6d3b;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- }
- .has-warning .form-control:focus {
- border-color: #66512c;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
- }
- .has-warning .input-group-addon {
- color: #8a6d3b;
- border-color: #8a6d3b;
- background-color: #fcf8e3;
- }
- .has-warning .form-control-feedback {
- color: #8a6d3b;
- }
- .has-error .help-block,
- .has-error .control-label,
- .has-error .radio,
- .has-error .checkbox,
- .has-error .radio-inline,
- .has-error .checkbox-inline,
- .has-error.radio label,
- .has-error.checkbox label,
- .has-error.radio-inline label,
- .has-error.checkbox-inline label {
- color: #a94442;
- }
- .has-error .form-control {
- border-color: #a94442;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- }
- .has-error .form-control:focus {
- border-color: #843534;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
- }
- .has-error .input-group-addon {
- color: #a94442;
- border-color: #a94442;
- background-color: #f2dede;
- }
- .has-error .form-control-feedback {
- color: #a94442;
- }
- .has-feedback label ~ .form-control-feedback {
- top: 23px;
- }
- .has-feedback label.sr-only ~ .form-control-feedback {
- top: 0;
- }
- .help-block {
- display: block;
- margin-top: 5px;
- margin-bottom: 10px;
- color: #404040;
- }
- @media (min-width: 768px) {
- .form-inline .form-group {
- display: inline-block;
- margin-bottom: 0;
- vertical-align: middle;
- }
- .form-inline .form-control {
- display: inline-block;
- width: auto;
- vertical-align: middle;
- }
- .form-inline .form-control-static {
- display: inline-block;
- }
- .form-inline .input-group {
- display: inline-table;
- vertical-align: middle;
- }
- .form-inline .input-group .input-group-addon,
- .form-inline .input-group .input-group-btn,
- .form-inline .input-group .form-control {
- width: auto;
- }
- .form-inline .input-group > .form-control {
- width: 100%;
- }
- .form-inline .control-label {
- margin-bottom: 0;
- vertical-align: middle;
- }
- .form-inline .radio,
- .form-inline .checkbox {
- display: inline-block;
- margin-top: 0;
- margin-bottom: 0;
- vertical-align: middle;
- }
- .form-inline .radio label,
- .form-inline .checkbox label {
- padding-left: 0;
- }
- .form-inline .radio input[type="radio"],
- .form-inline .checkbox input[type="checkbox"] {
- position: relative;
- margin-left: 0;
- }
- .form-inline .has-feedback .form-control-feedback {
- top: 0;
- }
- }
- .form-horizontal .radio,
- .form-horizontal .checkbox,
- .form-horizontal .radio-inline,
- .form-horizontal .checkbox-inline {
- margin-top: 0;
- margin-bottom: 0;
- padding-top: 7px;
- }
- .form-horizontal .radio,
- .form-horizontal .checkbox {
- min-height: 25px;
- }
- .form-horizontal .form-group {
- margin-left: 0px;
- margin-right: 0px;
- }
- @media (min-width: 768px) {
- .form-horizontal .control-label {
- text-align: right;
- margin-bottom: 0;
- padding-top: 7px;
- }
- }
- .form-horizontal .has-feedback .form-control-feedback {
- right: 0px;
- }
- @media (min-width: 768px) {
- .form-horizontal .form-group-lg .control-label {
- padding-top: 11px;
- font-size: 17px;
- }
- }
- @media (min-width: 768px) {
- .form-horizontal .form-group-sm .control-label {
- padding-top: 6px;
- font-size: 12px;
- }
- }
- .btn {
- display: inline-block;
- margin-bottom: 0;
- font-weight: normal;
- text-align: center;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- background-image: none;
- border: 1px solid transparent;
- white-space: nowrap;
- padding: 6px 12px;
- font-size: 13px;
- line-height: 1.42857143;
- border-radius: 2px;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
- .btn:focus,
- .btn:active:focus,
- .btn.active:focus,
- .btn.focus,
- .btn:active.focus,
- .btn.active.focus {
- outline: thin dotted;
- outline: 5px auto -webkit-focus-ring-color;
- outline-offset: -2px;
- }
- .btn:hover,
- .btn:focus,
- .btn.focus {
- color: #333;
- text-decoration: none;
- }
- .btn:active,
- .btn.active {
- outline: 0;
- background-image: none;
- -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- }
- .btn.disabled,
- .btn[disabled],
- fieldset[disabled] .btn {
- cursor: not-allowed;
- opacity: 0.65;
- filter: alpha(opacity=65);
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- a.btn.disabled,
- fieldset[disabled] a.btn {
- pointer-events: none;
- }
- .btn-default {
- color: #333;
- background-color: #fff;
- border-color: #ccc;
- }
- .btn-default:focus,
- .btn-default.focus {
- color: #333;
- background-color: #e6e6e6;
- border-color: #8c8c8c;
- }
- .btn-default:hover {
- color: #333;
- background-color: #e6e6e6;
- border-color: #adadad;
- }
- .btn-default:active,
- .btn-default.active,
- .open > .dropdown-toggle.btn-default {
- color: #333;
- background-color: #e6e6e6;
- border-color: #adadad;
- }
- .btn-default:active:hover,
- .btn-default.active:hover,
- .open > .dropdown-toggle.btn-default:hover,
- .btn-default:active:focus,
- .btn-default.active:focus,
- .open > .dropdown-toggle.btn-default:focus,
- .btn-default:active.focus,
- .btn-default.active.focus,
- .open > .dropdown-toggle.btn-default.focus {
- color: #333;
- background-color: #d4d4d4;
- border-color: #8c8c8c;
- }
- .btn-default:active,
- .btn-default.active,
- .open > .dropdown-toggle.btn-default {
- background-image: none;
- }
- .btn-default.disabled:hover,
- .btn-default[disabled]:hover,
- fieldset[disabled] .btn-default:hover,
- .btn-default.disabled:focus,
- .btn-default[disabled]:focus,
- fieldset[disabled] .btn-default:focus,
- .btn-default.disabled.focus,
- .btn-default[disabled].focus,
- fieldset[disabled] .btn-default.focus {
- background-color: #fff;
- border-color: #ccc;
- }
- .btn-default .badge {
- color: #fff;
- background-color: #333;
- }
- .btn-primary {
- color: #fff;
- background-color: #337ab7;
- border-color: #2e6da4;
- }
- .btn-primary:focus,
- .btn-primary.focus {
- color: #fff;
- background-color: #286090;
- border-color: #122b40;
- }
- .btn-primary:hover {
- color: #fff;
- background-color: #286090;
- border-color: #204d74;
- }
- .btn-primary:active,
- .btn-primary.active,
- .open > .dropdown-toggle.btn-primary {
- color: #fff;
- background-color: #286090;
- border-color: #204d74;
- }
- .btn-primary:active:hover,
- .btn-primary.active:hover,
- .open > .dropdown-toggle.btn-primary:hover,
- .btn-primary:active:focus,
- .btn-primary.active:focus,
- .open > .dropdown-toggle.btn-primary:focus,
- .btn-primary:active.focus,
- .btn-primary.active.focus,
- .open > .dropdown-toggle.btn-primary.focus {
- color: #fff;
- background-color: #204d74;
- border-color: #122b40;
- }
- .btn-primary:active,
- .btn-primary.active,
- .open > .dropdown-toggle.btn-primary {
- background-image: none;
- }
- .btn-primary.disabled:hover,
- .btn-primary[disabled]:hover,
- fieldset[disabled] .btn-primary:hover,
- .btn-primary.disabled:focus,
- .btn-primary[disabled]:focus,
- fieldset[disabled] .btn-primary:focus,
- .btn-primary.disabled.focus,
- .btn-primary[disabled].focus,
- fieldset[disabled] .btn-primary.focus {
- background-color: #337ab7;
- border-color: #2e6da4;
- }
- .btn-primary .badge {
- color: #337ab7;
- background-color: #fff;
- }
- .btn-success {
- color: #fff;
- background-color: #5cb85c;
- border-color: #4cae4c;
- }
- .btn-success:focus,
- .btn-success.focus {
- color: #fff;
- background-color: #449d44;
- border-color: #255625;
- }
- .btn-success:hover {
- color: #fff;
- background-color: #449d44;
- border-color: #398439;
- }
- .btn-success:active,
- .btn-success.active,
- .open > .dropdown-toggle.btn-success {
- color: #fff;
- background-color: #449d44;
- border-color: #398439;
- }
- .btn-success:active:hover,
- .btn-success.active:hover,
- .open > .dropdown-toggle.btn-success:hover,
- .btn-success:active:focus,
- .btn-success.active:focus,
- .open > .dropdown-toggle.btn-success:focus,
- .btn-success:active.focus,
- .btn-success.active.focus,
- .open > .dropdown-toggle.btn-success.focus {
- color: #fff;
- background-color: #398439;
- border-color: #255625;
- }
- .btn-success:active,
- .btn-success.active,
- .open > .dropdown-toggle.btn-success {
- background-image: none;
- }
- .btn-success.disabled:hover,
- .btn-success[disabled]:hover,
- fieldset[disabled] .btn-success:hover,
- .btn-success.disabled:focus,
- .btn-success[disabled]:focus,
- fieldset[disabled] .btn-success:focus,
- .btn-success.disabled.focus,
- .btn-success[disabled].focus,
- fieldset[disabled] .btn-success.focus {
- background-color: #5cb85c;
- border-color: #4cae4c;
- }
- .btn-success .badge {
- color: #5cb85c;
- background-color: #fff;
- }
- .btn-info {
- color: #fff;
- background-color: #5bc0de;
- border-color: #46b8da;
- }
- .btn-info:focus,
- .btn-info.focus {
- color: #fff;
- background-color: #31b0d5;
- border-color: #1b6d85;
- }
- .btn-info:hover {
- color: #fff;
- background-color: #31b0d5;
- border-color: #269abc;
- }
- .btn-info:active,
- .btn-info.active,
- .open > .dropdown-toggle.btn-info {
- color: #fff;
- background-color: #31b0d5;
- border-color: #269abc;
- }
- .btn-info:active:hover,
- .btn-info.active:hover,
- .open > .dropdown-toggle.btn-info:hover,
- .btn-info:active:focus,
- .btn-info.active:focus,
- .open > .dropdown-toggle.btn-info:focus,
- .btn-info:active.focus,
- .btn-info.active.focus,
- .open > .dropdown-toggle.btn-info.focus {
- color: #fff;
- background-color: #269abc;
- border-color: #1b6d85;
- }
- .btn-info:active,
- .btn-info.active,
- .open > .dropdown-toggle.btn-info {
- background-image: none;
- }
- .btn-info.disabled:hover,
- .btn-info[disabled]:hover,
- fieldset[disabled] .btn-info:hover,
- .btn-info.disabled:focus,
- .btn-info[disabled]:focus,
- fieldset[disabled] .btn-info:focus,
- .btn-info.disabled.focus,
- .btn-info[disabled].focus,
- fieldset[disabled] .btn-info.focus {
- background-color: #5bc0de;
- border-color: #46b8da;
- }
- .btn-info .badge {
- color: #5bc0de;
- background-color: #fff;
- }
- .btn-warning {
- color: #fff;
- background-color: #f0ad4e;
- border-color: #eea236;
- }
- .btn-warning:focus,
- .btn-warning.focus {
- color: #fff;
- background-color: #ec971f;
- border-color: #985f0d;
- }
- .btn-warning:hover {
- color: #fff;
- background-color: #ec971f;
- border-color: #d58512;
- }
- .btn-warning:active,
- .btn-warning.active,
- .open > .dropdown-toggle.btn-warning {
- color: #fff;
- background-color: #ec971f;
- border-color: #d58512;
- }
- .btn-warning:active:hover,
- .btn-warning.active:hover,
- .open > .dropdown-toggle.btn-warning:hover,
- .btn-warning:active:focus,
- .btn-warning.active:focus,
- .open > .dropdown-toggle.btn-warning:focus,
- .btn-warning:active.focus,
- .btn-warning.active.focus,
- .open > .dropdown-toggle.btn-warning.focus {
- color: #fff;
- background-color: #d58512;
- border-color: #985f0d;
- }
- .btn-warning:active,
- .btn-warning.active,
- .open > .dropdown-toggle.btn-warning {
- background-image: none;
- }
- .btn-warning.disabled:hover,
- .btn-warning[disabled]:hover,
- fieldset[disabled] .btn-warning:hover,
- .btn-warning.disabled:focus,
- .btn-warning[disabled]:focus,
- fieldset[disabled] .btn-warning:focus,
- .btn-warning.disabled.focus,
- .btn-warning[disabled].focus,
- fieldset[disabled] .btn-warning.focus {
- background-color: #f0ad4e;
- border-color: #eea236;
- }
- .btn-warning .badge {
- color: #f0ad4e;
- background-color: #fff;
- }
- .btn-danger {
- color: #fff;
- background-color: #d9534f;
- border-color: #d43f3a;
- }
- .btn-danger:focus,
- .btn-danger.focus {
- color: #fff;
- background-color: #c9302c;
- border-color: #761c19;
- }
- .btn-danger:hover {
- color: #fff;
- background-color: #c9302c;
- border-color: #ac2925;
- }
- .btn-danger:active,
- .btn-danger.active,
- .open > .dropdown-toggle.btn-danger {
- color: #fff;
- background-color: #c9302c;
- border-color: #ac2925;
- }
- .btn-danger:active:hover,
- .btn-danger.active:hover,
- .open > .dropdown-toggle.btn-danger:hover,
- .btn-danger:active:focus,
- .btn-danger.active:focus,
- .open > .dropdown-toggle.btn-danger:focus,
- .btn-danger:active.focus,
- .btn-danger.active.focus,
- .open > .dropdown-toggle.btn-danger.focus {
- color: #fff;
- background-color: #ac2925;
- border-color: #761c19;
- }
- .btn-danger:active,
- .btn-danger.active,
- .open > .dropdown-toggle.btn-danger {
- background-image: none;
- }
- .btn-danger.disabled:hover,
- .btn-danger[disabled]:hover,
- fieldset[disabled] .btn-danger:hover,
- .btn-danger.disabled:focus,
- .btn-danger[disabled]:focus,
- fieldset[disabled] .btn-danger:focus,
- .btn-danger.disabled.focus,
- .btn-danger[disabled].focus,
- fieldset[disabled] .btn-danger.focus {
- background-color: #d9534f;
- border-color: #d43f3a;
- }
- .btn-danger .badge {
- color: #d9534f;
- background-color: #fff;
- }
- .btn-link {
- color: #337ab7;
- font-weight: normal;
- border-radius: 0;
- }
- .btn-link,
- .btn-link:active,
- .btn-link.active,
- .btn-link[disabled],
- fieldset[disabled] .btn-link {
- background-color: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .btn-link,
- .btn-link:hover,
- .btn-link:focus,
- .btn-link:active {
- border-color: transparent;
- }
- .btn-link:hover,
- .btn-link:focus {
- color: #23527c;
- text-decoration: underline;
- background-color: transparent;
- }
- .btn-link[disabled]:hover,
- fieldset[disabled] .btn-link:hover,
- .btn-link[disabled]:focus,
- fieldset[disabled] .btn-link:focus {
- color: #777777;
- text-decoration: none;
- }
- .btn-lg,
- .btn-group-lg > .btn {
- padding: 10px 16px;
- font-size: 17px;
- line-height: 1.3333333;
- border-radius: 3px;
- }
- .btn-sm,
- .btn-group-sm > .btn {
- padding: 5px 10px;
- font-size: 12px;
- line-height: 1.5;
- border-radius: 1px;
- }
- .btn-xs,
- .btn-group-xs > .btn {
- padding: 1px 5px;
- font-size: 12px;
- line-height: 1.5;
- border-radius: 1px;
- }
- .btn-block {
- display: block;
- width: 100%;
- }
- .btn-block + .btn-block {
- margin-top: 5px;
- }
- input[type="submit"].btn-block,
- input[type="reset"].btn-block,
- input[type="button"].btn-block {
- width: 100%;
- }
- .fade {
- opacity: 0;
- -webkit-transition: opacity 0.15s linear;
- -o-transition: opacity 0.15s linear;
- transition: opacity 0.15s linear;
- }
- .fade.in {
- opacity: 1;
- }
- .collapse {
- display: none;
- }
- .collapse.in {
- display: block;
- }
- tr.collapse.in {
- display: table-row;
- }
- tbody.collapse.in {
- display: table-row-group;
- }
- .collapsing {
- position: relative;
- height: 0;
- overflow: hidden;
- -webkit-transition-property: height, visibility;
- transition-property: height, visibility;
- -webkit-transition-duration: 0.35s;
- transition-duration: 0.35s;
- -webkit-transition-timing-function: ease;
- transition-timing-function: ease;
- }
- .caret {
- display: inline-block;
- width: 0;
- height: 0;
- margin-left: 2px;
- vertical-align: middle;
- border-top: 4px dashed;
- border-top: 4px solid \9;
- border-right: 4px solid transparent;
- border-left: 4px solid transparent;
- }
- .dropup,
- .dropdown {
- position: relative;
- }
- .dropdown-toggle:focus {
- outline: 0;
- }
- .dropdown-menu {
- position: absolute;
- top: 100%;
- left: 0;
- z-index: 1000;
- display: none;
- float: left;
- min-width: 160px;
- padding: 5px 0;
- margin: 2px 0 0;
- list-style: none;
- font-size: 13px;
- text-align: left;
- background-color: #fff;
- border: 1px solid #ccc;
- border: 1px solid rgba(0, 0, 0, 0.15);
- border-radius: 2px;
- -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
- background-clip: padding-box;
- }
- .dropdown-menu.pull-right {
- right: 0;
- left: auto;
- }
- .dropdown-menu .divider {
- height: 1px;
- margin: 8px 0;
- overflow: hidden;
- background-color: #e5e5e5;
- }
- .dropdown-menu > li > a {
- display: block;
- padding: 3px 20px;
- clear: both;
- font-weight: normal;
- line-height: 1.42857143;
- color: #333333;
- white-space: nowrap;
- }
- .dropdown-menu > li > a:hover,
- .dropdown-menu > li > a:focus {
- text-decoration: none;
- color: #262626;
- background-color: #f5f5f5;
- }
- .dropdown-menu > .active > a,
- .dropdown-menu > .active > a:hover,
- .dropdown-menu > .active > a:focus {
- color: #fff;
- text-decoration: none;
- outline: 0;
- background-color: #337ab7;
- }
- .dropdown-menu > .disabled > a,
- .dropdown-menu > .disabled > a:hover,
- .dropdown-menu > .disabled > a:focus {
- color: #777777;
- }
- .dropdown-menu > .disabled > a:hover,
- .dropdown-menu > .disabled > a:focus {
- text-decoration: none;
- background-color: transparent;
- background-image: none;
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
- cursor: not-allowed;
- }
- .open > .dropdown-menu {
- display: block;
- }
- .open > a {
- outline: 0;
- }
- .dropdown-menu-right {
- left: auto;
- right: 0;
- }
- .dropdown-menu-left {
- left: 0;
- right: auto;
- }
- .dropdown-header {
- display: block;
- padding: 3px 20px;
- font-size: 12px;
- line-height: 1.42857143;
- color: #777777;
- white-space: nowrap;
- }
- .dropdown-backdrop {
- position: fixed;
- left: 0;
- right: 0;
- bottom: 0;
- top: 0;
- z-index: 990;
- }
- .pull-right > .dropdown-menu {
- right: 0;
- left: auto;
- }
- .dropup .caret,
- .navbar-fixed-bottom .dropdown .caret {
- border-top: 0;
- border-bottom: 4px dashed;
- border-bottom: 4px solid \9;
- content: "";
- }
- .dropup .dropdown-menu,
- .navbar-fixed-bottom .dropdown .dropdown-menu {
- top: auto;
- bottom: 100%;
- margin-bottom: 2px;
- }
- @media (min-width: 541px) {
- .navbar-right .dropdown-menu {
- left: auto;
- right: 0;
- }
- .navbar-right .dropdown-menu-left {
- left: 0;
- right: auto;
- }
- }
- .btn-group,
- .btn-group-vertical {
- position: relative;
- display: inline-block;
- vertical-align: middle;
- }
- .btn-group > .btn,
- .btn-group-vertical > .btn {
- position: relative;
- float: left;
- }
- .btn-group > .btn:hover,
- .btn-group-vertical > .btn:hover,
- .btn-group > .btn:focus,
- .btn-group-vertical > .btn:focus,
- .btn-group > .btn:active,
- .btn-group-vertical > .btn:active,
- .btn-group > .btn.active,
- .btn-group-vertical > .btn.active {
- z-index: 2;
- }
- .btn-group .btn + .btn,
- .btn-group .btn + .btn-group,
- .btn-group .btn-group + .btn,
- .btn-group .btn-group + .btn-group {
- margin-left: -1px;
- }
- .btn-toolbar {
- margin-left: -5px;
- }
- .btn-toolbar .btn,
- .btn-toolbar .btn-group,
- .btn-toolbar .input-group {
- float: left;
- }
- .btn-toolbar > .btn,
- .btn-toolbar > .btn-group,
- .btn-toolbar > .input-group {
- margin-left: 5px;
- }
- .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
- border-radius: 0;
- }
- .btn-group > .btn:first-child {
- margin-left: 0;
- }
- .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
- border-bottom-right-radius: 0;
- border-top-right-radius: 0;
- }
- .btn-group > .btn:last-child:not(:first-child),
- .btn-group > .dropdown-toggle:not(:first-child) {
- border-bottom-left-radius: 0;
- border-top-left-radius: 0;
- }
- .btn-group > .btn-group {
- float: left;
- }
- .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
- border-radius: 0;
- }
- .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
- .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
- border-bottom-right-radius: 0;
- border-top-right-radius: 0;
- }
- .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
- border-bottom-left-radius: 0;
- border-top-left-radius: 0;
- }
- .btn-group .dropdown-toggle:active,
- .btn-group.open .dropdown-toggle {
- outline: 0;
- }
- .btn-group > .btn + .dropdown-toggle {
- padding-left: 8px;
- padding-right: 8px;
- }
- .btn-group > .btn-lg + .dropdown-toggle {
- padding-left: 12px;
- padding-right: 12px;
- }
- .btn-group.open .dropdown-toggle {
- -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- }
- .btn-group.open .dropdown-toggle.btn-link {
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .btn .caret {
- margin-left: 0;
- }
- .btn-lg .caret {
- border-width: 5px 5px 0;
- border-bottom-width: 0;
- }
- .dropup .btn-lg .caret {
- border-width: 0 5px 5px;
- }
- .btn-group-vertical > .btn,
- .btn-group-vertical > .btn-group,
- .btn-group-vertical > .btn-group > .btn {
- display: block;
- float: none;
- width: 100%;
- max-width: 100%;
- }
- .btn-group-vertical > .btn-group > .btn {
- float: none;
- }
- .btn-group-vertical > .btn + .btn,
- .btn-group-vertical > .btn + .btn-group,
- .btn-group-vertical > .btn-group + .btn,
- .btn-group-vertical > .btn-group + .btn-group {
- margin-top: -1px;
- margin-left: 0;
- }
- .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
- border-radius: 0;
- }
- .btn-group-vertical > .btn:first-child:not(:last-child) {
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .btn-group-vertical > .btn:last-child:not(:first-child) {
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
- border-radius: 0;
- }
- .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
- .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .btn-group-justified {
- display: table;
- width: 100%;
- table-layout: fixed;
- border-collapse: separate;
- }
- .btn-group-justified > .btn,
- .btn-group-justified > .btn-group {
- float: none;
- display: table-cell;
- width: 1%;
- }
- .btn-group-justified > .btn-group .btn {
- width: 100%;
- }
- .btn-group-justified > .btn-group .dropdown-menu {
- left: auto;
- }
- [data-toggle="buttons"] > .btn input[type="radio"],
- [data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
- [data-toggle="buttons"] > .btn input[type="checkbox"],
- [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
- position: absolute;
- clip: rect(0, 0, 0, 0);
- pointer-events: none;
- }
- .input-group {
- position: relative;
- display: table;
- border-collapse: separate;
- }
- .input-group[class*="col-"] {
- float: none;
- padding-left: 0;
- padding-right: 0;
- }
- .input-group .form-control {
- position: relative;
- z-index: 2;
- float: left;
- width: 100%;
- margin-bottom: 0;
- }
- .input-group .form-control:focus {
- z-index: 3;
- }
- .input-group-lg > .form-control,
- .input-group-lg > .input-group-addon,
- .input-group-lg > .input-group-btn > .btn {
- height: 45px;
- padding: 10px 16px;
- font-size: 17px;
- line-height: 1.3333333;
- border-radius: 3px;
- }
- select.input-group-lg > .form-control,
- select.input-group-lg > .input-group-addon,
- select.input-group-lg > .input-group-btn > .btn {
- height: 45px;
- line-height: 45px;
- }
- textarea.input-group-lg > .form-control,
- textarea.input-group-lg > .input-group-addon,
- textarea.input-group-lg > .input-group-btn > .btn,
- select[multiple].input-group-lg > .form-control,
- select[multiple].input-group-lg > .input-group-addon,
- select[multiple].input-group-lg > .input-group-btn > .btn {
- height: auto;
- }
- .input-group-sm > .form-control,
- .input-group-sm > .input-group-addon,
- .input-group-sm > .input-group-btn > .btn {
- height: 30px;
- padding: 5px 10px;
- font-size: 12px;
- line-height: 1.5;
- border-radius: 1px;
- }
- select.input-group-sm > .form-control,
- select.input-group-sm > .input-group-addon,
- select.input-group-sm > .input-group-btn > .btn {
- height: 30px;
- line-height: 30px;
- }
- textarea.input-group-sm > .form-control,
- textarea.input-group-sm > .input-group-addon,
- textarea.input-group-sm > .input-group-btn > .btn,
- select[multiple].input-group-sm > .form-control,
- select[multiple].input-group-sm > .input-group-addon,
- select[multiple].input-group-sm > .input-group-btn > .btn {
- height: auto;
- }
- .input-group-addon,
- .input-group-btn,
- .input-group .form-control {
- display: table-cell;
- }
- .input-group-addon:not(:first-child):not(:last-child),
- .input-group-btn:not(:first-child):not(:last-child),
- .input-group .form-control:not(:first-child):not(:last-child) {
- border-radius: 0;
- }
- .input-group-addon,
- .input-group-btn {
- width: 1%;
- white-space: nowrap;
- vertical-align: middle;
- }
- .input-group-addon {
- padding: 6px 12px;
- font-size: 13px;
- font-weight: normal;
- line-height: 1;
- color: #555555;
- text-align: center;
- background-color: #eeeeee;
- border: 1px solid #ccc;
- border-radius: 2px;
- }
- .input-group-addon.input-sm {
- padding: 5px 10px;
- font-size: 12px;
- border-radius: 1px;
- }
- .input-group-addon.input-lg {
- padding: 10px 16px;
- font-size: 17px;
- border-radius: 3px;
- }
- .input-group-addon input[type="radio"],
- .input-group-addon input[type="checkbox"] {
- margin-top: 0;
- }
- .input-group .form-control:first-child,
- .input-group-addon:first-child,
- .input-group-btn:first-child > .btn,
- .input-group-btn:first-child > .btn-group > .btn,
- .input-group-btn:first-child > .dropdown-toggle,
- .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
- .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
- border-bottom-right-radius: 0;
- border-top-right-radius: 0;
- }
- .input-group-addon:first-child {
- border-right: 0;
- }
- .input-group .form-control:last-child,
- .input-group-addon:last-child,
- .input-group-btn:last-child > .btn,
- .input-group-btn:last-child > .btn-group > .btn,
- .input-group-btn:last-child > .dropdown-toggle,
- .input-group-btn:first-child > .btn:not(:first-child),
- .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
- border-bottom-left-radius: 0;
- border-top-left-radius: 0;
- }
- .input-group-addon:last-child {
- border-left: 0;
- }
- .input-group-btn {
- position: relative;
- font-size: 0;
- white-space: nowrap;
- }
- .input-group-btn > .btn {
- position: relative;
- }
- .input-group-btn > .btn + .btn {
- margin-left: -1px;
- }
- .input-group-btn > .btn:hover,
- .input-group-btn > .btn:focus,
- .input-group-btn > .btn:active {
- z-index: 2;
- }
- .input-group-btn:first-child > .btn,
- .input-group-btn:first-child > .btn-group {
- margin-right: -1px;
- }
- .input-group-btn:last-child > .btn,
- .input-group-btn:last-child > .btn-group {
- z-index: 2;
- margin-left: -1px;
- }
- .nav {
- margin-bottom: 0;
- padding-left: 0;
- list-style: none;
- }
- .nav > li {
- position: relative;
- display: block;
- }
- .nav > li > a {
- position: relative;
- display: block;
- padding: 10px 15px;
- }
- .nav > li > a:hover,
- .nav > li > a:focus {
- text-decoration: none;
- background-color: #eeeeee;
- }
- .nav > li.disabled > a {
- color: #777777;
- }
- .nav > li.disabled > a:hover,
- .nav > li.disabled > a:focus {
- color: #777777;
- text-decoration: none;
- background-color: transparent;
- cursor: not-allowed;
- }
- .nav .open > a,
- .nav .open > a:hover,
- .nav .open > a:focus {
- background-color: #eeeeee;
- border-color: #337ab7;
- }
- .nav .nav-divider {
- height: 1px;
- margin: 8px 0;
- overflow: hidden;
- background-color: #e5e5e5;
- }
- .nav > li > a > img {
- max-width: none;
- }
- .nav-tabs {
- border-bottom: 1px solid #ddd;
- }
- .nav-tabs > li {
- float: left;
- margin-bottom: -1px;
- }
- .nav-tabs > li > a {
- margin-right: 2px;
- line-height: 1.42857143;
- border: 1px solid transparent;
- border-radius: 2px 2px 0 0;
- }
- .nav-tabs > li > a:hover {
- border-color: #eeeeee #eeeeee #ddd;
- }
- .nav-tabs > li.active > a,
- .nav-tabs > li.active > a:hover,
- .nav-tabs > li.active > a:focus {
- color: #555555;
- background-color: #fff;
- border: 1px solid #ddd;
- border-bottom-color: transparent;
- cursor: default;
- }
- .nav-tabs.nav-justified {
- width: 100%;
- border-bottom: 0;
- }
- .nav-tabs.nav-justified > li {
- float: none;
- }
- .nav-tabs.nav-justified > li > a {
- text-align: center;
- margin-bottom: 5px;
- }
- .nav-tabs.nav-justified > .dropdown .dropdown-menu {
- top: auto;
- left: auto;
- }
- @media (min-width: 768px) {
- .nav-tabs.nav-justified > li {
- display: table-cell;
- width: 1%;
- }
- .nav-tabs.nav-justified > li > a {
- margin-bottom: 0;
- }
- }
- .nav-tabs.nav-justified > li > a {
- margin-right: 0;
- border-radius: 2px;
- }
- .nav-tabs.nav-justified > .active > a,
- .nav-tabs.nav-justified > .active > a:hover,
- .nav-tabs.nav-justified > .active > a:focus {
- border: 1px solid #ddd;
- }
- @media (min-width: 768px) {
- .nav-tabs.nav-justified > li > a {
- border-bottom: 1px solid #ddd;
- border-radius: 2px 2px 0 0;
- }
- .nav-tabs.nav-justified > .active > a,
- .nav-tabs.nav-justified > .active > a:hover,
- .nav-tabs.nav-justified > .active > a:focus {
- border-bottom-color: #fff;
- }
- }
- .nav-pills > li {
- float: left;
- }
- .nav-pills > li > a {
- border-radius: 2px;
- }
- .nav-pills > li + li {
- margin-left: 2px;
- }
- .nav-pills > li.active > a,
- .nav-pills > li.active > a:hover,
- .nav-pills > li.active > a:focus {
- color: #fff;
- background-color: #337ab7;
- }
- .nav-stacked > li {
- float: none;
- }
- .nav-stacked > li + li {
- margin-top: 2px;
- margin-left: 0;
- }
- .nav-justified {
- width: 100%;
- }
- .nav-justified > li {
- float: none;
- }
- .nav-justified > li > a {
- text-align: center;
- margin-bottom: 5px;
- }
- .nav-justified > .dropdown .dropdown-menu {
- top: auto;
- left: auto;
- }
- @media (min-width: 768px) {
- .nav-justified > li {
- display: table-cell;
- width: 1%;
- }
- .nav-justified > li > a {
- margin-bottom: 0;
- }
- }
- .nav-tabs-justified {
- border-bottom: 0;
- }
- .nav-tabs-justified > li > a {
- margin-right: 0;
- border-radius: 2px;
- }
- .nav-tabs-justified > .active > a,
- .nav-tabs-justified > .active > a:hover,
- .nav-tabs-justified > .active > a:focus {
- border: 1px solid #ddd;
- }
- @media (min-width: 768px) {
- .nav-tabs-justified > li > a {
- border-bottom: 1px solid #ddd;
- border-radius: 2px 2px 0 0;
- }
- .nav-tabs-justified > .active > a,
- .nav-tabs-justified > .active > a:hover,
- .nav-tabs-justified > .active > a:focus {
- border-bottom-color: #fff;
- }
- }
- .tab-content > .tab-pane {
- display: none;
- }
- .tab-content > .active {
- display: block;
- }
- .nav-tabs .dropdown-menu {
- margin-top: -1px;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .navbar {
- position: relative;
- min-height: 30px;
- margin-bottom: 18px;
- border: 1px solid transparent;
- }
- @media (min-width: 541px) {
- .navbar {
- border-radius: 2px;
- }
- }
- @media (min-width: 541px) {
- .navbar-header {
- float: left;
- }
- }
- .navbar-collapse {
- overflow-x: visible;
- padding-right: 0px;
- padding-left: 0px;
- border-top: 1px solid transparent;
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
- -webkit-overflow-scrolling: touch;
- }
- .navbar-collapse.in {
- overflow-y: auto;
- }
- @media (min-width: 541px) {
- .navbar-collapse {
- width: auto;
- border-top: 0;
- box-shadow: none;
- }
- .navbar-collapse.collapse {
- display: block !important;
- height: auto !important;
- padding-bottom: 0;
- overflow: visible !important;
- }
- .navbar-collapse.in {
- overflow-y: visible;
- }
- .navbar-fixed-top .navbar-collapse,
- .navbar-static-top .navbar-collapse,
- .navbar-fixed-bottom .navbar-collapse {
- padding-left: 0;
- padding-right: 0;
- }
- }
- .navbar-fixed-top .navbar-collapse,
- .navbar-fixed-bottom .navbar-collapse {
- max-height: 340px;
- }
- @media (max-device-width: 540px) and (orientation: landscape) {
- .navbar-fixed-top .navbar-collapse,
- .navbar-fixed-bottom .navbar-collapse {
- max-height: 200px;
- }
- }
- .container > .navbar-header,
- .container-fluid > .navbar-header,
- .container > .navbar-collapse,
- .container-fluid > .navbar-collapse {
- margin-right: 0px;
- margin-left: 0px;
- }
- @media (min-width: 541px) {
- .container > .navbar-header,
- .container-fluid > .navbar-header,
- .container > .navbar-collapse,
- .container-fluid > .navbar-collapse {
- margin-right: 0;
- margin-left: 0;
- }
- }
- .navbar-static-top {
- z-index: 1000;
- border-width: 0 0 1px;
- }
- @media (min-width: 541px) {
- .navbar-static-top {
- border-radius: 0;
- }
- }
- .navbar-fixed-top,
- .navbar-fixed-bottom {
- position: fixed;
- right: 0;
- left: 0;
- z-index: 1030;
- }
- @media (min-width: 541px) {
- .navbar-fixed-top,
- .navbar-fixed-bottom {
- border-radius: 0;
- }
- }
- .navbar-fixed-top {
- top: 0;
- border-width: 0 0 1px;
- }
- .navbar-fixed-bottom {
- bottom: 0;
- margin-bottom: 0;
- border-width: 1px 0 0;
- }
- .navbar-brand {
- float: left;
- padding: 6px 0px;
- font-size: 17px;
- line-height: 18px;
- height: 30px;
- }
- .navbar-brand:hover,
- .navbar-brand:focus {
- text-decoration: none;
- }
- .navbar-brand > img {
- display: block;
- }
- @media (min-width: 541px) {
- .navbar > .container .navbar-brand,
- .navbar > .container-fluid .navbar-brand {
- margin-left: 0px;
- }
- }
- .navbar-toggle {
- position: relative;
- float: right;
- margin-right: 0px;
- padding: 9px 10px;
- margin-top: -2px;
- margin-bottom: -2px;
- background-color: transparent;
- background-image: none;
- border: 1px solid transparent;
- border-radius: 2px;
- }
- .navbar-toggle:focus {
- outline: 0;
- }
- .navbar-toggle .icon-bar {
- display: block;
- width: 22px;
- height: 2px;
- border-radius: 1px;
- }
- .navbar-toggle .icon-bar + .icon-bar {
- margin-top: 4px;
- }
- @media (min-width: 541px) {
- .navbar-toggle {
- display: none;
- }
- }
- .navbar-nav {
- margin: 3px 0px;
- }
- .navbar-nav > li > a {
- padding-top: 10px;
- padding-bottom: 10px;
- line-height: 18px;
- }
- @media (max-width: 540px) {
- .navbar-nav .open .dropdown-menu {
- position: static;
- float: none;
- width: auto;
- margin-top: 0;
- background-color: transparent;
- border: 0;
- box-shadow: none;
- }
- .navbar-nav .open .dropdown-menu > li > a,
- .navbar-nav .open .dropdown-menu .dropdown-header {
- padding: 5px 15px 5px 25px;
- }
- .navbar-nav .open .dropdown-menu > li > a {
- line-height: 18px;
- }
- .navbar-nav .open .dropdown-menu > li > a:hover,
- .navbar-nav .open .dropdown-menu > li > a:focus {
- background-image: none;
- }
- }
- @media (min-width: 541px) {
- .navbar-nav {
- float: left;
- margin: 0;
- }
- .navbar-nav > li {
- float: left;
- }
- .navbar-nav > li > a {
- padding-top: 6px;
- padding-bottom: 6px;
- }
- }
- .navbar-form {
- margin-left: 0px;
- margin-right: 0px;
- padding: 10px 0px;
- border-top: 1px solid transparent;
- border-bottom: 1px solid transparent;
- -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
- margin-top: -1px;
- margin-bottom: -1px;
- }
- @media (min-width: 768px) {
- .navbar-form .form-group {
- display: inline-block;
- margin-bottom: 0;
- vertical-align: middle;
- }
- .navbar-form .form-control {
- display: inline-block;
- width: auto;
- vertical-align: middle;
- }
- .navbar-form .form-control-static {
- display: inline-block;
- }
- .navbar-form .input-group {
- display: inline-table;
- vertical-align: middle;
- }
- .navbar-form .input-group .input-group-addon,
- .navbar-form .input-group .input-group-btn,
- .navbar-form .input-group .form-control {
- width: auto;
- }
- .navbar-form .input-group > .form-control {
- width: 100%;
- }
- .navbar-form .control-label {
- margin-bottom: 0;
- vertical-align: middle;
- }
- .navbar-form .radio,
- .navbar-form .checkbox {
- display: inline-block;
- margin-top: 0;
- margin-bottom: 0;
- vertical-align: middle;
- }
- .navbar-form .radio label,
- .navbar-form .checkbox label {
- padding-left: 0;
- }
- .navbar-form .radio input[type="radio"],
- .navbar-form .checkbox input[type="checkbox"] {
- position: relative;
- margin-left: 0;
- }
- .navbar-form .has-feedback .form-control-feedback {
- top: 0;
- }
- }
- @media (max-width: 540px) {
- .navbar-form .form-group {
- margin-bottom: 5px;
- }
- .navbar-form .form-group:last-child {
- margin-bottom: 0;
- }
- }
- @media (min-width: 541px) {
- .navbar-form {
- width: auto;
- border: 0;
- margin-left: 0;
- margin-right: 0;
- padding-top: 0;
- padding-bottom: 0;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- }
- .navbar-nav > li > .dropdown-menu {
- margin-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
- margin-bottom: 0;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .navbar-btn {
- margin-top: -1px;
- margin-bottom: -1px;
- }
- .navbar-btn.btn-sm {
- margin-top: 0px;
- margin-bottom: 0px;
- }
- .navbar-btn.btn-xs {
- margin-top: 4px;
- margin-bottom: 4px;
- }
- .navbar-text {
- margin-top: 6px;
- margin-bottom: 6px;
- }
- @media (min-width: 541px) {
- .navbar-text {
- float: left;
- margin-left: 0px;
- margin-right: 0px;
- }
- }
- @media (min-width: 541px) {
- .navbar-left {
- float: left !important;
- float: left;
- }
- .navbar-right {
- float: right !important;
- float: right;
- margin-right: 0px;
- }
- .navbar-right ~ .navbar-right {
- margin-right: 0;
- }
- }
- .navbar-default {
- background-color: #f8f8f8;
- border-color: #e7e7e7;
- }
- .navbar-default .navbar-brand {
- color: #777;
- }
- .navbar-default .navbar-brand:hover,
- .navbar-default .navbar-brand:focus {
- color: #5e5e5e;
- background-color: transparent;
- }
- .navbar-default .navbar-text {
- color: #777;
- }
- .navbar-default .navbar-nav > li > a {
- color: #777;
- }
- .navbar-default .navbar-nav > li > a:hover,
- .navbar-default .navbar-nav > li > a:focus {
- color: #333;
- background-color: transparent;
- }
- .navbar-default .navbar-nav > .active > a,
- .navbar-default .navbar-nav > .active > a:hover,
- .navbar-default .navbar-nav > .active > a:focus {
- color: #555;
- background-color: #e7e7e7;
- }
- .navbar-default .navbar-nav > .disabled > a,
- .navbar-default .navbar-nav > .disabled > a:hover,
- .navbar-default .navbar-nav > .disabled > a:focus {
- color: #ccc;
- background-color: transparent;
- }
- .navbar-default .navbar-toggle {
- border-color: #ddd;
- }
- .navbar-default .navbar-toggle:hover,
- .navbar-default .navbar-toggle:focus {
- background-color: #ddd;
- }
- .navbar-default .navbar-toggle .icon-bar {
- background-color: #888;
- }
- .navbar-default .navbar-collapse,
- .navbar-default .navbar-form {
- border-color: #e7e7e7;
- }
- .navbar-default .navbar-nav > .open > a,
- .navbar-default .navbar-nav > .open > a:hover,
- .navbar-default .navbar-nav > .open > a:focus {
- background-color: #e7e7e7;
- color: #555;
- }
- @media (max-width: 540px) {
- .navbar-default .navbar-nav .open .dropdown-menu > li > a {
- color: #777;
- }
- .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
- .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
- color: #333;
- background-color: transparent;
- }
- .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
- .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
- .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
- color: #555;
- background-color: #e7e7e7;
- }
- .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
- .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
- .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
- color: #ccc;
- background-color: transparent;
- }
- }
- .navbar-default .navbar-link {
- color: #777;
- }
- .navbar-default .navbar-link:hover {
- color: #333;
- }
- .navbar-default .btn-link {
- color: #777;
- }
- .navbar-default .btn-link:hover,
- .navbar-default .btn-link:focus {
- color: #333;
- }
- .navbar-default .btn-link[disabled]:hover,
- fieldset[disabled] .navbar-default .btn-link:hover,
- .navbar-default .btn-link[disabled]:focus,
- fieldset[disabled] .navbar-default .btn-link:focus {
- color: #ccc;
- }
- .navbar-inverse {
- background-color: #222;
- border-color: #080808;
- }
- .navbar-inverse .navbar-brand {
- color: #9d9d9d;
- }
- .navbar-inverse .navbar-brand:hover,
- .navbar-inverse .navbar-brand:focus {
- color: #fff;
- background-color: transparent;
- }
- .navbar-inverse .navbar-text {
- color: #9d9d9d;
- }
- .navbar-inverse .navbar-nav > li > a {
- color: #9d9d9d;
- }
- .navbar-inverse .navbar-nav > li > a:hover,
- .navbar-inverse .navbar-nav > li > a:focus {
- color: #fff;
- background-color: transparent;
- }
- .navbar-inverse .navbar-nav > .active > a,
- .navbar-inverse .navbar-nav > .active > a:hover,
- .navbar-inverse .navbar-nav > .active > a:focus {
- color: #fff;
- background-color: #080808;
- }
- .navbar-inverse .navbar-nav > .disabled > a,
- .navbar-inverse .navbar-nav > .disabled > a:hover,
- .navbar-inverse .navbar-nav > .disabled > a:focus {
- color: #444;
- background-color: transparent;
- }
- .navbar-inverse .navbar-toggle {
- border-color: #333;
- }
- .navbar-inverse .navbar-toggle:hover,
- .navbar-inverse .navbar-toggle:focus {
- background-color: #333;
- }
- .navbar-inverse .navbar-toggle .icon-bar {
- background-color: #fff;
- }
- .navbar-inverse .navbar-collapse,
- .navbar-inverse .navbar-form {
- border-color: #101010;
- }
- .navbar-inverse .navbar-nav > .open > a,
- .navbar-inverse .navbar-nav > .open > a:hover,
- .navbar-inverse .navbar-nav > .open > a:focus {
- background-color: #080808;
- color: #fff;
- }
- @media (max-width: 540px) {
- .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
- border-color: #080808;
- }
- .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
- background-color: #080808;
- }
- .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
- color: #9d9d9d;
- }
- .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
- .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
- color: #fff;
- background-color: transparent;
- }
- .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
- .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
- .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
- color: #fff;
- background-color: #080808;
- }
- .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
- .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
- .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
- color: #444;
- background-color: transparent;
- }
- }
- .navbar-inverse .navbar-link {
- color: #9d9d9d;
- }
- .navbar-inverse .navbar-link:hover {
- color: #fff;
- }
- .navbar-inverse .btn-link {
- color: #9d9d9d;
- }
- .navbar-inverse .btn-link:hover,
- .navbar-inverse .btn-link:focus {
- color: #fff;
- }
- .navbar-inverse .btn-link[disabled]:hover,
- fieldset[disabled] .navbar-inverse .btn-link:hover,
- .navbar-inverse .btn-link[disabled]:focus,
- fieldset[disabled] .navbar-inverse .btn-link:focus {
- color: #444;
- }
- .breadcrumb {
- padding: 8px 15px;
- margin-bottom: 18px;
- list-style: none;
- background-color: #f5f5f5;
- border-radius: 2px;
- }
- .breadcrumb > li {
- display: inline-block;
- }
- .breadcrumb > li + li:before {
- content: "/\00a0";
- padding: 0 5px;
- color: #5e5e5e;
- }
- .breadcrumb > .active {
- color: #777777;
- }
- .pagination {
- display: inline-block;
- padding-left: 0;
- margin: 18px 0;
- border-radius: 2px;
- }
- .pagination > li {
- display: inline;
- }
- .pagination > li > a,
- .pagination > li > span {
- position: relative;
- float: left;
- padding: 6px 12px;
- line-height: 1.42857143;
- text-decoration: none;
- color: #337ab7;
- background-color: #fff;
- border: 1px solid #ddd;
- margin-left: -1px;
- }
- .pagination > li:first-child > a,
- .pagination > li:first-child > span {
- margin-left: 0;
- border-bottom-left-radius: 2px;
- border-top-left-radius: 2px;
- }
- .pagination > li:last-child > a,
- .pagination > li:last-child > span {
- border-bottom-right-radius: 2px;
- border-top-right-radius: 2px;
- }
- .pagination > li > a:hover,
- .pagination > li > span:hover,
- .pagination > li > a:focus,
- .pagination > li > span:focus {
- z-index: 2;
- color: #23527c;
- background-color: #eeeeee;
- border-color: #ddd;
- }
- .pagination > .active > a,
- .pagination > .active > span,
- .pagination > .active > a:hover,
- .pagination > .active > span:hover,
- .pagination > .active > a:focus,
- .pagination > .active > span:focus {
- z-index: 3;
- color: #fff;
- background-color: #337ab7;
- border-color: #337ab7;
- cursor: default;
- }
- .pagination > .disabled > span,
- .pagination > .disabled > span:hover,
- .pagination > .disabled > span:focus,
- .pagination > .disabled > a,
- .pagination > .disabled > a:hover,
- .pagination > .disabled > a:focus {
- color: #777777;
- background-color: #fff;
- border-color: #ddd;
- cursor: not-allowed;
- }
- .pagination-lg > li > a,
- .pagination-lg > li > span {
- padding: 10px 16px;
- font-size: 17px;
- line-height: 1.3333333;
- }
- .pagination-lg > li:first-child > a,
- .pagination-lg > li:first-child > span {
- border-bottom-left-radius: 3px;
- border-top-left-radius: 3px;
- }
- .pagination-lg > li:last-child > a,
- .pagination-lg > li:last-child > span {
- border-bottom-right-radius: 3px;
- border-top-right-radius: 3px;
- }
- .pagination-sm > li > a,
- .pagination-sm > li > span {
- padding: 5px 10px;
- font-size: 12px;
- line-height: 1.5;
- }
- .pagination-sm > li:first-child > a,
- .pagination-sm > li:first-child > span {
- border-bottom-left-radius: 1px;
- border-top-left-radius: 1px;
- }
- .pagination-sm > li:last-child > a,
- .pagination-sm > li:last-child > span {
- border-bottom-right-radius: 1px;
- border-top-right-radius: 1px;
- }
- .pager {
- padding-left: 0;
- margin: 18px 0;
- list-style: none;
- text-align: center;
- }
- .pager li {
- display: inline;
- }
- .pager li > a,
- .pager li > span {
- display: inline-block;
- padding: 5px 14px;
- background-color: #fff;
- border: 1px solid #ddd;
- border-radius: 15px;
- }
- .pager li > a:hover,
- .pager li > a:focus {
- text-decoration: none;
- background-color: #eeeeee;
- }
- .pager .next > a,
- .pager .next > span {
- float: right;
- }
- .pager .previous > a,
- .pager .previous > span {
- float: left;
- }
- .pager .disabled > a,
- .pager .disabled > a:hover,
- .pager .disabled > a:focus,
- .pager .disabled > span {
- color: #777777;
- background-color: #fff;
- cursor: not-allowed;
- }
- .label {
- display: inline;
- padding: .2em .6em .3em;
- font-size: 75%;
- font-weight: bold;
- line-height: 1;
- color: #fff;
- text-align: center;
- white-space: nowrap;
- vertical-align: baseline;
- border-radius: .25em;
- }
- a.label:hover,
- a.label:focus {
- color: #fff;
- text-decoration: none;
- cursor: pointer;
- }
- .label:empty {
- display: none;
- }
- .btn .label {
- position: relative;
- top: -1px;
- }
- .label-default {
- background-color: #777777;
- }
- .label-default[href]:hover,
- .label-default[href]:focus {
- background-color: #5e5e5e;
- }
- .label-primary {
- background-color: #337ab7;
- }
- .label-primary[href]:hover,
- .label-primary[href]:focus {
- background-color: #286090;
- }
- .label-success {
- background-color: #5cb85c;
- }
- .label-success[href]:hover,
- .label-success[href]:focus {
- background-color: #449d44;
- }
- .label-info {
- background-color: #5bc0de;
- }
- .label-info[href]:hover,
- .label-info[href]:focus {
- background-color: #31b0d5;
- }
- .label-warning {
- background-color: #f0ad4e;
- }
- .label-warning[href]:hover,
- .label-warning[href]:focus {
- background-color: #ec971f;
- }
- .label-danger {
- background-color: #d9534f;
- }
- .label-danger[href]:hover,
- .label-danger[href]:focus {
- background-color: #c9302c;
- }
- .badge {
- display: inline-block;
- min-width: 10px;
- padding: 3px 7px;
- font-size: 12px;
- font-weight: bold;
- color: #fff;
- line-height: 1;
- vertical-align: middle;
- white-space: nowrap;
- text-align: center;
- background-color: #777777;
- border-radius: 10px;
- }
- .badge:empty {
- display: none;
- }
- .btn .badge {
- position: relative;
- top: -1px;
- }
- .btn-xs .badge,
- .btn-group-xs > .btn .badge {
- top: 0;
- padding: 1px 5px;
- }
- a.badge:hover,
- a.badge:focus {
- color: #fff;
- text-decoration: none;
- cursor: pointer;
- }
- .list-group-item.active > .badge,
- .nav-pills > .active > a > .badge {
- color: #337ab7;
- background-color: #fff;
- }
- .list-group-item > .badge {
- float: right;
- }
- .list-group-item > .badge + .badge {
- margin-right: 5px;
- }
- .nav-pills > li > a > .badge {
- margin-left: 3px;
- }
- .jumbotron {
- padding-top: 30px;
- padding-bottom: 30px;
- margin-bottom: 30px;
- color: inherit;
- background-color: #eeeeee;
- }
- .jumbotron h1,
- .jumbotron .h1 {
- color: inherit;
- }
- .jumbotron p {
- margin-bottom: 15px;
- font-size: 20px;
- font-weight: 200;
- }
- .jumbotron > hr {
- border-top-color: #d5d5d5;
- }
- .container .jumbotron,
- .container-fluid .jumbotron {
- border-radius: 3px;
- padding-left: 0px;
- padding-right: 0px;
- }
- .jumbotron .container {
- max-width: 100%;
- }
- @media screen and (min-width: 768px) {
- .jumbotron {
- padding-top: 48px;
- padding-bottom: 48px;
- }
- .container .jumbotron,
- .container-fluid .jumbotron {
- padding-left: 60px;
- padding-right: 60px;
- }
- .jumbotron h1,
- .jumbotron .h1 {
- font-size: 59px;
- }
- }
- .thumbnail {
- display: block;
- padding: 4px;
- margin-bottom: 18px;
- line-height: 1.42857143;
- background-color: #fff;
- border: 1px solid #ddd;
- border-radius: 2px;
- -webkit-transition: border 0.2s ease-in-out;
- -o-transition: border 0.2s ease-in-out;
- transition: border 0.2s ease-in-out;
- }
- .thumbnail > img,
- .thumbnail a > img {
- margin-left: auto;
- margin-right: auto;
- }
- a.thumbnail:hover,
- a.thumbnail:focus,
- a.thumbnail.active {
- border-color: #337ab7;
- }
- .thumbnail .caption {
- padding: 9px;
- color: #000;
- }
- .alert {
- padding: 15px;
- margin-bottom: 18px;
- border: 1px solid transparent;
- border-radius: 2px;
- }
- .alert h4 {
- margin-top: 0;
- color: inherit;
- }
- .alert .alert-link {
- font-weight: bold;
- }
- .alert > p,
- .alert > ul {
- margin-bottom: 0;
- }
- .alert > p + p {
- margin-top: 5px;
- }
- .alert-dismissable,
- .alert-dismissible {
- padding-right: 35px;
- }
- .alert-dismissable .close,
- .alert-dismissible .close {
- position: relative;
- top: -2px;
- right: -21px;
- color: inherit;
- }
- .alert-success {
- background-color: #dff0d8;
- border-color: #d6e9c6;
- color: #3c763d;
- }
- .alert-success hr {
- border-top-color: #c9e2b3;
- }
- .alert-success .alert-link {
- color: #2b542c;
- }
- .alert-info {
- background-color: #d9edf7;
- border-color: #bce8f1;
- color: #31708f;
- }
- .alert-info hr {
- border-top-color: #a6e1ec;
- }
- .alert-info .alert-link {
- color: #245269;
- }
- .alert-warning {
- background-color: #fcf8e3;
- border-color: #faebcc;
- color: #8a6d3b;
- }
- .alert-warning hr {
- border-top-color: #f7e1b5;
- }
- .alert-warning .alert-link {
- color: #66512c;
- }
- .alert-danger {
- background-color: #f2dede;
- border-color: #ebccd1;
- color: #a94442;
- }
- .alert-danger hr {
- border-top-color: #e4b9c0;
- }
- .alert-danger .alert-link {
- color: #843534;
- }
- @-webkit-keyframes progress-bar-stripes {
- from {
- background-position: 40px 0;
- }
- to {
- background-position: 0 0;
- }
- }
- @keyframes progress-bar-stripes {
- from {
- background-position: 40px 0;
- }
- to {
- background-position: 0 0;
- }
- }
- .progress {
- overflow: hidden;
- height: 18px;
- margin-bottom: 18px;
- background-color: #f5f5f5;
- border-radius: 2px;
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
- }
- .progress-bar {
- float: left;
- width: 0%;
- height: 100%;
- font-size: 12px;
- line-height: 18px;
- color: #fff;
- text-align: center;
- background-color: #337ab7;
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
- -webkit-transition: width 0.6s ease;
- -o-transition: width 0.6s ease;
- transition: width 0.6s ease;
- }
- .progress-striped .progress-bar,
- .progress-bar-striped {
- 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);
- background-image: -o-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);
- 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);
- background-size: 40px 40px;
- }
- .progress.active .progress-bar,
- .progress-bar.active {
- -webkit-animation: progress-bar-stripes 2s linear infinite;
- -o-animation: progress-bar-stripes 2s linear infinite;
- animation: progress-bar-stripes 2s linear infinite;
- }
- .progress-bar-success {
- background-color: #5cb85c;
- }
- .progress-striped .progress-bar-success {
- 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);
- background-image: -o-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);
- 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);
- }
- .progress-bar-info {
- background-color: #5bc0de;
- }
- .progress-striped .progress-bar-info {
- 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);
- background-image: -o-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);
- 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);
- }
- .progress-bar-warning {
- background-color: #f0ad4e;
- }
- .progress-striped .progress-bar-warning {
- 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);
- background-image: -o-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);
- 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);
- }
- .progress-bar-danger {
- background-color: #d9534f;
- }
- .progress-striped .progress-bar-danger {
- 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);
- background-image: -o-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);
- 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);
- }
- .media {
- margin-top: 15px;
- }
- .media:first-child {
- margin-top: 0;
- }
- .media,
- .media-body {
- zoom: 1;
- overflow: hidden;
- }
- .media-body {
- width: 10000px;
- }
- .media-object {
- display: block;
- }
- .media-object.img-thumbnail {
- max-width: none;
- }
- .media-right,
- .media > .pull-right {
- padding-left: 10px;
- }
- .media-left,
- .media > .pull-left {
- padding-right: 10px;
- }
- .media-left,
- .media-right,
- .media-body {
- display: table-cell;
- vertical-align: top;
- }
- .media-middle {
- vertical-align: middle;
- }
- .media-bottom {
- vertical-align: bottom;
- }
- .media-heading {
- margin-top: 0;
- margin-bottom: 5px;
- }
- .media-list {
- padding-left: 0;
- list-style: none;
- }
- .list-group {
- margin-bottom: 20px;
- padding-left: 0;
- }
- .list-group-item {
- position: relative;
- display: block;
- padding: 10px 15px;
- margin-bottom: -1px;
- background-color: #fff;
- border: 1px solid #ddd;
- }
- .list-group-item:first-child {
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- }
- .list-group-item:last-child {
- margin-bottom: 0;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- a.list-group-item,
- button.list-group-item {
- color: #555;
- }
- a.list-group-item .list-group-item-heading,
- button.list-group-item .list-group-item-heading {
- color: #333;
- }
- a.list-group-item:hover,
- button.list-group-item:hover,
- a.list-group-item:focus,
- button.list-group-item:focus {
- text-decoration: none;
- color: #555;
- background-color: #f5f5f5;
- }
- button.list-group-item {
- width: 100%;
- text-align: left;
- }
- .list-group-item.disabled,
- .list-group-item.disabled:hover,
- .list-group-item.disabled:focus {
- background-color: #eeeeee;
- color: #777777;
- cursor: not-allowed;
- }
- .list-group-item.disabled .list-group-item-heading,
- .list-group-item.disabled:hover .list-group-item-heading,
- .list-group-item.disabled:focus .list-group-item-heading {
- color: inherit;
- }
- .list-group-item.disabled .list-group-item-text,
- .list-group-item.disabled:hover .list-group-item-text,
- .list-group-item.disabled:focus .list-group-item-text {
- color: #777777;
- }
- .list-group-item.active,
- .list-group-item.active:hover,
- .list-group-item.active:focus {
- z-index: 2;
- color: #fff;
- background-color: #337ab7;
- border-color: #337ab7;
- }
- .list-group-item.active .list-group-item-heading,
- .list-group-item.active:hover .list-group-item-heading,
- .list-group-item.active:focus .list-group-item-heading,
- .list-group-item.active .list-group-item-heading > small,
- .list-group-item.active:hover .list-group-item-heading > small,
- .list-group-item.active:focus .list-group-item-heading > small,
- .list-group-item.active .list-group-item-heading > .small,
- .list-group-item.active:hover .list-group-item-heading > .small,
- .list-group-item.active:focus .list-group-item-heading > .small {
- color: inherit;
- }
- .list-group-item.active .list-group-item-text,
- .list-group-item.active:hover .list-group-item-text,
- .list-group-item.active:focus .list-group-item-text {
- color: #c7ddef;
- }
- .list-group-item-success {
- color: #3c763d;
- background-color: #dff0d8;
- }
- a.list-group-item-success,
- button.list-group-item-success {
- color: #3c763d;
- }
- a.list-group-item-success .list-group-item-heading,
- button.list-group-item-success .list-group-item-heading {
- color: inherit;
- }
- a.list-group-item-success:hover,
- button.list-group-item-success:hover,
- a.list-group-item-success:focus,
- button.list-group-item-success:focus {
- color: #3c763d;
- background-color: #d0e9c6;
- }
- a.list-group-item-success.active,
- button.list-group-item-success.active,
- a.list-group-item-success.active:hover,
- button.list-group-item-success.active:hover,
- a.list-group-item-success.active:focus,
- button.list-group-item-success.active:focus {
- color: #fff;
- background-color: #3c763d;
- border-color: #3c763d;
- }
- .list-group-item-info {
- color: #31708f;
- background-color: #d9edf7;
- }
- a.list-group-item-info,
- button.list-group-item-info {
- color: #31708f;
- }
- a.list-group-item-info .list-group-item-heading,
- button.list-group-item-info .list-group-item-heading {
- color: inherit;
- }
- a.list-group-item-info:hover,
- button.list-group-item-info:hover,
- a.list-group-item-info:focus,
- button.list-group-item-info:focus {
- color: #31708f;
- background-color: #c4e3f3;
- }
- a.list-group-item-info.active,
- button.list-group-item-info.active,
- a.list-group-item-info.active:hover,
- button.list-group-item-info.active:hover,
- a.list-group-item-info.active:focus,
- button.list-group-item-info.active:focus {
- color: #fff;
- background-color: #31708f;
- border-color: #31708f;
- }
- .list-group-item-warning {
- color: #8a6d3b;
- background-color: #fcf8e3;
- }
- a.list-group-item-warning,
- button.list-group-item-warning {
- color: #8a6d3b;
- }
- a.list-group-item-warning .list-group-item-heading,
- button.list-group-item-warning .list-group-item-heading {
- color: inherit;
- }
- a.list-group-item-warning:hover,
- button.list-group-item-warning:hover,
- a.list-group-item-warning:focus,
- button.list-group-item-warning:focus {
- color: #8a6d3b;
- background-color: #faf2cc;
- }
- a.list-group-item-warning.active,
- button.list-group-item-warning.active,
- a.list-group-item-warning.active:hover,
- button.list-group-item-warning.active:hover,
- a.list-group-item-warning.active:focus,
- button.list-group-item-warning.active:focus {
- color: #fff;
- background-color: #8a6d3b;
- border-color: #8a6d3b;
- }
- .list-group-item-danger {
- color: #a94442;
- background-color: #f2dede;
- }
- a.list-group-item-danger,
- button.list-group-item-danger {
- color: #a94442;
- }
- a.list-group-item-danger .list-group-item-heading,
- button.list-group-item-danger .list-group-item-heading {
- color: inherit;
- }
- a.list-group-item-danger:hover,
- button.list-group-item-danger:hover,
- a.list-group-item-danger:focus,
- button.list-group-item-danger:focus {
- color: #a94442;
- background-color: #ebcccc;
- }
- a.list-group-item-danger.active,
- button.list-group-item-danger.active,
- a.list-group-item-danger.active:hover,
- button.list-group-item-danger.active:hover,
- a.list-group-item-danger.active:focus,
- button.list-group-item-danger.active:focus {
- color: #fff;
- background-color: #a94442;
- border-color: #a94442;
- }
- .list-group-item-heading {
- margin-top: 0;
- margin-bottom: 5px;
- }
- .list-group-item-text {
- margin-bottom: 0;
- line-height: 1.3;
- }
- .panel {
- margin-bottom: 18px;
- background-color: #fff;
- border: 1px solid transparent;
- border-radius: 2px;
- -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
- }
- .panel-body {
- padding: 15px;
- }
- .panel-heading {
- padding: 10px 15px;
- border-bottom: 1px solid transparent;
- border-top-right-radius: 1px;
- border-top-left-radius: 1px;
- }
- .panel-heading > .dropdown .dropdown-toggle {
- color: inherit;
- }
- .panel-title {
- margin-top: 0;
- margin-bottom: 0;
- font-size: 15px;
- color: inherit;
- }
- .panel-title > a,
- .panel-title > small,
- .panel-title > .small,
- .panel-title > small > a,
- .panel-title > .small > a {
- color: inherit;
- }
- .panel-footer {
- padding: 10px 15px;
- background-color: #f5f5f5;
- border-top: 1px solid #ddd;
- border-bottom-right-radius: 1px;
- border-bottom-left-radius: 1px;
- }
- .panel > .list-group,
- .panel > .panel-collapse > .list-group {
- margin-bottom: 0;
- }
- .panel > .list-group .list-group-item,
- .panel > .panel-collapse > .list-group .list-group-item {
- border-width: 1px 0;
- border-radius: 0;
- }
- .panel > .list-group:first-child .list-group-item:first-child,
- .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
- border-top: 0;
- border-top-right-radius: 1px;
- border-top-left-radius: 1px;
- }
- .panel > .list-group:last-child .list-group-item:last-child,
- .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
- border-bottom: 0;
- border-bottom-right-radius: 1px;
- border-bottom-left-radius: 1px;
- }
- .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .panel-heading + .list-group .list-group-item:first-child {
- border-top-width: 0;
- }
- .list-group + .panel-footer {
- border-top-width: 0;
- }
- .panel > .table,
- .panel > .table-responsive > .table,
- .panel > .panel-collapse > .table {
- margin-bottom: 0;
- }
- .panel > .table caption,
- .panel > .table-responsive > .table caption,
- .panel > .panel-collapse > .table caption {
- padding-left: 15px;
- padding-right: 15px;
- }
- .panel > .table:first-child,
- .panel > .table-responsive:first-child > .table:first-child {
- border-top-right-radius: 1px;
- border-top-left-radius: 1px;
- }
- .panel > .table:first-child > thead:first-child > tr:first-child,
- .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
- .panel > .table:first-child > tbody:first-child > tr:first-child,
- .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
- border-top-left-radius: 1px;
- border-top-right-radius: 1px;
- }
- .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
- .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
- .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
- .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
- .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
- .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
- .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
- .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
- border-top-left-radius: 1px;
- }
- .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
- .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
- .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
- .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
- .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
- .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
- .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
- .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
- border-top-right-radius: 1px;
- }
- .panel > .table:last-child,
- .panel > .table-responsive:last-child > .table:last-child {
- border-bottom-right-radius: 1px;
- border-bottom-left-radius: 1px;
- }
- .panel > .table:last-child > tbody:last-child > tr:last-child,
- .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
- .panel > .table:last-child > tfoot:last-child > tr:last-child,
- .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
- border-bottom-left-radius: 1px;
- border-bottom-right-radius: 1px;
- }
- .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
- .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
- .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
- .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
- .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
- .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
- .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
- .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
- border-bottom-left-radius: 1px;
- }
- .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
- .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
- .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
- .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
- .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
- .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
- .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
- .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
- border-bottom-right-radius: 1px;
- }
- .panel > .panel-body + .table,
- .panel > .panel-body + .table-responsive,
- .panel > .table + .panel-body,
- .panel > .table-responsive + .panel-body {
- border-top: 1px solid #ddd;
- }
- .panel > .table > tbody:first-child > tr:first-child th,
- .panel > .table > tbody:first-child > tr:first-child td {
- border-top: 0;
- }
- .panel > .table-bordered,
- .panel > .table-responsive > .table-bordered {
- border: 0;
- }
- .panel > .table-bordered > thead > tr > th:first-child,
- .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
- .panel > .table-bordered > tbody > tr > th:first-child,
- .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
- .panel > .table-bordered > tfoot > tr > th:first-child,
- .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
- .panel > .table-bordered > thead > tr > td:first-child,
- .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
- .panel > .table-bordered > tbody > tr > td:first-child,
- .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
- .panel > .table-bordered > tfoot > tr > td:first-child,
- .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
- border-left: 0;
- }
- .panel > .table-bordered > thead > tr > th:last-child,
- .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
- .panel > .table-bordered > tbody > tr > th:last-child,
- .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
- .panel > .table-bordered > tfoot > tr > th:last-child,
- .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
- .panel > .table-bordered > thead > tr > td:last-child,
- .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
- .panel > .table-bordered > tbody > tr > td:last-child,
- .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
- .panel > .table-bordered > tfoot > tr > td:last-child,
- .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
- border-right: 0;
- }
- .panel > .table-bordered > thead > tr:first-child > td,
- .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
- .panel > .table-bordered > tbody > tr:first-child > td,
- .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
- .panel > .table-bordered > thead > tr:first-child > th,
- .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
- .panel > .table-bordered > tbody > tr:first-child > th,
- .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
- border-bottom: 0;
- }
- .panel > .table-bordered > tbody > tr:last-child > td,
- .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
- .panel > .table-bordered > tfoot > tr:last-child > td,
- .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
- .panel > .table-bordered > tbody > tr:last-child > th,
- .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
- .panel > .table-bordered > tfoot > tr:last-child > th,
- .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
- border-bottom: 0;
- }
- .panel > .table-responsive {
- border: 0;
- margin-bottom: 0;
- }
- .panel-group {
- margin-bottom: 18px;
- }
- .panel-group .panel {
- margin-bottom: 0;
- border-radius: 2px;
- }
- .panel-group .panel + .panel {
- margin-top: 5px;
- }
- .panel-group .panel-heading {
- border-bottom: 0;
- }
- .panel-group .panel-heading + .panel-collapse > .panel-body,
- .panel-group .panel-heading + .panel-collapse > .list-group {
- border-top: 1px solid #ddd;
- }
- .panel-group .panel-footer {
- border-top: 0;
- }
- .panel-group .panel-footer + .panel-collapse .panel-body {
- border-bottom: 1px solid #ddd;
- }
- .panel-default {
- border-color: #ddd;
- }
- .panel-default > .panel-heading {
- color: #333333;
- background-color: #f5f5f5;
- border-color: #ddd;
- }
- .panel-default > .panel-heading + .panel-collapse > .panel-body {
- border-top-color: #ddd;
- }
- .panel-default > .panel-heading .badge {
- color: #f5f5f5;
- background-color: #333333;
- }
- .panel-default > .panel-footer + .panel-collapse > .panel-body {
- border-bottom-color: #ddd;
- }
- .panel-primary {
- border-color: #337ab7;
- }
- .panel-primary > .panel-heading {
- color: #fff;
- background-color: #337ab7;
- border-color: #337ab7;
- }
- .panel-primary > .panel-heading + .panel-collapse > .panel-body {
- border-top-color: #337ab7;
- }
- .panel-primary > .panel-heading .badge {
- color: #337ab7;
- background-color: #fff;
- }
- .panel-primary > .panel-footer + .panel-collapse > .panel-body {
- border-bottom-color: #337ab7;
- }
- .panel-success {
- border-color: #d6e9c6;
- }
- .panel-success > .panel-heading {
- color: #3c763d;
- background-color: #dff0d8;
- border-color: #d6e9c6;
- }
- .panel-success > .panel-heading + .panel-collapse > .panel-body {
- border-top-color: #d6e9c6;
- }
- .panel-success > .panel-heading .badge {
- color: #dff0d8;
- background-color: #3c763d;
- }
- .panel-success > .panel-footer + .panel-collapse > .panel-body {
- border-bottom-color: #d6e9c6;
- }
- .panel-info {
- border-color: #bce8f1;
- }
- .panel-info > .panel-heading {
- color: #31708f;
- background-color: #d9edf7;
- border-color: #bce8f1;
- }
- .panel-info > .panel-heading + .panel-collapse > .panel-body {
- border-top-color: #bce8f1;
- }
- .panel-info > .panel-heading .badge {
- color: #d9edf7;
- background-color: #31708f;
- }
- .panel-info > .panel-footer + .panel-collapse > .panel-body {
- border-bottom-color: #bce8f1;
- }
- .panel-warning {
- border-color: #faebcc;
- }
- .panel-warning > .panel-heading {
- color: #8a6d3b;
- background-color: #fcf8e3;
- border-color: #faebcc;
- }
- .panel-warning > .panel-heading + .panel-collapse > .panel-body {
- border-top-color: #faebcc;
- }
- .panel-warning > .panel-heading .badge {
- color: #fcf8e3;
- background-color: #8a6d3b;
- }
- .panel-warning > .panel-footer + .panel-collapse > .panel-body {
- border-bottom-color: #faebcc;
- }
- .panel-danger {
- border-color: #ebccd1;
- }
- .panel-danger > .panel-heading {
- color: #a94442;
- background-color: #f2dede;
- border-color: #ebccd1;
- }
- .panel-danger > .panel-heading + .panel-collapse > .panel-body {
- border-top-color: #ebccd1;
- }
- .panel-danger > .panel-heading .badge {
- color: #f2dede;
- background-color: #a94442;
- }
- .panel-danger > .panel-footer + .panel-collapse > .panel-body {
- border-bottom-color: #ebccd1;
- }
- .embed-responsive {
- position: relative;
- display: block;
- height: 0;
- padding: 0;
- overflow: hidden;
- }
- .embed-responsive .embed-responsive-item,
- .embed-responsive iframe,
- .embed-responsive embed,
- .embed-responsive object,
- .embed-responsive video {
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- height: 100%;
- width: 100%;
- border: 0;
- }
- .embed-responsive-16by9 {
- padding-bottom: 56.25%;
- }
- .embed-responsive-4by3 {
- padding-bottom: 75%;
- }
- .well {
- min-height: 20px;
- padding: 19px;
- margin-bottom: 20px;
- background-color: #f5f5f5;
- border: 1px solid #e3e3e3;
- border-radius: 2px;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
- }
- .well blockquote {
- border-color: #ddd;
- border-color: rgba(0, 0, 0, 0.15);
- }
- .well-lg {
- padding: 24px;
- border-radius: 3px;
- }
- .well-sm {
- padding: 9px;
- border-radius: 1px;
- }
- .close {
- float: right;
- font-size: 19.5px;
- font-weight: bold;
- line-height: 1;
- color: #000;
- text-shadow: 0 1px 0 #fff;
- opacity: 0.2;
- filter: alpha(opacity=20);
- }
- .close:hover,
- .close:focus {
- color: #000;
- text-decoration: none;
- cursor: pointer;
- opacity: 0.5;
- filter: alpha(opacity=50);
- }
- button.close {
- padding: 0;
- cursor: pointer;
- background: transparent;
- border: 0;
- -webkit-appearance: none;
- }
- .modal-open {
- overflow: hidden;
- }
- .modal {
- display: none;
- overflow: hidden;
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 1050;
- -webkit-overflow-scrolling: touch;
- outline: 0;
- }
- .modal.fade .modal-dialog {
- -webkit-transform: translate(0, -25%);
- -ms-transform: translate(0, -25%);
- -o-transform: translate(0, -25%);
- transform: translate(0, -25%);
- -webkit-transition: -webkit-transform 0.3s ease-out;
- -moz-transition: -moz-transform 0.3s ease-out;
- -o-transition: -o-transform 0.3s ease-out;
- transition: transform 0.3s ease-out;
- }
- .modal.in .modal-dialog {
- -webkit-transform: translate(0, 0);
- -ms-transform: translate(0, 0);
- -o-transform: translate(0, 0);
- transform: translate(0, 0);
- }
- .modal-open .modal {
- overflow-x: hidden;
- overflow-y: auto;
- }
- .modal-dialog {
- position: relative;
- width: auto;
- margin: 10px;
- }
- .modal-content {
- position: relative;
- background-color: #fff;
- border: 1px solid #999;
- border: 1px solid rgba(0, 0, 0, 0.2);
- border-radius: 3px;
- -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
- box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
- background-clip: padding-box;
- outline: 0;
- }
- .modal-backdrop {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 1040;
- background-color: #000;
- }
- .modal-backdrop.fade {
- opacity: 0;
- filter: alpha(opacity=0);
- }
- .modal-backdrop.in {
- opacity: 0.5;
- filter: alpha(opacity=50);
- }
- .modal-header {
- padding: 15px;
- border-bottom: 1px solid #e5e5e5;
- }
- .modal-header .close {
- margin-top: -2px;
- }
- .modal-title {
- margin: 0;
- line-height: 1.42857143;
- }
- .modal-body {
- position: relative;
- padding: 15px;
- }
- .modal-footer {
- padding: 15px;
- text-align: right;
- border-top: 1px solid #e5e5e5;
- }
- .modal-footer .btn + .btn {
- margin-left: 5px;
- margin-bottom: 0;
- }
- .modal-footer .btn-group .btn + .btn {
- margin-left: -1px;
- }
- .modal-footer .btn-block + .btn-block {
- margin-left: 0;
- }
- .modal-scrollbar-measure {
- position: absolute;
- top: -9999px;
- width: 50px;
- height: 50px;
- overflow: scroll;
- }
- @media (min-width: 768px) {
- .modal-dialog {
- width: 600px;
- margin: 30px auto;
- }
- .modal-content {
- -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
- box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
- }
- .modal-sm {
- width: 300px;
- }
- }
- @media (min-width: 992px) {
- .modal-lg {
- width: 900px;
- }
- }
- .tooltip {
- position: absolute;
- z-index: 1070;
- display: block;
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-style: normal;
- font-weight: normal;
- letter-spacing: normal;
- line-break: auto;
- line-height: 1.42857143;
- text-align: left;
- text-align: start;
- text-decoration: none;
- text-shadow: none;
- text-transform: none;
- white-space: normal;
- word-break: normal;
- word-spacing: normal;
- word-wrap: normal;
- font-size: 12px;
- opacity: 0;
- filter: alpha(opacity=0);
- }
- .tooltip.in {
- opacity: 0.9;
- filter: alpha(opacity=90);
- }
- .tooltip.top {
- margin-top: -3px;
- padding: 5px 0;
- }
- .tooltip.right {
- margin-left: 3px;
- padding: 0 5px;
- }
- .tooltip.bottom {
- margin-top: 3px;
- padding: 5px 0;
- }
- .tooltip.left {
- margin-left: -3px;
- padding: 0 5px;
- }
- .tooltip-inner {
- max-width: 200px;
- padding: 3px 8px;
- color: #fff;
- text-align: center;
- background-color: #000;
- border-radius: 2px;
- }
- .tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- }
- .tooltip.top .tooltip-arrow {
- bottom: 0;
- left: 50%;
- margin-left: -5px;
- border-width: 5px 5px 0;
- border-top-color: #000;
- }
- .tooltip.top-left .tooltip-arrow {
- bottom: 0;
- right: 5px;
- margin-bottom: -5px;
- border-width: 5px 5px 0;
- border-top-color: #000;
- }
- .tooltip.top-right .tooltip-arrow {
- bottom: 0;
- left: 5px;
- margin-bottom: -5px;
- border-width: 5px 5px 0;
- border-top-color: #000;
- }
- .tooltip.right .tooltip-arrow {
- top: 50%;
- left: 0;
- margin-top: -5px;
- border-width: 5px 5px 5px 0;
- border-right-color: #000;
- }
- .tooltip.left .tooltip-arrow {
- top: 50%;
- right: 0;
- margin-top: -5px;
- border-width: 5px 0 5px 5px;
- border-left-color: #000;
- }
- .tooltip.bottom .tooltip-arrow {
- top: 0;
- left: 50%;
- margin-left: -5px;
- border-width: 0 5px 5px;
- border-bottom-color: #000;
- }
- .tooltip.bottom-left .tooltip-arrow {
- top: 0;
- right: 5px;
- margin-top: -5px;
- border-width: 0 5px 5px;
- border-bottom-color: #000;
- }
- .tooltip.bottom-right .tooltip-arrow {
- top: 0;
- left: 5px;
- margin-top: -5px;
- border-width: 0 5px 5px;
- border-bottom-color: #000;
- }
- .popover {
- position: absolute;
- top: 0;
- left: 0;
- z-index: 1060;
- display: none;
- max-width: 276px;
- padding: 1px;
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-style: normal;
- font-weight: normal;
- letter-spacing: normal;
- line-break: auto;
- line-height: 1.42857143;
- text-align: left;
- text-align: start;
- text-decoration: none;
- text-shadow: none;
- text-transform: none;
- white-space: normal;
- word-break: normal;
- word-spacing: normal;
- word-wrap: normal;
- font-size: 13px;
- background-color: #fff;
- background-clip: padding-box;
- border: 1px solid #ccc;
- border: 1px solid rgba(0, 0, 0, 0.2);
- border-radius: 3px;
- -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
- box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
- }
- .popover.top {
- margin-top: -10px;
- }
- .popover.right {
- margin-left: 10px;
- }
- .popover.bottom {
- margin-top: 10px;
- }
- .popover.left {
- margin-left: -10px;
- }
- .popover-title {
- margin: 0;
- padding: 8px 14px;
- font-size: 13px;
- background-color: #f7f7f7;
- border-bottom: 1px solid #ebebeb;
- border-radius: 2px 2px 0 0;
- }
- .popover-content {
- padding: 9px 14px;
- }
- .popover > .arrow,
- .popover > .arrow:after {
- position: absolute;
- display: block;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- }
- .popover > .arrow {
- border-width: 11px;
- }
- .popover > .arrow:after {
- border-width: 10px;
- content: "";
- }
- .popover.top > .arrow {
- left: 50%;
- margin-left: -11px;
- border-bottom-width: 0;
- border-top-color: #999999;
- border-top-color: rgba(0, 0, 0, 0.25);
- bottom: -11px;
- }
- .popover.top > .arrow:after {
- content: " ";
- bottom: 1px;
- margin-left: -10px;
- border-bottom-width: 0;
- border-top-color: #fff;
- }
- .popover.right > .arrow {
- top: 50%;
- left: -11px;
- margin-top: -11px;
- border-left-width: 0;
- border-right-color: #999999;
- border-right-color: rgba(0, 0, 0, 0.25);
- }
- .popover.right > .arrow:after {
- content: " ";
- left: 1px;
- bottom: -10px;
- border-left-width: 0;
- border-right-color: #fff;
- }
- .popover.bottom > .arrow {
- left: 50%;
- margin-left: -11px;
- border-top-width: 0;
- border-bottom-color: #999999;
- border-bottom-color: rgba(0, 0, 0, 0.25);
- top: -11px;
- }
- .popover.bottom > .arrow:after {
- content: " ";
- top: 1px;
- margin-left: -10px;
- border-top-width: 0;
- border-bottom-color: #fff;
- }
- .popover.left > .arrow {
- top: 50%;
- right: -11px;
- margin-top: -11px;
- border-right-width: 0;
- border-left-color: #999999;
- border-left-color: rgba(0, 0, 0, 0.25);
- }
- .popover.left > .arrow:after {
- content: " ";
- right: 1px;
- border-right-width: 0;
- border-left-color: #fff;
- bottom: -10px;
- }
- .carousel {
- position: relative;
- }
- .carousel-inner {
- position: relative;
- overflow: hidden;
- width: 100%;
- }
- .carousel-inner > .item {
- display: none;
- position: relative;
- -webkit-transition: 0.6s ease-in-out left;
- -o-transition: 0.6s ease-in-out left;
- transition: 0.6s ease-in-out left;
- }
- .carousel-inner > .item > img,
- .carousel-inner > .item > a > img {
- line-height: 1;
- }
- @media all and (transform-3d), (-webkit-transform-3d) {
- .carousel-inner > .item {
- -webkit-transition: -webkit-transform 0.6s ease-in-out;
- -moz-transition: -moz-transform 0.6s ease-in-out;
- -o-transition: -o-transform 0.6s ease-in-out;
- transition: transform 0.6s ease-in-out;
- -webkit-backface-visibility: hidden;
- -moz-backface-visibility: hidden;
- backface-visibility: hidden;
- -webkit-perspective: 1000px;
- -moz-perspective: 1000px;
- perspective: 1000px;
- }
- .carousel-inner > .item.next,
- .carousel-inner > .item.active.right {
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
- left: 0;
- }
- .carousel-inner > .item.prev,
- .carousel-inner > .item.active.left {
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- left: 0;
- }
- .carousel-inner > .item.next.left,
- .carousel-inner > .item.prev.right,
- .carousel-inner > .item.active {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- left: 0;
- }
- }
- .carousel-inner > .active,
- .carousel-inner > .next,
- .carousel-inner > .prev {
- display: block;
- }
- .carousel-inner > .active {
- left: 0;
- }
- .carousel-inner > .next,
- .carousel-inner > .prev {
- position: absolute;
- top: 0;
- width: 100%;
- }
- .carousel-inner > .next {
- left: 100%;
- }
- .carousel-inner > .prev {
- left: -100%;
- }
- .carousel-inner > .next.left,
- .carousel-inner > .prev.right {
- left: 0;
- }
- .carousel-inner > .active.left {
- left: -100%;
- }
- .carousel-inner > .active.right {
- left: 100%;
- }
- .carousel-control {
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- width: 15%;
- opacity: 0.5;
- filter: alpha(opacity=50);
- font-size: 20px;
- color: #fff;
- text-align: center;
- text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
- background-color: rgba(0, 0, 0, 0);
- }
- .carousel-control.left {
- background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
- background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
- background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
- background-repeat: repeat-x;
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
- }
- .carousel-control.right {
- left: auto;
- right: 0;
- background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
- background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
- background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
- background-repeat: repeat-x;
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
- }
- .carousel-control:hover,
- .carousel-control:focus {
- outline: 0;
- color: #fff;
- text-decoration: none;
- opacity: 0.9;
- filter: alpha(opacity=90);
- }
- .carousel-control .icon-prev,
- .carousel-control .icon-next,
- .carousel-control .glyphicon-chevron-left,
- .carousel-control .glyphicon-chevron-right {
- position: absolute;
- top: 50%;
- margin-top: -10px;
- z-index: 5;
- display: inline-block;
- }
- .carousel-control .icon-prev,
- .carousel-control .glyphicon-chevron-left {
- left: 50%;
- margin-left: -10px;
- }
- .carousel-control .icon-next,
- .carousel-control .glyphicon-chevron-right {
- right: 50%;
- margin-right: -10px;
- }
- .carousel-control .icon-prev,
- .carousel-control .icon-next {
- width: 20px;
- height: 20px;
- line-height: 1;
- font-family: serif;
- }
- .carousel-control .icon-prev:before {
- content: '\2039';
- }
- .carousel-control .icon-next:before {
- content: '\203a';
- }
- .carousel-indicators {
- position: absolute;
- bottom: 10px;
- left: 50%;
- z-index: 15;
- width: 60%;
- margin-left: -30%;
- padding-left: 0;
- list-style: none;
- text-align: center;
- }
- .carousel-indicators li {
- display: inline-block;
- width: 10px;
- height: 10px;
- margin: 1px;
- text-indent: -999px;
- border: 1px solid #fff;
- border-radius: 10px;
- cursor: pointer;
- background-color: #000 \9;
- background-color: rgba(0, 0, 0, 0);
- }
- .carousel-indicators .active {
- margin: 0;
- width: 12px;
- height: 12px;
- background-color: #fff;
- }
- .carousel-caption {
- position: absolute;
- left: 15%;
- right: 15%;
- bottom: 20px;
- z-index: 10;
- padding-top: 20px;
- padding-bottom: 20px;
- color: #fff;
- text-align: center;
- text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
- }
- .carousel-caption .btn {
- text-shadow: none;
- }
- @media screen and (min-width: 768px) {
- .carousel-control .glyphicon-chevron-left,
- .carousel-control .glyphicon-chevron-right,
- .carousel-control .icon-prev,
- .carousel-control .icon-next {
- width: 30px;
- height: 30px;
- margin-top: -10px;
- font-size: 30px;
- }
- .carousel-control .glyphicon-chevron-left,
- .carousel-control .icon-prev {
- margin-left: -10px;
- }
- .carousel-control .glyphicon-chevron-right,
- .carousel-control .icon-next {
- margin-right: -10px;
- }
- .carousel-caption {
- left: 20%;
- right: 20%;
- padding-bottom: 30px;
- }
- .carousel-indicators {
- bottom: 20px;
- }
- }
- .clearfix:before,
- .clearfix:after,
- .dl-horizontal dd:before,
- .dl-horizontal dd:after,
- .container:before,
- .container:after,
- .container-fluid:before,
- .container-fluid:after,
- .row:before,
- .row:after,
- .form-horizontal .form-group:before,
- .form-horizontal .form-group:after,
- .btn-toolbar:before,
- .btn-toolbar:after,
- .btn-group-vertical > .btn-group:before,
- .btn-group-vertical > .btn-group:after,
- .nav:before,
- .nav:after,
- .navbar:before,
- .navbar:after,
- .navbar-header:before,
- .navbar-header:after,
- .navbar-collapse:before,
- .navbar-collapse:after,
- .pager:before,
- .pager:after,
- .panel-body:before,
- .panel-body:after,
- .modal-header:before,
- .modal-header:after,
- .modal-footer:before,
- .modal-footer:after,
- .item_buttons:before,
- .item_buttons:after {
- content: " ";
- display: table;
- }
- .clearfix:after,
- .dl-horizontal dd:after,
- .container:after,
- .container-fluid:after,
- .row:after,
- .form-horizontal .form-group:after,
- .btn-toolbar:after,
- .btn-group-vertical > .btn-group:after,
- .nav:after,
- .navbar:after,
- .navbar-header:after,
- .navbar-collapse:after,
- .pager:after,
- .panel-body:after,
- .modal-header:after,
- .modal-footer:after,
- .item_buttons:after {
- clear: both;
- }
- .center-block {
- display: block;
- margin-left: auto;
- margin-right: auto;
- }
- .pull-right {
- float: right !important;
- }
- .pull-left {
- float: left !important;
- }
- .hide {
- display: none !important;
- }
- .show {
- display: block !important;
- }
- .invisible {
- visibility: hidden;
- }
- .text-hide {
- font: 0/0 a;
- color: transparent;
- text-shadow: none;
- background-color: transparent;
- border: 0;
- }
- .hidden {
- display: none !important;
- }
- .affix {
- position: fixed;
- }
- @-ms-viewport {
- width: device-width;
- }
- .visible-xs,
- .visible-sm,
- .visible-md,
- .visible-lg {
- display: none !important;
- }
- .visible-xs-block,
- .visible-xs-inline,
- .visible-xs-inline-block,
- .visible-sm-block,
- .visible-sm-inline,
- .visible-sm-inline-block,
- .visible-md-block,
- .visible-md-inline,
- .visible-md-inline-block,
- .visible-lg-block,
- .visible-lg-inline,
- .visible-lg-inline-block {
- display: none !important;
- }
- @media (max-width: 767px) {
- .visible-xs {
- display: block !important;
- }
- table.visible-xs {
- display: table !important;
- }
- tr.visible-xs {
- display: table-row !important;
- }
- th.visible-xs,
- td.visible-xs {
- display: table-cell !important;
- }
- }
- @media (max-width: 767px) {
- .visible-xs-block {
- display: block !important;
- }
- }
- @media (max-width: 767px) {
- .visible-xs-inline {
- display: inline !important;
- }
- }
- @media (max-width: 767px) {
- .visible-xs-inline-block {
- display: inline-block !important;
- }
- }
- @media (min-width: 768px) and (max-width: 991px) {
- .visible-sm {
- display: block !important;
- }
- table.visible-sm {
- display: table !important;
- }
- tr.visible-sm {
- display: table-row !important;
- }
- th.visible-sm,
- td.visible-sm {
- display: table-cell !important;
- }
- }
- @media (min-width: 768px) and (max-width: 991px) {
- .visible-sm-block {
- display: block !important;
- }
- }
- @media (min-width: 768px) and (max-width: 991px) {
- .visible-sm-inline {
- display: inline !important;
- }
- }
- @media (min-width: 768px) and (max-width: 991px) {
- .visible-sm-inline-block {
- display: inline-block !important;
- }
- }
- @media (min-width: 992px) and (max-width: 1199px) {
- .visible-md {
- display: block !important;
- }
- table.visible-md {
- display: table !important;
- }
- tr.visible-md {
- display: table-row !important;
- }
- th.visible-md,
- td.visible-md {
- display: table-cell !important;
- }
- }
- @media (min-width: 992px) and (max-width: 1199px) {
- .visible-md-block {
- display: block !important;
- }
- }
- @media (min-width: 992px) and (max-width: 1199px) {
- .visible-md-inline {
- display: inline !important;
- }
- }
- @media (min-width: 992px) and (max-width: 1199px) {
- .visible-md-inline-block {
- display: inline-block !important;
- }
- }
- @media (min-width: 1200px) {
- .visible-lg {
- display: block !important;
- }
- table.visible-lg {
- display: table !important;
- }
- tr.visible-lg {
- display: table-row !important;
- }
- th.visible-lg,
- td.visible-lg {
- display: table-cell !important;
- }
- }
- @media (min-width: 1200px) {
- .visible-lg-block {
- display: block !important;
- }
- }
- @media (min-width: 1200px) {
- .visible-lg-inline {
- display: inline !important;
- }
- }
- @media (min-width: 1200px) {
- .visible-lg-inline-block {
- display: inline-block !important;
- }
- }
- @media (max-width: 767px) {
- .hidden-xs {
- display: none !important;
- }
- }
- @media (min-width: 768px) and (max-width: 991px) {
- .hidden-sm {
- display: none !important;
- }
- }
- @media (min-width: 992px) and (max-width: 1199px) {
- .hidden-md {
- display: none !important;
- }
- }
- @media (min-width: 1200px) {
- .hidden-lg {
- display: none !important;
- }
- }
- .visible-print {
- display: none !important;
- }
- @media print {
- .visible-print {
- display: block !important;
- }
- table.visible-print {
- display: table !important;
- }
- tr.visible-print {
- display: table-row !important;
- }
- th.visible-print,
- td.visible-print {
- display: table-cell !important;
- }
- }
- .visible-print-block {
- display: none !important;
- }
- @media print {
- .visible-print-block {
- display: block !important;
- }
- }
- .visible-print-inline {
- display: none !important;
- }
- @media print {
- .visible-print-inline {
- display: inline !important;
- }
- }
- .visible-print-inline-block {
- display: none !important;
- }
- @media print {
- .visible-print-inline-block {
- display: inline-block !important;
- }
- }
- @media print {
- .hidden-print {
- display: none !important;
- }
- }
- /*!
- *
- * Font Awesome
- *
- */
- /*!
- * Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
- * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
- */
- /* FONT PATH
- * -------------------------- */
- @font-face {
- font-family: 'FontAwesome';
- src: url('../components/font-awesome/fonts/fontawesome-webfont.eot?v=4.2.0');
- src: url('../components/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../components/font-awesome/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../components/font-awesome/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../components/font-awesome/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
- font-weight: normal;
- font-style: normal;
- }
- .fa {
- display: inline-block;
- font: normal normal normal 14px/1 FontAwesome;
- font-size: inherit;
- text-rendering: auto;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- }
- /* makes the font 33% larger relative to the icon container */
- .fa-lg {
- font-size: 1.33333333em;
- line-height: 0.75em;
- vertical-align: -15%;
- }
- .fa-2x {
- font-size: 2em;
- }
- .fa-3x {
- font-size: 3em;
- }
- .fa-4x {
- font-size: 4em;
- }
- .fa-5x {
- font-size: 5em;
- }
- .fa-fw {
- width: 1.28571429em;
- text-align: center;
- }
- .fa-ul {
- padding-left: 0;
- margin-left: 2.14285714em;
- list-style-type: none;
- }
- .fa-ul > li {
- position: relative;
- }
- .fa-li {
- position: absolute;
- left: -2.14285714em;
- width: 2.14285714em;
- top: 0.14285714em;
- text-align: center;
- }
- .fa-li.fa-lg {
- left: -1.85714286em;
- }
- .fa-border {
- padding: .2em .25em .15em;
- border: solid 0.08em #eee;
- border-radius: .1em;
- }
- .pull-right {
- float: right;
- }
- .pull-left {
- float: left;
- }
- .fa.pull-left {
- margin-right: .3em;
- }
- .fa.pull-right {
- margin-left: .3em;
- }
- .fa-spin {
- -webkit-animation: fa-spin 2s infinite linear;
- animation: fa-spin 2s infinite linear;
- }
- @-webkit-keyframes fa-spin {
- 0% {
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg);
- }
- 100% {
- -webkit-transform: rotate(359deg);
- transform: rotate(359deg);
- }
- }
- @keyframes fa-spin {
- 0% {
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg);
- }
- 100% {
- -webkit-transform: rotate(359deg);
- transform: rotate(359deg);
- }
- }
- .fa-rotate-90 {
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
- -webkit-transform: rotate(90deg);
- -ms-transform: rotate(90deg);
- transform: rotate(90deg);
- }
- .fa-rotate-180 {
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
- -webkit-transform: rotate(180deg);
- -ms-transform: rotate(180deg);
- transform: rotate(180deg);
- }
- .fa-rotate-270 {
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
- -webkit-transform: rotate(270deg);
- -ms-transform: rotate(270deg);
- transform: rotate(270deg);
- }
- .fa-flip-horizontal {
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
- -webkit-transform: scale(-1, 1);
- -ms-transform: scale(-1, 1);
- transform: scale(-1, 1);
- }
- .fa-flip-vertical {
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
- -webkit-transform: scale(1, -1);
- -ms-transform: scale(1, -1);
- transform: scale(1, -1);
- }
- :root .fa-rotate-90,
- :root .fa-rotate-180,
- :root .fa-rotate-270,
- :root .fa-flip-horizontal,
- :root .fa-flip-vertical {
- filter: none;
- }
- .fa-stack {
- position: relative;
- display: inline-block;
- width: 2em;
- height: 2em;
- line-height: 2em;
- vertical-align: middle;
- }
- .fa-stack-1x,
- .fa-stack-2x {
- position: absolute;
- left: 0;
- width: 100%;
- text-align: center;
- }
- .fa-stack-1x {
- line-height: inherit;
- }
- .fa-stack-2x {
- font-size: 2em;
- }
- .fa-inverse {
- color: #fff;
- }
- /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
- readers do not read off random characters that represent icons */
- .fa-glass:before {
- content: "\f000";
- }
- .fa-music:before {
- content: "\f001";
- }
- .fa-search:before {
- content: "\f002";
- }
- .fa-envelope-o:before {
- content: "\f003";
- }
- .fa-heart:before {
- content: "\f004";
- }
- .fa-star:before {
- content: "\f005";
- }
- .fa-star-o:before {
- content: "\f006";
- }
- .fa-user:before {
- content: "\f007";
- }
- .fa-film:before {
- content: "\f008";
- }
- .fa-th-large:before {
- content: "\f009";
- }
- .fa-th:before {
- content: "\f00a";
- }
- .fa-th-list:before {
- content: "\f00b";
- }
- .fa-check:before {
- content: "\f00c";
- }
- .fa-remove:before,
- .fa-close:before,
- .fa-times:before {
- content: "\f00d";
- }
- .fa-search-plus:before {
- content: "\f00e";
- }
- .fa-search-minus:before {
- content: "\f010";
- }
- .fa-power-off:before {
- content: "\f011";
- }
- .fa-signal:before {
- content: "\f012";
- }
- .fa-gear:before,
- .fa-cog:before {
- content: "\f013";
- }
- .fa-trash-o:before {
- content: "\f014";
- }
- .fa-home:before {
- content: "\f015";
- }
- .fa-file-o:before {
- content: "\f016";
- }
- .fa-clock-o:before {
- content: "\f017";
- }
- .fa-road:before {
- content: "\f018";
- }
- .fa-download:before {
- content: "\f019";
- }
- .fa-arrow-circle-o-down:before {
- content: "\f01a";
- }
- .fa-arrow-circle-o-up:before {
- content: "\f01b";
- }
- .fa-inbox:before {
- content: "\f01c";
- }
- .fa-play-circle-o:before {
- content: "\f01d";
- }
- .fa-rotate-right:before,
- .fa-repeat:before {
- content: "\f01e";
- }
- .fa-refresh:before {
- content: "\f021";
- }
- .fa-list-alt:before {
- content: "\f022";
- }
- .fa-lock:before {
- content: "\f023";
- }
- .fa-flag:before {
- content: "\f024";
- }
- .fa-headphones:before {
- content: "\f025";
- }
- .fa-volume-off:before {
- content: "\f026";
- }
- .fa-volume-down:before {
- content: "\f027";
- }
- .fa-volume-up:before {
- content: "\f028";
- }
- .fa-qrcode:before {
- content: "\f029";
- }
- .fa-barcode:before {
- content: "\f02a";
- }
- .fa-tag:before {
- content: "\f02b";
- }
- .fa-tags:before {
- content: "\f02c";
- }
- .fa-book:before {
- content: "\f02d";
- }
- .fa-bookmark:before {
- content: "\f02e";
- }
- .fa-print:before {
- content: "\f02f";
- }
- .fa-camera:before {
- content: "\f030";
- }
- .fa-font:before {
- content: "\f031";
- }
- .fa-bold:before {
- content: "\f032";
- }
- .fa-italic:before {
- content: "\f033";
- }
- .fa-text-height:before {
- content: "\f034";
- }
- .fa-text-width:before {
- content: "\f035";
- }
- .fa-align-left:before {
- content: "\f036";
- }
- .fa-align-center:before {
- content: "\f037";
- }
- .fa-align-right:before {
- content: "\f038";
- }
- .fa-align-justify:before {
- content: "\f039";
- }
- .fa-list:before {
- content: "\f03a";
- }
- .fa-dedent:before,
- .fa-outdent:before {
- content: "\f03b";
- }
- .fa-indent:before {
- content: "\f03c";
- }
- .fa-video-camera:before {
- content: "\f03d";
- }
- .fa-photo:before,
- .fa-image:before,
- .fa-picture-o:before {
- content: "\f03e";
- }
- .fa-pencil:before {
- content: "\f040";
- }
- .fa-map-marker:before {
- content: "\f041";
- }
- .fa-adjust:before {
- content: "\f042";
- }
- .fa-tint:before {
- content: "\f043";
- }
- .fa-edit:before,
- .fa-pencil-square-o:before {
- content: "\f044";
- }
- .fa-share-square-o:before {
- content: "\f045";
- }
- .fa-check-square-o:before {
- content: "\f046";
- }
- .fa-arrows:before {
- content: "\f047";
- }
- .fa-step-backward:before {
- content: "\f048";
- }
- .fa-fast-backward:before {
- content: "\f049";
- }
- .fa-backward:before {
- content: "\f04a";
- }
- .fa-play:before {
- content: "\f04b";
- }
- .fa-pause:before {
- content: "\f04c";
- }
- .fa-stop:before {
- content: "\f04d";
- }
- .fa-forward:before {
- content: "\f04e";
- }
- .fa-fast-forward:before {
- content: "\f050";
- }
- .fa-step-forward:before {
- content: "\f051";
- }
- .fa-eject:before {
- content: "\f052";
- }
- .fa-chevron-left:before {
- content: "\f053";
- }
- .fa-chevron-right:before {
- content: "\f054";
- }
- .fa-plus-circle:before {
- content: "\f055";
- }
- .fa-minus-circle:before {
- content: "\f056";
- }
- .fa-times-circle:before {
- content: "\f057";
- }
- .fa-check-circle:before {
- content: "\f058";
- }
- .fa-question-circle:before {
- content: "\f059";
- }
- .fa-info-circle:before {
- content: "\f05a";
- }
- .fa-crosshairs:before {
- content: "\f05b";
- }
- .fa-times-circle-o:before {
- content: "\f05c";
- }
- .fa-check-circle-o:before {
- content: "\f05d";
- }
- .fa-ban:before {
- content: "\f05e";
- }
- .fa-arrow-left:before {
- content: "\f060";
- }
- .fa-arrow-right:before {
- content: "\f061";
- }
- .fa-arrow-up:before {
- content: "\f062";
- }
- .fa-arrow-down:before {
- content: "\f063";
- }
- .fa-mail-forward:before,
- .fa-share:before {
- content: "\f064";
- }
- .fa-expand:before {
- content: "\f065";
- }
- .fa-compress:before {
- content: "\f066";
- }
- .fa-plus:before {
- content: "\f067";
- }
- .fa-minus:before {
- content: "\f068";
- }
- .fa-asterisk:before {
- content: "\f069";
- }
- .fa-exclamation-circle:before {
- content: "\f06a";
- }
- .fa-gift:before {
- content: "\f06b";
- }
- .fa-leaf:before {
- content: "\f06c";
- }
- .fa-fire:before {
- content: "\f06d";
- }
- .fa-eye:before {
- content: "\f06e";
- }
- .fa-eye-slash:before {
- content: "\f070";
- }
- .fa-warning:before,
- .fa-exclamation-triangle:before {
- content: "\f071";
- }
- .fa-plane:before {
- content: "\f072";
- }
- .fa-calendar:before {
- content: "\f073";
- }
- .fa-random:before {
- content: "\f074";
- }
- .fa-comment:before {
- content: "\f075";
- }
- .fa-magnet:before {
- content: "\f076";
- }
- .fa-chevron-up:before {
- content: "\f077";
- }
- .fa-chevron-down:before {
- content: "\f078";
- }
- .fa-retweet:before {
- content: "\f079";
- }
- .fa-shopping-cart:before {
- content: "\f07a";
- }
- .fa-folder:before {
- content: "\f07b";
- }
- .fa-folder-open:before {
- content: "\f07c";
- }
- .fa-arrows-v:before {
- content: "\f07d";
- }
- .fa-arrows-h:before {
- content: "\f07e";
- }
- .fa-bar-chart-o:before,
- .fa-bar-chart:before {
- content: "\f080";
- }
- .fa-twitter-square:before {
- content: "\f081";
- }
- .fa-facebook-square:before {
- content: "\f082";
- }
- .fa-camera-retro:before {
- content: "\f083";
- }
- .fa-key:before {
- content: "\f084";
- }
- .fa-gears:before,
- .fa-cogs:before {
- content: "\f085";
- }
- .fa-comments:before {
- content: "\f086";
- }
- .fa-thumbs-o-up:before {
- content: "\f087";
- }
- .fa-thumbs-o-down:before {
- content: "\f088";
- }
- .fa-star-half:before {
- content: "\f089";
- }
- .fa-heart-o:before {
- content: "\f08a";
- }
- .fa-sign-out:before {
- content: "\f08b";
- }
- .fa-linkedin-square:before {
- content: "\f08c";
- }
- .fa-thumb-tack:before {
- content: "\f08d";
- }
- .fa-external-link:before {
- content: "\f08e";
- }
- .fa-sign-in:before {
- content: "\f090";
- }
- .fa-trophy:before {
- content: "\f091";
- }
- .fa-github-square:before {
- content: "\f092";
- }
- .fa-upload:before {
- content: "\f093";
- }
- .fa-lemon-o:before {
- content: "\f094";
- }
- .fa-phone:before {
- content: "\f095";
- }
- .fa-square-o:before {
- content: "\f096";
- }
- .fa-bookmark-o:before {
- content: "\f097";
- }
- .fa-phone-square:before {
- content: "\f098";
- }
- .fa-twitter:before {
- content: "\f099";
- }
- .fa-facebook:before {
- content: "\f09a";
- }
- .fa-github:before {
- content: "\f09b";
- }
- .fa-unlock:before {
- content: "\f09c";
- }
- .fa-credit-card:before {
- content: "\f09d";
- }
- .fa-rss:before {
- content: "\f09e";
- }
- .fa-hdd-o:before {
- content: "\f0a0";
- }
- .fa-bullhorn:before {
- content: "\f0a1";
- }
- .fa-bell:before {
- content: "\f0f3";
- }
- .fa-certificate:before {
- content: "\f0a3";
- }
- .fa-hand-o-right:before {
- content: "\f0a4";
- }
- .fa-hand-o-left:before {
- content: "\f0a5";
- }
- .fa-hand-o-up:before {
- content: "\f0a6";
- }
- .fa-hand-o-down:before {
- content: "\f0a7";
- }
- .fa-arrow-circle-left:before {
- content: "\f0a8";
- }
- .fa-arrow-circle-right:before {
- content: "\f0a9";
- }
- .fa-arrow-circle-up:before {
- content: "\f0aa";
- }
- .fa-arrow-circle-down:before {
- content: "\f0ab";
- }
- .fa-globe:before {
- content: "\f0ac";
- }
- .fa-wrench:before {
- content: "\f0ad";
- }
- .fa-tasks:before {
- content: "\f0ae";
- }
- .fa-filter:before {
- content: "\f0b0";
- }
- .fa-briefcase:before {
- content: "\f0b1";
- }
- .fa-arrows-alt:before {
- content: "\f0b2";
- }
- .fa-group:before,
- .fa-users:before {
- content: "\f0c0";
- }
- .fa-chain:before,
- .fa-link:before {
- content: "\f0c1";
- }
- .fa-cloud:before {
- content: "\f0c2";
- }
- .fa-flask:before {
- content: "\f0c3";
- }
- .fa-cut:before,
- .fa-scissors:before {
- content: "\f0c4";
- }
- .fa-copy:before,
- .fa-files-o:before {
- content: "\f0c5";
- }
- .fa-paperclip:before {
- content: "\f0c6";
- }
- .fa-save:before,
- .fa-floppy-o:before {
- content: "\f0c7";
- }
- .fa-square:before {
- content: "\f0c8";
- }
- .fa-navicon:before,
- .fa-reorder:before,
- .fa-bars:before {
- content: "\f0c9";
- }
- .fa-list-ul:before {
- content: "\f0ca";
- }
- .fa-list-ol:before {
- content: "\f0cb";
- }
- .fa-strikethrough:before {
- content: "\f0cc";
- }
- .fa-underline:before {
- content: "\f0cd";
- }
- .fa-table:before {
- content: "\f0ce";
- }
- .fa-magic:before {
- content: "\f0d0";
- }
- .fa-truck:before {
- content: "\f0d1";
- }
- .fa-pinterest:before {
- content: "\f0d2";
- }
- .fa-pinterest-square:before {
- content: "\f0d3";
- }
- .fa-google-plus-square:before {
- content: "\f0d4";
- }
- .fa-google-plus:before {
- content: "\f0d5";
- }
- .fa-money:before {
- content: "\f0d6";
- }
- .fa-caret-down:before {
- content: "\f0d7";
- }
- .fa-caret-up:before {
- content: "\f0d8";
- }
- .fa-caret-left:before {
- content: "\f0d9";
- }
- .fa-caret-right:before {
- content: "\f0da";
- }
- .fa-columns:before {
- content: "\f0db";
- }
- .fa-unsorted:before,
- .fa-sort:before {
- content: "\f0dc";
- }
- .fa-sort-down:before,
- .fa-sort-desc:before {
- content: "\f0dd";
- }
- .fa-sort-up:before,
- .fa-sort-asc:before {
- content: "\f0de";
- }
- .fa-envelope:before {
- content: "\f0e0";
- }
- .fa-linkedin:before {
- content: "\f0e1";
- }
- .fa-rotate-left:before,
- .fa-undo:before {
- content: "\f0e2";
- }
- .fa-legal:before,
- .fa-gavel:before {
- content: "\f0e3";
- }
- .fa-dashboard:before,
- .fa-tachometer:before {
- content: "\f0e4";
- }
- .fa-comment-o:before {
- content: "\f0e5";
- }
- .fa-comments-o:before {
- content: "\f0e6";
- }
- .fa-flash:before,
- .fa-bolt:before {
- content: "\f0e7";
- }
- .fa-sitemap:before {
- content: "\f0e8";
- }
- .fa-umbrella:before {
- content: "\f0e9";
- }
- .fa-paste:before,
- .fa-clipboard:before {
- content: "\f0ea";
- }
- .fa-lightbulb-o:before {
- content: "\f0eb";
- }
- .fa-exchange:before {
- content: "\f0ec";
- }
- .fa-cloud-download:before {
- content: "\f0ed";
- }
- .fa-cloud-upload:before {
- content: "\f0ee";
- }
- .fa-user-md:before {
- content: "\f0f0";
- }
- .fa-stethoscope:before {
- content: "\f0f1";
- }
- .fa-suitcase:before {
- content: "\f0f2";
- }
- .fa-bell-o:before {
- content: "\f0a2";
- }
- .fa-coffee:before {
- content: "\f0f4";
- }
- .fa-cutlery:before {
- content: "\f0f5";
- }
- .fa-file-text-o:before {
- content: "\f0f6";
- }
- .fa-building-o:before {
- content: "\f0f7";
- }
- .fa-hospital-o:before {
- content: "\f0f8";
- }
- .fa-ambulance:before {
- content: "\f0f9";
- }
- .fa-medkit:before {
- content: "\f0fa";
- }
- .fa-fighter-jet:before {
- content: "\f0fb";
- }
- .fa-beer:before {
- content: "\f0fc";
- }
- .fa-h-square:before {
- content: "\f0fd";
- }
- .fa-plus-square:before {
- content: "\f0fe";
- }
- .fa-angle-double-left:before {
- content: "\f100";
- }
- .fa-angle-double-right:before {
- content: "\f101";
- }
- .fa-angle-double-up:before {
- content: "\f102";
- }
- .fa-angle-double-down:before {
- content: "\f103";
- }
- .fa-angle-left:before {
- content: "\f104";
- }
- .fa-angle-right:before {
- content: "\f105";
- }
- .fa-angle-up:before {
- content: "\f106";
- }
- .fa-angle-down:before {
- content: "\f107";
- }
- .fa-desktop:before {
- content: "\f108";
- }
- .fa-laptop:before {
- content: "\f109";
- }
- .fa-tablet:before {
- content: "\f10a";
- }
- .fa-mobile-phone:before,
- .fa-mobile:before {
- content: "\f10b";
- }
- .fa-circle-o:before {
- content: "\f10c";
- }
- .fa-quote-left:before {
- content: "\f10d";
- }
- .fa-quote-right:before {
- content: "\f10e";
- }
- .fa-spinner:before {
- content: "\f110";
- }
- .fa-circle:before {
- content: "\f111";
- }
- .fa-mail-reply:before,
- .fa-reply:before {
- content: "\f112";
- }
- .fa-github-alt:before {
- content: "\f113";
- }
- .fa-folder-o:before {
- content: "\f114";
- }
- .fa-folder-open-o:before {
- content: "\f115";
- }
- .fa-smile-o:before {
- content: "\f118";
- }
- .fa-frown-o:before {
- content: "\f119";
- }
- .fa-meh-o:before {
- content: "\f11a";
- }
- .fa-gamepad:before {
- content: "\f11b";
- }
- .fa-keyboard-o:before {
- content: "\f11c";
- }
- .fa-flag-o:before {
- content: "\f11d";
- }
- .fa-flag-checkered:before {
- content: "\f11e";
- }
- .fa-terminal:before {
- content: "\f120";
- }
- .fa-code:before {
- content: "\f121";
- }
- .fa-mail-reply-all:before,
- .fa-reply-all:before {
- content: "\f122";
- }
- .fa-star-half-empty:before,
- .fa-star-half-full:before,
- .fa-star-half-o:before {
- content: "\f123";
- }
- .fa-location-arrow:before {
- content: "\f124";
- }
- .fa-crop:before {
- content: "\f125";
- }
- .fa-code-fork:before {
- content: "\f126";
- }
- .fa-unlink:before,
- .fa-chain-broken:before {
- content: "\f127";
- }
- .fa-question:before {
- content: "\f128";
- }
- .fa-info:before {
- content: "\f129";
- }
- .fa-exclamation:before {
- content: "\f12a";
- }
- .fa-superscript:before {
- content: "\f12b";
- }
- .fa-subscript:before {
- content: "\f12c";
- }
- .fa-eraser:before {
- content: "\f12d";
- }
- .fa-puzzle-piece:before {
- content: "\f12e";
- }
- .fa-microphone:before {
- content: "\f130";
- }
- .fa-microphone-slash:before {
- content: "\f131";
- }
- .fa-shield:before {
- content: "\f132";
- }
- .fa-calendar-o:before {
- content: "\f133";
- }
- .fa-fire-extinguisher:before {
- content: "\f134";
- }
- .fa-rocket:before {
- content: "\f135";
- }
- .fa-maxcdn:before {
- content: "\f136";
- }
- .fa-chevron-circle-left:before {
- content: "\f137";
- }
- .fa-chevron-circle-right:before {
- content: "\f138";
- }
- .fa-chevron-circle-up:before {
- content: "\f139";
- }
- .fa-chevron-circle-down:before {
- content: "\f13a";
- }
- .fa-html5:before {
- content: "\f13b";
- }
- .fa-css3:before {
- content: "\f13c";
- }
- .fa-anchor:before {
- content: "\f13d";
- }
- .fa-unlock-alt:before {
- content: "\f13e";
- }
- .fa-bullseye:before {
- content: "\f140";
- }
- .fa-ellipsis-h:before {
- content: "\f141";
- }
- .fa-ellipsis-v:before {
- content: "\f142";
- }
- .fa-rss-square:before {
- content: "\f143";
- }
- .fa-play-circle:before {
- content: "\f144";
- }
- .fa-ticket:before {
- content: "\f145";
- }
- .fa-minus-square:before {
- content: "\f146";
- }
- .fa-minus-square-o:before {
- content: "\f147";
- }
- .fa-level-up:before {
- content: "\f148";
- }
- .fa-level-down:before {
- content: "\f149";
- }
- .fa-check-square:before {
- content: "\f14a";
- }
- .fa-pencil-square:before {
- content: "\f14b";
- }
- .fa-external-link-square:before {
- content: "\f14c";
- }
- .fa-share-square:before {
- content: "\f14d";
- }
- .fa-compass:before {
- content: "\f14e";
- }
- .fa-toggle-down:before,
- .fa-caret-square-o-down:before {
- content: "\f150";
- }
- .fa-toggle-up:before,
- .fa-caret-square-o-up:before {
- content: "\f151";
- }
- .fa-toggle-right:before,
- .fa-caret-square-o-right:before {
- content: "\f152";
- }
- .fa-euro:before,
- .fa-eur:before {
- content: "\f153";
- }
- .fa-gbp:before {
- content: "\f154";
- }
- .fa-dollar:before,
- .fa-usd:before {
- content: "\f155";
- }
- .fa-rupee:before,
- .fa-inr:before {
- content: "\f156";
- }
- .fa-cny:before,
- .fa-rmb:before,
- .fa-yen:before,
- .fa-jpy:before {
- content: "\f157";
- }
- .fa-ruble:before,
- .fa-rouble:before,
- .fa-rub:before {
- content: "\f158";
- }
- .fa-won:before,
- .fa-krw:before {
- content: "\f159";
- }
- .fa-bitcoin:before,
- .fa-btc:before {
- content: "\f15a";
- }
- .fa-file:before {
- content: "\f15b";
- }
- .fa-file-text:before {
- content: "\f15c";
- }
- .fa-sort-alpha-asc:before {
- content: "\f15d";
- }
- .fa-sort-alpha-desc:before {
- content: "\f15e";
- }
- .fa-sort-amount-asc:before {
- content: "\f160";
- }
- .fa-sort-amount-desc:before {
- content: "\f161";
- }
- .fa-sort-numeric-asc:before {
- content: "\f162";
- }
- .fa-sort-numeric-desc:before {
- content: "\f163";
- }
- .fa-thumbs-up:before {
- content: "\f164";
- }
- .fa-thumbs-down:before {
- content: "\f165";
- }
- .fa-youtube-square:before {
- content: "\f166";
- }
- .fa-youtube:before {
- content: "\f167";
- }
- .fa-xing:before {
- content: "\f168";
- }
- .fa-xing-square:before {
- content: "\f169";
- }
- .fa-youtube-play:before {
- content: "\f16a";
- }
- .fa-dropbox:before {
- content: "\f16b";
- }
- .fa-stack-overflow:before {
- content: "\f16c";
- }
- .fa-instagram:before {
- content: "\f16d";
- }
- .fa-flickr:before {
- content: "\f16e";
- }
- .fa-adn:before {
- content: "\f170";
- }
- .fa-bitbucket:before {
- content: "\f171";
- }
- .fa-bitbucket-square:before {
- content: "\f172";
- }
- .fa-tumblr:before {
- content: "\f173";
- }
- .fa-tumblr-square:before {
- content: "\f174";
- }
- .fa-long-arrow-down:before {
- content: "\f175";
- }
- .fa-long-arrow-up:before {
- content: "\f176";
- }
- .fa-long-arrow-left:before {
- content: "\f177";
- }
- .fa-long-arrow-right:before {
- content: "\f178";
- }
- .fa-apple:before {
- content: "\f179";
- }
- .fa-windows:before {
- content: "\f17a";
- }
- .fa-android:before {
- content: "\f17b";
- }
- .fa-linux:before {
- content: "\f17c";
- }
- .fa-dribbble:before {
- content: "\f17d";
- }
- .fa-skype:before {
- content: "\f17e";
- }
- .fa-foursquare:before {
- content: "\f180";
- }
- .fa-trello:before {
- content: "\f181";
- }
- .fa-female:before {
- content: "\f182";
- }
- .fa-male:before {
- content: "\f183";
- }
- .fa-gittip:before {
- content: "\f184";
- }
- .fa-sun-o:before {
- content: "\f185";
- }
- .fa-moon-o:before {
- content: "\f186";
- }
- .fa-archive:before {
- content: "\f187";
- }
- .fa-bug:before {
- content: "\f188";
- }
- .fa-vk:before {
- content: "\f189";
- }
- .fa-weibo:before {
- content: "\f18a";
- }
- .fa-renren:before {
- content: "\f18b";
- }
- .fa-pagelines:before {
- content: "\f18c";
- }
- .fa-stack-exchange:before {
- content: "\f18d";
- }
- .fa-arrow-circle-o-right:before {
- content: "\f18e";
- }
- .fa-arrow-circle-o-left:before {
- content: "\f190";
- }
- .fa-toggle-left:before,
- .fa-caret-square-o-left:before {
- content: "\f191";
- }
- .fa-dot-circle-o:before {
- content: "\f192";
- }
- .fa-wheelchair:before {
- content: "\f193";
- }
- .fa-vimeo-square:before {
- content: "\f194";
- }
- .fa-turkish-lira:before,
- .fa-try:before {
- content: "\f195";
- }
- .fa-plus-square-o:before {
- content: "\f196";
- }
- .fa-space-shuttle:before {
- content: "\f197";
- }
- .fa-slack:before {
- content: "\f198";
- }
- .fa-envelope-square:before {
- content: "\f199";
- }
- .fa-wordpress:before {
- content: "\f19a";
- }
- .fa-openid:before {
- content: "\f19b";
- }
- .fa-institution:before,
- .fa-bank:before,
- .fa-university:before {
- content: "\f19c";
- }
- .fa-mortar-board:before,
- .fa-graduation-cap:before {
- content: "\f19d";
- }
- .fa-yahoo:before {
- content: "\f19e";
- }
- .fa-google:before {
- content: "\f1a0";
- }
- .fa-reddit:before {
- content: "\f1a1";
- }
- .fa-reddit-square:before {
- content: "\f1a2";
- }
- .fa-stumbleupon-circle:before {
- content: "\f1a3";
- }
- .fa-stumbleupon:before {
- content: "\f1a4";
- }
- .fa-delicious:before {
- content: "\f1a5";
- }
- .fa-digg:before {
- content: "\f1a6";
- }
- .fa-pied-piper:before {
- content: "\f1a7";
- }
- .fa-pied-piper-alt:before {
- content: "\f1a8";
- }
- .fa-drupal:before {
- content: "\f1a9";
- }
- .fa-joomla:before {
- content: "\f1aa";
- }
- .fa-language:before {
- content: "\f1ab";
- }
- .fa-fax:before {
- content: "\f1ac";
- }
- .fa-building:before {
- content: "\f1ad";
- }
- .fa-child:before {
- content: "\f1ae";
- }
- .fa-paw:before {
- content: "\f1b0";
- }
- .fa-spoon:before {
- content: "\f1b1";
- }
- .fa-cube:before {
- content: "\f1b2";
- }
- .fa-cubes:before {
- content: "\f1b3";
- }
- .fa-behance:before {
- content: "\f1b4";
- }
- .fa-behance-square:before {
- content: "\f1b5";
- }
- .fa-steam:before {
- content: "\f1b6";
- }
- .fa-steam-square:before {
- content: "\f1b7";
- }
- .fa-recycle:before {
- content: "\f1b8";
- }
- .fa-automobile:before,
- .fa-car:before {
- content: "\f1b9";
- }
- .fa-cab:before,
- .fa-taxi:before {
- content: "\f1ba";
- }
- .fa-tree:before {
- content: "\f1bb";
- }
- .fa-spotify:before {
- content: "\f1bc";
- }
- .fa-deviantart:before {
- content: "\f1bd";
- }
- .fa-soundcloud:before {
- content: "\f1be";
- }
- .fa-database:before {
- content: "\f1c0";
- }
- .fa-file-pdf-o:before {
- content: "\f1c1";
- }
- .fa-file-word-o:before {
- content: "\f1c2";
- }
- .fa-file-excel-o:before {
- content: "\f1c3";
- }
- .fa-file-powerpoint-o:before {
- content: "\f1c4";
- }
- .fa-file-photo-o:before,
- .fa-file-picture-o:before,
- .fa-file-image-o:before {
- content: "\f1c5";
- }
- .fa-file-zip-o:before,
- .fa-file-archive-o:before {
- content: "\f1c6";
- }
- .fa-file-sound-o:before,
- .fa-file-audio-o:before {
- content: "\f1c7";
- }
- .fa-file-movie-o:before,
- .fa-file-video-o:before {
- content: "\f1c8";
- }
- .fa-file-code-o:before {
- content: "\f1c9";
- }
- .fa-vine:before {
- content: "\f1ca";
- }
- .fa-codepen:before {
- content: "\f1cb";
- }
- .fa-jsfiddle:before {
- content: "\f1cc";
- }
- .fa-life-bouy:before,
- .fa-life-buoy:before,
- .fa-life-saver:before,
- .fa-support:before,
- .fa-life-ring:before {
- content: "\f1cd";
- }
- .fa-circle-o-notch:before {
- content: "\f1ce";
- }
- .fa-ra:before,
- .fa-rebel:before {
- content: "\f1d0";
- }
- .fa-ge:before,
- .fa-empire:before {
- content: "\f1d1";
- }
- .fa-git-square:before {
- content: "\f1d2";
- }
- .fa-git:before {
- content: "\f1d3";
- }
- .fa-hacker-news:before {
- content: "\f1d4";
- }
- .fa-tencent-weibo:before {
- content: "\f1d5";
- }
- .fa-qq:before {
- content: "\f1d6";
- }
- .fa-wechat:before,
- .fa-weixin:before {
- content: "\f1d7";
- }
- .fa-send:before,
- .fa-paper-plane:before {
- content: "\f1d8";
- }
- .fa-send-o:before,
- .fa-paper-plane-o:before {
- content: "\f1d9";
- }
- .fa-history:before {
- content: "\f1da";
- }
- .fa-circle-thin:before {
- content: "\f1db";
- }
- .fa-header:before {
- content: "\f1dc";
- }
- .fa-paragraph:before {
- content: "\f1dd";
- }
- .fa-sliders:before {
- content: "\f1de";
- }
- .fa-share-alt:before {
- content: "\f1e0";
- }
- .fa-share-alt-square:before {
- content: "\f1e1";
- }
- .fa-bomb:before {
- content: "\f1e2";
- }
- .fa-soccer-ball-o:before,
- .fa-futbol-o:before {
- content: "\f1e3";
- }
- .fa-tty:before {
- content: "\f1e4";
- }
- .fa-binoculars:before {
- content: "\f1e5";
- }
- .fa-plug:before {
- content: "\f1e6";
- }
- .fa-slideshare:before {
- content: "\f1e7";
- }
- .fa-twitch:before {
- content: "\f1e8";
- }
- .fa-yelp:before {
- content: "\f1e9";
- }
- .fa-newspaper-o:before {
- content: "\f1ea";
- }
- .fa-wifi:before {
- content: "\f1eb";
- }
- .fa-calculator:before {
- content: "\f1ec";
- }
- .fa-paypal:before {
- content: "\f1ed";
- }
- .fa-google-wallet:before {
- content: "\f1ee";
- }
- .fa-cc-visa:before {
- content: "\f1f0";
- }
- .fa-cc-mastercard:before {
- content: "\f1f1";
- }
- .fa-cc-discover:before {
- content: "\f1f2";
- }
- .fa-cc-amex:before {
- content: "\f1f3";
- }
- .fa-cc-paypal:before {
- content: "\f1f4";
- }
- .fa-cc-stripe:before {
- content: "\f1f5";
- }
- .fa-bell-slash:before {
- content: "\f1f6";
- }
- .fa-bell-slash-o:before {
- content: "\f1f7";
- }
- .fa-trash:before {
- content: "\f1f8";
- }
- .fa-copyright:before {
- content: "\f1f9";
- }
- .fa-at:before {
- content: "\f1fa";
- }
- .fa-eyedropper:before {
- content: "\f1fb";
- }
- .fa-paint-brush:before {
- content: "\f1fc";
- }
- .fa-birthday-cake:before {
- content: "\f1fd";
- }
- .fa-area-chart:before {
- content: "\f1fe";
- }
- .fa-pie-chart:before {
- content: "\f200";
- }
- .fa-line-chart:before {
- content: "\f201";
- }
- .fa-lastfm:before {
- content: "\f202";
- }
- .fa-lastfm-square:before {
- content: "\f203";
- }
- .fa-toggle-off:before {
- content: "\f204";
- }
- .fa-toggle-on:before {
- content: "\f205";
- }
- .fa-bicycle:before {
- content: "\f206";
- }
- .fa-bus:before {
- content: "\f207";
- }
- .fa-ioxhost:before {
- content: "\f208";
- }
- .fa-angellist:before {
- content: "\f209";
- }
- .fa-cc:before {
- content: "\f20a";
- }
- .fa-shekel:before,
- .fa-sheqel:before,
- .fa-ils:before {
- content: "\f20b";
- }
- .fa-meanpath:before {
- content: "\f20c";
- }
- /*!
- *
- * IPython base
- *
- */
- .modal.fade .modal-dialog {
- -webkit-transform: translate(0, 0);
- -ms-transform: translate(0, 0);
- -o-transform: translate(0, 0);
- transform: translate(0, 0);
- }
- code {
- color: #000;
- }
- pre {
- font-size: inherit;
- line-height: inherit;
- }
- label {
- font-weight: normal;
- }
- /* Make the page background atleast 100% the height of the view port */
- /* Make the page itself atleast 70% the height of the view port */
- .border-box-sizing {
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- }
- .corner-all {
- border-radius: 2px;
- }
- .no-padding {
- padding: 0px;
- }
- /* Flexible box model classes */
- /* Taken from Alex Russell http://infrequently.org/2009/08/css-3-progress/ */
- /* This file is a compatability layer. It allows the usage of flexible box
- model layouts accross multiple browsers, including older browsers. The newest,
- universal implementation of the flexible box model is used when available (see
- `Modern browsers` comments below). Browsers that are known to implement this
- new spec completely include:
- Firefox 28.0+
- Chrome 29.0+
- Internet Explorer 11+
- Opera 17.0+
- Browsers not listed, including Safari, are supported via the styling under the
- `Old browsers` comments below.
- */
- .hbox {
- /* Old browsers */
- display: -webkit-box;
- -webkit-box-orient: horizontal;
- -webkit-box-align: stretch;
- display: -moz-box;
- -moz-box-orient: horizontal;
- -moz-box-align: stretch;
- display: box;
- box-orient: horizontal;
- box-align: stretch;
- /* Modern browsers */
- display: flex;
- flex-direction: row;
- align-items: stretch;
- }
- .hbox > * {
- /* Old browsers */
- -webkit-box-flex: 0;
- -moz-box-flex: 0;
- box-flex: 0;
- /* Modern browsers */
- flex: none;
- }
- .vbox {
- /* Old browsers */
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-box-align: stretch;
- display: -moz-box;
- -moz-box-orient: vertical;
- -moz-box-align: stretch;
- display: box;
- box-orient: vertical;
- box-align: stretch;
- /* Modern browsers */
- display: flex;
- flex-direction: column;
- align-items: stretch;
- }
- .vbox > * {
- /* Old browsers */
- -webkit-box-flex: 0;
- -moz-box-flex: 0;
- box-flex: 0;
- /* Modern browsers */
- flex: none;
- }
- .hbox.reverse,
- .vbox.reverse,
- .reverse {
- /* Old browsers */
- -webkit-box-direction: reverse;
- -moz-box-direction: reverse;
- box-direction: reverse;
- /* Modern browsers */
- flex-direction: row-reverse;
- }
- .hbox.box-flex0,
- .vbox.box-flex0,
- .box-flex0 {
- /* Old browsers */
- -webkit-box-flex: 0;
- -moz-box-flex: 0;
- box-flex: 0;
- /* Modern browsers */
- flex: none;
- width: auto;
- }
- .hbox.box-flex1,
- .vbox.box-flex1,
- .box-flex1 {
- /* Old browsers */
- -webkit-box-flex: 1;
- -moz-box-flex: 1;
- box-flex: 1;
- /* Modern browsers */
- flex: 1;
- }
- .hbox.box-flex,
- .vbox.box-flex,
- .box-flex {
- /* Old browsers */
- /* Old browsers */
- -webkit-box-flex: 1;
- -moz-box-flex: 1;
- box-flex: 1;
- /* Modern browsers */
- flex: 1;
- }
- .hbox.box-flex2,
- .vbox.box-flex2,
- .box-flex2 {
- /* Old browsers */
- -webkit-box-flex: 2;
- -moz-box-flex: 2;
- box-flex: 2;
- /* Modern browsers */
- flex: 2;
- }
- .box-group1 {
- /* Deprecated */
- -webkit-box-flex-group: 1;
- -moz-box-flex-group: 1;
- box-flex-group: 1;
- }
- .box-group2 {
- /* Deprecated */
- -webkit-box-flex-group: 2;
- -moz-box-flex-group: 2;
- box-flex-group: 2;
- }
- .hbox.start,
- .vbox.start,
- .start {
- /* Old browsers */
- -webkit-box-pack: start;
- -moz-box-pack: start;
- box-pack: start;
- /* Modern browsers */
- justify-content: flex-start;
- }
- .hbox.end,
- .vbox.end,
- .end {
- /* Old browsers */
- -webkit-box-pack: end;
- -moz-box-pack: end;
- box-pack: end;
- /* Modern browsers */
- justify-content: flex-end;
- }
- .hbox.center,
- .vbox.center,
- .center {
- /* Old browsers */
- -webkit-box-pack: center;
- -moz-box-pack: center;
- box-pack: center;
- /* Modern browsers */
- justify-content: center;
- }
- .hbox.baseline,
- .vbox.baseline,
- .baseline {
- /* Old browsers */
- -webkit-box-pack: baseline;
- -moz-box-pack: baseline;
- box-pack: baseline;
- /* Modern browsers */
- justify-content: baseline;
- }
- .hbox.stretch,
- .vbox.stretch,
- .stretch {
- /* Old browsers */
- -webkit-box-pack: stretch;
- -moz-box-pack: stretch;
- box-pack: stretch;
- /* Modern browsers */
- justify-content: stretch;
- }
- .hbox.align-start,
- .vbox.align-start,
- .align-start {
- /* Old browsers */
- -webkit-box-align: start;
- -moz-box-align: start;
- box-align: start;
- /* Modern browsers */
- align-items: flex-start;
- }
- .hbox.align-end,
- .vbox.align-end,
- .align-end {
- /* Old browsers */
- -webkit-box-align: end;
- -moz-box-align: end;
- box-align: end;
- /* Modern browsers */
- align-items: flex-end;
- }
- .hbox.align-center,
- .vbox.align-center,
- .align-center {
- /* Old browsers */
- -webkit-box-align: center;
- -moz-box-align: center;
- box-align: center;
- /* Modern browsers */
- align-items: center;
- }
- .hbox.align-baseline,
- .vbox.align-baseline,
- .align-baseline {
- /* Old browsers */
- -webkit-box-align: baseline;
- -moz-box-align: baseline;
- box-align: baseline;
- /* Modern browsers */
- align-items: baseline;
- }
- .hbox.align-stretch,
- .vbox.align-stretch,
- .align-stretch {
- /* Old browsers */
- -webkit-box-align: stretch;
- -moz-box-align: stretch;
- box-align: stretch;
- /* Modern browsers */
- align-items: stretch;
- }
- div.error {
- margin: 2em;
- text-align: center;
- }
- div.error > h1 {
- font-size: 500%;
- line-height: normal;
- }
- div.error > p {
- font-size: 200%;
- line-height: normal;
- }
- div.traceback-wrapper {
- text-align: left;
- max-width: 800px;
- margin: auto;
- }
- /**
- * Primary styles
- *
- * Author: Jupyter Development Team
- */
- body {
- background-color: #fff;
- /* This makes sure that the body covers the entire window and needs to
- be in a different element than the display: box in wrapper below */
- position: absolute;
- left: 0px;
- right: 0px;
- top: 0px;
- bottom: 0px;
- overflow: visible;
- }
- body > #header {
- /* Initially hidden to prevent FLOUC */
- display: none;
- background-color: #fff;
- /* Display over codemirror */
- position: relative;
- z-index: 100;
- }
- body > #header #header-container {
- padding-bottom: 5px;
- padding-top: 5px;
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- }
- body > #header .header-bar {
- width: 100%;
- height: 1px;
- background: #e7e7e7;
- margin-bottom: -1px;
- }
- @media print {
- body > #header {
- display: none !important;
- }
- }
- #header-spacer {
- width: 100%;
- visibility: hidden;
- }
- @media print {
- #header-spacer {
- display: none;
- }
- }
- #ipython_notebook {
- padding-left: 0px;
- padding-top: 1px;
- padding-bottom: 1px;
- }
- @media (max-width: 991px) {
- #ipython_notebook {
- margin-left: 10px;
- }
- }
- #noscript {
- width: auto;
- padding-top: 16px;
- padding-bottom: 16px;
- text-align: center;
- font-size: 22px;
- color: red;
- font-weight: bold;
- }
- #ipython_notebook img {
- height: 28px;
- }
- #site {
- width: 100%;
- display: none;
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- overflow: auto;
- }
- @media print {
- #site {
- height: auto !important;
- }
- }
- /* Smaller buttons */
- .ui-button .ui-button-text {
- padding: 0.2em 0.8em;
- font-size: 77%;
- }
- input.ui-button {
- padding: 0.3em 0.9em;
- }
- span#login_widget {
- float: right;
- }
- span#login_widget > .button,
- #logout {
- color: #333;
- background-color: #fff;
- border-color: #ccc;
- }
- span#login_widget > .button:focus,
- #logout:focus,
- span#login_widget > .button.focus,
- #logout.focus {
- color: #333;
- background-color: #e6e6e6;
- border-color: #8c8c8c;
- }
- span#login_widget > .button:hover,
- #logout:hover {
- color: #333;
- background-color: #e6e6e6;
- border-color: #adadad;
- }
- span#login_widget > .button:active,
- #logout:active,
- span#login_widget > .button.active,
- #logout.active,
- .open > .dropdown-togglespan#login_widget > .button,
- .open > .dropdown-toggle#logout {
- color: #333;
- background-color: #e6e6e6;
- border-color: #adadad;
- }
- span#login_widget > .button:active:hover,
- #logout:active:hover,
- span#login_widget > .button.active:hover,
- #logout.active:hover,
- .open > .dropdown-togglespan#login_widget > .button:hover,
- .open > .dropdown-toggle#logout:hover,
- span#login_widget > .button:active:focus,
- #logout:active:focus,
- span#login_widget > .button.active:focus,
- #logout.active:focus,
- .open > .dropdown-togglespan#login_widget > .button:focus,
- .open > .dropdown-toggle#logout:focus,
- span#login_widget > .button:active.focus,
- #logout:active.focus,
- span#login_widget > .button.active.focus,
- #logout.active.focus,
- .open > .dropdown-togglespan#login_widget > .button.focus,
- .open > .dropdown-toggle#logout.focus {
- color: #333;
- background-color: #d4d4d4;
- border-color: #8c8c8c;
- }
- span#login_widget > .button:active,
- #logout:active,
- span#login_widget > .button.active,
- #logout.active,
- .open > .dropdown-togglespan#login_widget > .button,
- .open > .dropdown-toggle#logout {
- background-image: none;
- }
- span#login_widget > .button.disabled:hover,
- #logout.disabled:hover,
- span#login_widget > .button[disabled]:hover,
- #logout[disabled]:hover,
- fieldset[disabled] span#login_widget > .button:hover,
- fieldset[disabled] #logout:hover,
- span#login_widget > .button.disabled:focus,
- #logout.disabled:focus,
- span#login_widget > .button[disabled]:focus,
- #logout[disabled]:focus,
- fieldset[disabled] span#login_widget > .button:focus,
- fieldset[disabled] #logout:focus,
- span#login_widget > .button.disabled.focus,
- #logout.disabled.focus,
- span#login_widget > .button[disabled].focus,
- #logout[disabled].focus,
- fieldset[disabled] span#login_widget > .button.focus,
- fieldset[disabled] #logout.focus {
- background-color: #fff;
- border-color: #ccc;
- }
- span#login_widget > .button .badge,
- #logout .badge {
- color: #fff;
- background-color: #333;
- }
- .nav-header {
- text-transform: none;
- }
- #header > span {
- margin-top: 10px;
- }
- .modal_stretch .modal-dialog {
- /* Old browsers */
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-box-align: stretch;
- display: -moz-box;
- -moz-box-orient: vertical;
- -moz-box-align: stretch;
- display: box;
- box-orient: vertical;
- box-align: stretch;
- /* Modern browsers */
- display: flex;
- flex-direction: column;
- align-items: stretch;
- min-height: 80vh;
- }
- .modal_stretch .modal-dialog .modal-body {
- max-height: calc(100vh - 200px);
- overflow: auto;
- flex: 1;
- }
- @media (min-width: 768px) {
- .modal .modal-dialog {
- width: 700px;
- }
- }
- @media (min-width: 768px) {
- select.form-control {
- margin-left: 12px;
- margin-right: 12px;
- }
- }
- /*!
- *
- * IPython auth
- *
- */
- .center-nav {
- display: inline-block;
- margin-bottom: -4px;
- }
- /*!
- *
- * IPython tree view
- *
- */
- /* We need an invisible input field on top of the sentense*/
- /* "Drag file onto the list ..." */
- .alternate_upload {
- background-color: none;
- display: inline;
- }
- .alternate_upload.form {
- padding: 0;
- margin: 0;
- }
- .alternate_upload input.fileinput {
- text-align: center;
- vertical-align: middle;
- display: inline;
- opacity: 0;
- z-index: 2;
- width: 12ex;
- margin-right: -12ex;
- }
- .alternate_upload .btn-upload {
- height: 22px;
- }
- /**
- * Primary styles
- *
- * Author: Jupyter Development Team
- */
- ul#tabs {
- margin-bottom: 4px;
- }
- ul#tabs a {
- padding-top: 6px;
- padding-bottom: 4px;
- }
- ul.breadcrumb a:focus,
- ul.breadcrumb a:hover {
- text-decoration: none;
- }
- ul.breadcrumb i.icon-home {
- font-size: 16px;
- margin-right: 4px;
- }
- ul.breadcrumb span {
- color: #5e5e5e;
- }
- .list_toolbar {
- padding: 4px 0 4px 0;
- vertical-align: middle;
- }
- .list_toolbar .tree-buttons {
- padding-top: 1px;
- }
- .dynamic-buttons {
- padding-top: 3px;
- display: inline-block;
- }
- .list_toolbar [class*="span"] {
- min-height: 24px;
- }
- .list_header {
- font-weight: bold;
- background-color: #EEE;
- }
- .list_placeholder {
- font-weight: bold;
- padding-top: 4px;
- padding-bottom: 4px;
- padding-left: 7px;
- padding-right: 7px;
- }
- .list_container {
- margin-top: 4px;
- margin-bottom: 20px;
- border: 1px solid #ddd;
- border-radius: 2px;
- }
- .list_container > div {
- border-bottom: 1px solid #ddd;
- }
- .list_container > div:hover .list-item {
- background-color: red;
- }
- .list_container > div:last-child {
- border: none;
- }
- .list_item:hover .list_item {
- background-color: #ddd;
- }
- .list_item a {
- text-decoration: none;
- }
- .list_item:hover {
- background-color: #fafafa;
- }
- .list_header > div,
- .list_item > div {
- padding-top: 4px;
- padding-bottom: 4px;
- padding-left: 7px;
- padding-right: 7px;
- line-height: 22px;
- }
- .list_header > div input,
- .list_item > div input {
- margin-right: 7px;
- margin-left: 14px;
- vertical-align: baseline;
- line-height: 22px;
- position: relative;
- top: -1px;
- }
- .list_header > div .item_link,
- .list_item > div .item_link {
- margin-left: -1px;
- vertical-align: baseline;
- line-height: 22px;
- }
- .new-file input[type=checkbox] {
- visibility: hidden;
- }
- .item_name {
- line-height: 22px;
- height: 24px;
- }
- .item_icon {
- font-size: 14px;
- color: #5e5e5e;
- margin-right: 7px;
- margin-left: 7px;
- line-height: 22px;
- vertical-align: baseline;
- }
- .item_buttons {
- line-height: 1em;
- margin-left: -5px;
- }
- .item_buttons .btn,
- .item_buttons .btn-group,
- .item_buttons .input-group {
- float: left;
- }
- .item_buttons > .btn,
- .item_buttons > .btn-group,
- .item_buttons > .input-group {
- margin-left: 5px;
- }
- .item_buttons .btn {
- min-width: 13ex;
- }
- .item_buttons .running-indicator {
- padding-top: 4px;
- color: #5cb85c;
- }
- .item_buttons .kernel-name {
- padding-top: 4px;
- color: #5bc0de;
- margin-right: 7px;
- float: left;
- }
- .toolbar_info {
- height: 24px;
- line-height: 24px;
- }
- .list_item input:not([type=checkbox]) {
- padding-top: 3px;
- padding-bottom: 3px;
- height: 22px;
- line-height: 14px;
- margin: 0px;
- }
- .highlight_text {
- color: blue;
- }
- #project_name {
- display: inline-block;
- padding-left: 7px;
- margin-left: -2px;
- }
- #project_name > .breadcrumb {
- padding: 0px;
- margin-bottom: 0px;
- background-color: transparent;
- font-weight: bold;
- }
- #tree-selector {
- padding-right: 0px;
- }
- #button-select-all {
- min-width: 50px;
- }
- #select-all {
- margin-left: 7px;
- margin-right: 2px;
- }
- .menu_icon {
- margin-right: 2px;
- }
- .tab-content .row {
- margin-left: 0px;
- margin-right: 0px;
- }
- .folder_icon:before {
- display: inline-block;
- font: normal normal normal 14px/1 FontAwesome;
- font-size: inherit;
- text-rendering: auto;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- content: "\f114";
- }
- .folder_icon:before.pull-left {
- margin-right: .3em;
- }
- .folder_icon:before.pull-right {
- margin-left: .3em;
- }
- .notebook_icon:before {
- display: inline-block;
- font: normal normal normal 14px/1 FontAwesome;
- font-size: inherit;
- text-rendering: auto;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- content: "\f02d";
- position: relative;
- top: -1px;
- }
- .notebook_icon:before.pull-left {
- margin-right: .3em;
- }
- .notebook_icon:before.pull-right {
- margin-left: .3em;
- }
- .running_notebook_icon:before {
- display: inline-block;
- font: normal normal normal 14px/1 FontAwesome;
- font-size: inherit;
- text-rendering: auto;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- content: "\f02d";
- position: relative;
- top: -1px;
- color: #5cb85c;
- }
- .running_notebook_icon:before.pull-left {
- margin-right: .3em;
- }
- .running_notebook_icon:before.pull-right {
- margin-left: .3em;
- }
- .file_icon:before {
- display: inline-block;
- font: normal normal normal 14px/1 FontAwesome;
- font-size: inherit;
- text-rendering: auto;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- content: "\f016";
- position: relative;
- top: -2px;
- }
- .file_icon:before.pull-left {
- margin-right: .3em;
- }
- .file_icon:before.pull-right {
- margin-left: .3em;
- }
- #notebook_toolbar .pull-right {
- padding-top: 0px;
- margin-right: -1px;
- }
- ul#new-menu {
- left: auto;
- right: 0;
- }
- .kernel-menu-icon {
- padding-right: 12px;
- width: 24px;
- content: "\f096";
- }
- .kernel-menu-icon:before {
- content: "\f096";
- }
- .kernel-menu-icon-current:before {
- content: "\f00c";
- }
- #tab_content {
- padding-top: 20px;
- }
- #running .panel-group .panel {
- margin-top: 3px;
- margin-bottom: 1em;
- }
- #running .panel-group .panel .panel-heading {
- background-color: #EEE;
- padding-top: 4px;
- padding-bottom: 4px;
- padding-left: 7px;
- padding-right: 7px;
- line-height: 22px;
- }
- #running .panel-group .panel .panel-heading a:focus,
- #running .panel-group .panel .panel-heading a:hover {
- text-decoration: none;
- }
- #running .panel-group .panel .panel-body {
- padding: 0px;
- }
- #running .panel-group .panel .panel-body .list_container {
- margin-top: 0px;
- margin-bottom: 0px;
- border: 0px;
- border-radius: 0px;
- }
- #running .panel-group .panel .panel-body .list_container .list_item {
- border-bottom: 1px solid #ddd;
- }
- #running .panel-group .panel .panel-body .list_container .list_item:last-child {
- border-bottom: 0px;
- }
- .delete-button {
- display: none;
- }
- .duplicate-button {
- display: none;
- }
- .rename-button {
- display: none;
- }
- .shutdown-button {
- display: none;
- }
- .dynamic-instructions {
- display: inline-block;
- padding-top: 4px;
- }
- /*!
- *
- * IPython text editor webapp
- *
- */
- .selected-keymap i.fa {
- padding: 0px 5px;
- }
- .selected-keymap i.fa:before {
- content: "\f00c";
- }
- #mode-menu {
- overflow: auto;
- max-height: 20em;
- }
- .edit_app #header {
- -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
- box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
- }
- .edit_app #menubar .navbar {
- /* Use a negative 1 bottom margin, so the border overlaps the border of the
- header */
- margin-bottom: -1px;
- }
- .dirty-indicator {
- display: inline-block;
- font: normal normal normal 14px/1 FontAwesome;
- font-size: inherit;
- text-rendering: auto;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- width: 20px;
- }
- .dirty-indicator.pull-left {
- margin-right: .3em;
- }
- .dirty-indicator.pull-right {
- margin-left: .3em;
- }
- .dirty-indicator-dirty {
- display: inline-block;
- font: normal normal normal 14px/1 FontAwesome;
- font-size: inherit;
- text-rendering: auto;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- width: 20px;
- }
- .dirty-indicator-dirty.pull-left {
- margin-right: .3em;
- }
- .dirty-indicator-dirty.pull-right {
- margin-left: .3em;
- }
- .dirty-indicator-clean {
- display: inline-block;
- font: normal normal normal 14px/1 FontAwesome;
- font-size: inherit;
- text-rendering: auto;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- width: 20px;
- }
- .dirty-indicator-clean.pull-left {
- margin-right: .3em;
- }
- .dirty-indicator-clean.pull-right {
- margin-left: .3em;
- }
- .dirty-indicator-clean:before {
- display: inline-block;
- font: normal normal normal 14px/1 FontAwesome;
- font-size: inherit;
- text-rendering: auto;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- content: "\f00c";
- }
- .dirty-indicator-clean:before.pull-left {
- margin-right: .3em;
- }
- .dirty-indicator-clean:before.pull-right {
- margin-left: .3em;
- }
- #filename {
- font-size: 16pt;
- display: table;
- padding: 0px 5px;
- }
- #current-mode {
- padding-left: 5px;
- padding-right: 5px;
- }
- #texteditor-backdrop {
- padding-top: 20px;
- padding-bottom: 20px;
- }
- @media not print {
- #texteditor-backdrop {
- background-color: #EEE;
- }
- }
- @media print {
- #texteditor-backdrop #texteditor-container .CodeMirror-gutter,
- #texteditor-backdrop #texteditor-container .CodeMirror-gutters {
- background-color: #fff;
- }
- }
- @media not print {
- #texteditor-backdrop #texteditor-container .CodeMirror-gutter,
- #texteditor-backdrop #texteditor-container .CodeMirror-gutters {
- background-color: #fff;
- }
- }
- @media not print {
- #texteditor-backdrop #texteditor-container {
- padding: 0px;
- background-color: #fff;
- -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
- box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
- }
- }
- /*!
- *
- * IPython notebook
- *
- */
- /* CSS font colors for translated ANSI colors. */
- .ansibold {
- font-weight: bold;
- }
- /* use dark versions for foreground, to improve visibility */
- .ansiblack {
- color: black;
- }
- .ansired {
- color: darkred;
- }
- .ansigreen {
- color: darkgreen;
- }
- .ansiyellow {
- color: #c4a000;
- }
- .ansiblue {
- color: darkblue;
- }
- .ansipurple {
- color: darkviolet;
- }
- .ansicyan {
- color: steelblue;
- }
- .ansigray {
- color: gray;
- }
- /* and light for background, for the same reason */
- .ansibgblack {
- background-color: black;
- }
- .ansibgred {
- background-color: red;
- }
- .ansibggreen {
- background-color: green;
- }
- .ansibgyellow {
- background-color: yellow;
- }
- .ansibgblue {
- background-color: blue;
- }
- .ansibgpurple {
- background-color: magenta;
- }
- .ansibgcyan {
- background-color: cyan;
- }
- .ansibggray {
- background-color: gray;
- }
- div.cell {
- /* Old browsers */
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-box-align: stretch;
- display: -moz-box;
- -moz-box-orient: vertical;
- -moz-box-align: stretch;
- display: box;
- box-orient: vertical;
- box-align: stretch;
- /* Modern browsers */
- display: flex;
- flex-direction: column;
- align-items: stretch;
- border-radius: 2px;
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- border-width: 1px;
- border-style: solid;
- border-color: transparent;
- width: 100%;
- padding: 5px;
- /* This acts as a spacer between cells, that is outside the border */
- margin: 0px;
- outline: none;
- border-left-width: 1px;
- padding-left: 5px;
- background: linear-gradient(to right, transparent -40px, transparent 1px, transparent 1px, transparent 100%);
- }
- div.cell.jupyter-soft-selected {
- border-left-color: #90CAF9;
- border-left-color: #E3F2FD;
- border-left-width: 1px;
- padding-left: 5px;
- border-right-color: #E3F2FD;
- border-right-width: 1px;
- background: #E3F2FD;
- }
- @media print {
- div.cell.jupyter-soft-selected {
- border-color: transparent;
- }
- }
- div.cell.selected {
- border-color: #ababab;
- border-left-width: 0px;
- padding-left: 6px;
- background: linear-gradient(to right, #42A5F5 -40px, #42A5F5 5px, transparent 5px, transparent 100%);
- }
- @media print {
- div.cell.selected {
- border-color: transparent;
- }
- }
- div.cell.selected.jupyter-soft-selected {
- border-left-width: 0;
- padding-left: 6px;
- background: linear-gradient(to right, #42A5F5 -40px, #42A5F5 7px, #E3F2FD 7px, #E3F2FD 100%);
- }
- .edit_mode div.cell.selected {
- border-color: #66BB6A;
- border-left-width: 0px;
- padding-left: 6px;
- background: linear-gradient(to right, #66BB6A -40px, #66BB6A 5px, transparent 5px, transparent 100%);
- }
- @media print {
- .edit_mode div.cell.selected {
- border-color: transparent;
- }
- }
- .prompt {
- /* This needs to be wide enough for 3 digit prompt numbers: In[100]: */
- min-width: 14ex;
- /* This padding is tuned to match the padding on the CodeMirror editor. */
- padding: 0.4em;
- margin: 0px;
- font-family: monospace;
- text-align: right;
- /* This has to match that of the the CodeMirror class line-height below */
- line-height: 1.21429em;
- /* Don't highlight prompt number selection */
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- /* Use default cursor */
- cursor: default;
- }
- @media (max-width: 540px) {
- .prompt {
- text-align: left;
- }
- }
- div.inner_cell {
- /* Old browsers */
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-box-align: stretch;
- display: -moz-box;
- -moz-box-orient: vertical;
- -moz-box-align: stretch;
- display: box;
- box-orient: vertical;
- box-align: stretch;
- /* Modern browsers */
- display: flex;
- flex-direction: column;
- align-items: stretch;
- /* Old browsers */
- -webkit-box-flex: 1;
- -moz-box-flex: 1;
- box-flex: 1;
- /* Modern browsers */
- flex: 1;
- }
- @-moz-document url-prefix() {
- div.inner_cell {
- overflow-x: hidden;
- }
- }
- /* input_area and input_prompt must match in top border and margin for alignment */
- div.input_area {
- border: 1px solid #cfcfcf;
- border-radius: 2px;
- background: #f7f7f7;
- line-height: 1.21429em;
- }
- /* This is needed so that empty prompt areas can collapse to zero height when there
- is no content in the output_subarea and the prompt. The main purpose of this is
- to make sure that empty JavaScript output_subareas have no height. */
- div.prompt:empty {
- padding-top: 0;
- padding-bottom: 0;
- }
- div.unrecognized_cell {
- padding: 5px 5px 5px 0px;
- /* Old browsers */
- display: -webkit-box;
- -webkit-box-orient: horizontal;
- -webkit-box-align: stretch;
- display: -moz-box;
- -moz-box-orient: horizontal;
- -moz-box-align: stretch;
- display: box;
- box-orient: horizontal;
- box-align: stretch;
- /* Modern browsers */
- display: flex;
- flex-direction: row;
- align-items: stretch;
- }
- div.unrecognized_cell .inner_cell {
- border-radius: 2px;
- padding: 5px;
- font-weight: bold;
- color: red;
- border: 1px solid #cfcfcf;
- background: #eaeaea;
- }
- div.unrecognized_cell .inner_cell a {
- color: inherit;
- text-decoration: none;
- }
- div.unrecognized_cell .inner_cell a:hover {
- color: inherit;
- text-decoration: none;
- }
- @media (max-width: 540px) {
- div.unrecognized_cell > div.prompt {
- display: none;
- }
- }
- div.code_cell {
- /* avoid page breaking on code cells when printing */
- }
- @media print {
- div.code_cell {
- page-break-inside: avoid;
- }
- }
- /* any special styling for code cells that are currently running goes here */
- div.input {
- page-break-inside: avoid;
- /* Old browsers */
- display: -webkit-box;
- -webkit-box-orient: horizontal;
- -webkit-box-align: stretch;
- display: -moz-box;
- -moz-box-orient: horizontal;
- -moz-box-align: stretch;
- display: box;
- box-orient: horizontal;
- box-align: stretch;
- /* Modern browsers */
- display: flex;
- flex-direction: row;
- align-items: stretch;
- }
- @media (max-width: 540px) {
- div.input {
- /* Old browsers */
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-box-align: stretch;
- display: -moz-box;
- -moz-box-orient: vertical;
- -moz-box-align: stretch;
- display: box;
- box-orient: vertical;
- box-align: stretch;
- /* Modern browsers */
- display: flex;
- flex-direction: column;
- align-items: stretch;
- }
- }
- /* input_area and input_prompt must match in top border and margin for alignment */
- div.input_prompt {
- color: #303F9F;
- border-top: 1px solid transparent;
- }
- div.input_area > div.highlight {
- margin: 0.4em;
- border: none;
- padding: 0px;
- background-color: transparent;
- }
- div.input_area > div.highlight > pre {
- margin: 0px;
- border: none;
- padding: 0px;
- background-color: transparent;
- }
- /* The following gets added to the <head> if it is detected that the user has a
- * monospace font with inconsistent normal/bold/italic height. See
- * notebookmain.js. Such fonts will have keywords vertically offset with
- * respect to the rest of the text. The user should select a better font.
- * See: https://github.com/ipython/ipython/issues/1503
- *
- * .CodeMirror span {
- * vertical-align: bottom;
- * }
- */
- .CodeMirror {
- line-height: 1.21429em;
- /* Changed from 1em to our global default */
- font-size: 14px;
- height: auto;
- /* Changed to auto to autogrow */
- background: none;
- /* Changed from white to allow our bg to show through */
- }
- .CodeMirror-scroll {
- /* The CodeMirror docs are a bit fuzzy on if overflow-y should be hidden or visible.*/
- /* We have found that if it is visible, vertical scrollbars appear with font size changes.*/
- overflow-y: hidden;
- overflow-x: auto;
- }
- .CodeMirror-lines {
- /* In CM2, this used to be 0.4em, but in CM3 it went to 4px. We need the em value because */
- /* we have set a different line-height and want this to scale with that. */
- padding: 0.4em;
- }
- .CodeMirror-linenumber {
- padding: 0 8px 0 4px;
- }
- .CodeMirror-gutters {
- border-bottom-left-radius: 2px;
- border-top-left-radius: 2px;
- }
- .CodeMirror pre {
- /* In CM3 this went to 4px from 0 in CM2. We need the 0 value because of how we size */
- /* .CodeMirror-lines */
- padding: 0;
- border: 0;
- border-radius: 0;
- }
- /*
- Original style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>
- Adapted from GitHub theme
- */
- .highlight-base {
- color: #000;
- }
- .highlight-variable {
- color: #000;
- }
- .highlight-variable-2 {
- color: #1a1a1a;
- }
- .highlight-variable-3 {
- color: #333333;
- }
- .highlight-string {
- color: #BA2121;
- }
- .highlight-comment {
- color: #408080;
- font-style: italic;
- }
- .highlight-number {
- color: #080;
- }
- .highlight-atom {
- color: #88F;
- }
- .highlight-keyword {
- color: #008000;
- font-weight: bold;
- }
- .highlight-builtin {
- color: #008000;
- }
- .highlight-error {
- color: #f00;
- }
- .highlight-operator {
- color: #AA22FF;
- font-weight: bold;
- }
- .highlight-meta {
- color: #AA22FF;
- }
- /* previously not defined, copying from default codemirror */
- .highlight-def {
- color: #00f;
- }
- .highlight-string-2 {
- color: #f50;
- }
- .highlight-qualifier {
- color: #555;
- }
- .highlight-bracket {
- color: #997;
- }
- .highlight-tag {
- color: #170;
- }
- .highlight-attribute {
- color: #00c;
- }
- .highlight-header {
- color: blue;
- }
- .highlight-quote {
- color: #090;
- }
- .highlight-link {
- color: #00c;
- }
- /* apply the same style to codemirror */
- .cm-s-ipython span.cm-keyword {
- color: #008000;
- font-weight: bold;
- }
- .cm-s-ipython span.cm-atom {
- color: #88F;
- }
- .cm-s-ipython span.cm-number {
- color: #080;
- }
- .cm-s-ipython span.cm-def {
- color: #00f;
- }
- .cm-s-ipython span.cm-variable {
- color: #000;
- }
- .cm-s-ipython span.cm-operator {
- color: #AA22FF;
- font-weight: bold;
- }
- .cm-s-ipython span.cm-variable-2 {
- color: #1a1a1a;
- }
- .cm-s-ipython span.cm-variable-3 {
- color: #333333;
- }
- .cm-s-ipython span.cm-comment {
- color: #408080;
- font-style: italic;
- }
- .cm-s-ipython span.cm-string {
- color: #BA2121;
- }
- .cm-s-ipython span.cm-string-2 {
- color: #f50;
- }
- .cm-s-ipython span.cm-meta {
- color: #AA22FF;
- }
- .cm-s-ipython span.cm-qualifier {
- color: #555;
- }
- .cm-s-ipython span.cm-builtin {
- color: #008000;
- }
- .cm-s-ipython span.cm-bracket {
- color: #997;
- }
- .cm-s-ipython span.cm-tag {
- color: #170;
- }
- .cm-s-ipython span.cm-attribute {
- color: #00c;
- }
- .cm-s-ipython span.cm-header {
- color: blue;
- }
- .cm-s-ipython span.cm-quote {
- color: #090;
- }
- .cm-s-ipython span.cm-link {
- color: #00c;
- }
- .cm-s-ipython span.cm-error {
- color: #f00;
- }
- .cm-s-ipython span.cm-tab {
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);
- background-position: right;
- background-repeat: no-repeat;
- }
- div.output_wrapper {
- /* this position must be relative to enable descendents to be absolute within it */
- position: relative;
- /* Old browsers */
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-box-align: stretch;
- display: -moz-box;
- -moz-box-orient: vertical;
- -moz-box-align: stretch;
- display: box;
- box-orient: vertical;
- box-align: stretch;
- /* Modern browsers */
- display: flex;
- flex-direction: column;
- align-items: stretch;
- z-index: 1;
- }
- /* class for the output area when it should be height-limited */
- div.output_scroll {
- /* ideally, this would be max-height, but FF barfs all over that */
- height: 24em;
- /* FF needs this *and the wrapper* to specify full width, or it will shrinkwrap */
- width: 100%;
- overflow: auto;
- border-radius: 2px;
- -webkit-box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8);
- box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8);
- display: block;
- }
- /* output div while it is collapsed */
- div.output_collapsed {
- margin: 0px;
- padding: 0px;
- /* Old browsers */
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-box-align: stretch;
- display: -moz-box;
- -moz-box-orient: vertical;
- -moz-box-align: stretch;
- display: box;
- box-orient: vertical;
- box-align: stretch;
- /* Modern browsers */
- display: flex;
- flex-direction: column;
- align-items: stretch;
- }
- div.out_prompt_overlay {
- height: 100%;
- padding: 0px 0.4em;
- position: absolute;
- border-radius: 2px;
- }
- div.out_prompt_overlay:hover {
- /* use inner shadow to get border that is computed the same on WebKit/FF */
- -webkit-box-shadow: inset 0 0 1px #000;
- box-shadow: inset 0 0 1px #000;
- background: rgba(240, 240, 240, 0.5);
- }
- div.output_prompt {
- color: #D84315;
- }
- /* This class is the outer container of all output sections. */
- div.output_area {
- padding: 0px;
- page-break-inside: avoid;
- /* Old browsers */
- display: -webkit-box;
- -webkit-box-orient: horizontal;
- -webkit-box-align: stretch;
- display: -moz-box;
- -moz-box-orient: horizontal;
- -moz-box-align: stretch;
- display: box;
- box-orient: horizontal;
- box-align: stretch;
- /* Modern browsers */
- display: flex;
- flex-direction: row;
- align-items: stretch;
- }
- div.output_area .MathJax_Display {
- text-align: left !important;
- }
- div.output_area .rendered_html table {
- margin-left: 0;
- margin-right: 0;
- }
- div.output_area .rendered_html img {
- margin-left: 0;
- margin-right: 0;
- }
- div.output_area img,
- div.output_area svg {
- max-width: 100%;
- height: auto;
- }
- div.output_area img.unconfined,
- div.output_area svg.unconfined {
- max-width: none;
- }
- /* This is needed to protect the pre formating from global settings such
- as that of bootstrap */
- .output {
- /* Old browsers */
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-box-align: stretch;
- display: -moz-box;
- -moz-box-orient: vertical;
- -moz-box-align: stretch;
- display: box;
- box-orient: vertical;
- box-align: stretch;
- /* Modern browsers */
- display: flex;
- flex-direction: column;
- align-items: stretch;
- }
- @media (max-width: 540px) {
- div.output_area {
- /* Old browsers */
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-box-align: stretch;
- display: -moz-box;
- -moz-box-orient: vertical;
- -moz-box-align: stretch;
- display: box;
- box-orient: vertical;
- box-align: stretch;
- /* Modern browsers */
- display: flex;
- flex-direction: column;
- align-items: stretch;
- }
- }
- div.output_area pre {
- margin: 0;
- padding: 0;
- border: 0;
- vertical-align: baseline;
- color: black;
- background-color: transparent;
- border-radius: 0;
- }
- /* This class is for the output subarea inside the output_area and after
- the prompt div. */
- div.output_subarea {
- overflow-x: auto;
- padding: 0.4em;
- /* Old browsers */
- -webkit-box-flex: 1;
- -moz-box-flex: 1;
- box-flex: 1;
- /* Modern browsers */
- flex: 1;
- max-width: calc(100% - 14ex);
- }
- div.output_scroll div.output_subarea {
- overflow-x: visible;
- }
- /* The rest of the output_* classes are for special styling of the different
- output types */
- /* all text output has this class: */
- div.output_text {
- text-align: left;
- color: #000;
- /* This has to match that of the the CodeMirror class line-height below */
- line-height: 1.21429em;
- }
- /* stdout/stderr are 'text' as well as 'stream', but execute_result/error are *not* streams */
- div.output_stderr {
- background: #fdd;
- /* very light red background for stderr */
- }
- div.output_latex {
- text-align: left;
- }
- /* Empty output_javascript divs should have no height */
- div.output_javascript:empty {
- padding: 0;
- }
- .js-error {
- color: darkred;
- }
- /* raw_input styles */
- div.raw_input_container {
- line-height: 1.21429em;
- padding-top: 5px;
- }
- pre.raw_input_prompt {
- /* nothing needed here. */
- }
- input.raw_input {
- font-family: monospace;
- font-size: inherit;
- color: inherit;
- width: auto;
- /* make sure input baseline aligns with prompt */
- vertical-align: baseline;
- /* padding + margin = 0.5em between prompt and cursor */
- padding: 0em 0.25em;
- margin: 0em 0.25em;
- }
- input.raw_input:focus {
- box-shadow: none;
- }
- p.p-space {
- margin-bottom: 10px;
- }
- div.output_unrecognized {
- padding: 5px;
- font-weight: bold;
- color: red;
- }
- div.output_unrecognized a {
- color: inherit;
- text-decoration: none;
- }
- div.output_unrecognized a:hover {
- color: inherit;
- text-decoration: none;
- }
- .rendered_html {
- color: #000;
- /* any extras will just be numbers: */
- }
- .rendered_html em {
- font-style: italic;
- }
- .rendered_html strong {
- font-weight: bold;
- }
- .rendered_html u {
- text-decoration: underline;
- }
- .rendered_html :link {
- text-decoration: underline;
- }
- .rendered_html :visited {
- text-decoration: underline;
- }
- .rendered_html h1 {
- font-size: 185.7%;
- margin: 1.08em 0 0 0;
- font-weight: bold;
- line-height: 1.0;
- }
- .rendered_html h2 {
- font-size: 157.1%;
- margin: 1.27em 0 0 0;
- font-weight: bold;
- line-height: 1.0;
- }
- .rendered_html h3 {
- font-size: 128.6%;
- margin: 1.55em 0 0 0;
- font-weight: bold;
- line-height: 1.0;
- }
- .rendered_html h4 {
- font-size: 100%;
- margin: 2em 0 0 0;
- font-weight: bold;
- line-height: 1.0;
- }
- .rendered_html h5 {
- font-size: 100%;
- margin: 2em 0 0 0;
- font-weight: bold;
- line-height: 1.0;
- font-style: italic;
- }
- .rendered_html h6 {
- font-size: 100%;
- margin: 2em 0 0 0;
- font-weight: bold;
- line-height: 1.0;
- font-style: italic;
- }
- .rendered_html h1:first-child {
- margin-top: 0.538em;
- }
- .rendered_html h2:first-child {
- margin-top: 0.636em;
- }
- .rendered_html h3:first-child {
- margin-top: 0.777em;
- }
- .rendered_html h4:first-child {
- margin-top: 1em;
- }
- .rendered_html h5:first-child {
- margin-top: 1em;
- }
- .rendered_html h6:first-child {
- margin-top: 1em;
- }
- .rendered_html ul {
- list-style: disc;
- margin: 0em 2em;
- padding-left: 0px;
- }
- .rendered_html ul ul {
- list-style: square;
- margin: 0em 2em;
- }
- .rendered_html ul ul ul {
- list-style: circle;
- margin: 0em 2em;
- }
- .rendered_html ol {
- list-style: decimal;
- margin: 0em 2em;
- padding-left: 0px;
- }
- .rendered_html ol ol {
- list-style: upper-alpha;
- margin: 0em 2em;
- }
- .rendered_html ol ol ol {
- list-style: lower-alpha;
- margin: 0em 2em;
- }
- .rendered_html ol ol ol ol {
- list-style: lower-roman;
- margin: 0em 2em;
- }
- .rendered_html ol ol ol ol ol {
- list-style: decimal;
- margin: 0em 2em;
- }
- .rendered_html * + ul {
- margin-top: 1em;
- }
- .rendered_html * + ol {
- margin-top: 1em;
- }
- .rendered_html hr {
- color: black;
- background-color: black;
- }
- .rendered_html pre {
- margin: 1em 2em;
- }
- .rendered_html pre,
- .rendered_html code {
- border: 0;
- background-color: #fff;
- color: #000;
- font-size: 100%;
- padding: 0px;
- }
- .rendered_html blockquote {
- margin: 1em 2em;
- }
- .rendered_html table {
- margin-left: auto;
- margin-right: auto;
- border: 1px solid black;
- border-collapse: collapse;
- }
- .rendered_html tr,
- .rendered_html th,
- .rendered_html td {
- border: 1px solid black;
- border-collapse: collapse;
- margin: 1em 2em;
- }
- .rendered_html td,
- .rendered_html th {
- text-align: left;
- vertical-align: middle;
- padding: 4px;
- }
- .rendered_html th {
- font-weight: bold;
- }
- .rendered_html * + table {
- margin-top: 1em;
- }
- .rendered_html p {
- text-align: left;
- }
- .rendered_html * + p {
- margin-top: 1em;
- }
- .rendered_html img {
- display: block;
- margin-left: auto;
- margin-right: auto;
- }
- .rendered_html * + img {
- margin-top: 1em;
- }
- .rendered_html img,
- .rendered_html svg {
- max-width: 100%;
- height: auto;
- }
- .rendered_html img.unconfined,
- .rendered_html svg.unconfined {
- max-width: none;
- }
- div.text_cell {
- /* Old browsers */
- display: -webkit-box;
- -webkit-box-orient: horizontal;
- -webkit-box-align: stretch;
- display: -moz-box;
- -moz-box-orient: horizontal;
- -moz-box-align: stretch;
- display: box;
- box-orient: horizontal;
- box-align: stretch;
- /* Modern browsers */
- display: flex;
- flex-direction: row;
- align-items: stretch;
- }
- @media (max-width: 540px) {
- div.text_cell > div.prompt {
- display: none;
- }
- }
- div.text_cell_render {
- /*font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;*/
- outline: none;
- resize: none;
- width: inherit;
- border-style: none;
- padding: 0.5em 0.5em 0.5em 0.4em;
- color: #000;
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- }
- a.anchor-link:link {
- text-decoration: none;
- padding: 0px 20px;
- visibility: hidden;
- }
- h1:hover .anchor-link,
- h2:hover .anchor-link,
- h3:hover .anchor-link,
- h4:hover .anchor-link,
- h5:hover .anchor-link,
- h6:hover .anchor-link {
- visibility: visible;
- }
- .text_cell.rendered .input_area {
- display: none;
- }
- .text_cell.rendered .rendered_html {
- overflow-x: auto;
- overflow-y: hidden;
- }
- .text_cell.unrendered .text_cell_render {
- display: none;
- }
- .cm-header-1,
- .cm-header-2,
- .cm-header-3,
- .cm-header-4,
- .cm-header-5,
- .cm-header-6 {
- font-weight: bold;
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
- }
- .cm-header-1 {
- font-size: 185.7%;
- }
- .cm-header-2 {
- font-size: 157.1%;
- }
- .cm-header-3 {
- font-size: 128.6%;
- }
- .cm-header-4 {
- font-size: 110%;
- }
- .cm-header-5 {
- font-size: 100%;
- font-style: italic;
- }
- .cm-header-6 {
- font-size: 100%;
- font-style: italic;
- }
- /*!
- *
- * IPython notebook webapp
- *
- */
- @media (max-width: 767px) {
- .notebook_app {
- padding-left: 0px;
- padding-right: 0px;
- }
- }
- #ipython-main-app {
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- height: 100%;
- }
- div#notebook_panel {
- margin: 0px;
- padding: 0px;
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- height: 100%;
- }
- div#notebook {
- font-size: 14px;
- line-height: 20px;
- overflow-y: hidden;
- overflow-x: auto;
- width: 100%;
- /* This spaces the page away from the edge of the notebook area */
- padding-top: 20px;
- margin: 0px;
- outline: none;
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- min-height: 100%;
- }
- @media not print {
- #notebook-container {
- padding: 15px;
- background-color: #fff;
- min-height: 0;
- -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
- box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
- }
- }
- @media print {
- #notebook-container {
- width: 100%;
- }
- }
- div.ui-widget-content {
- border: 1px solid #ababab;
- outline: none;
- }
- pre.dialog {
- background-color: #f7f7f7;
- border: 1px solid #ddd;
- border-radius: 2px;
- padding: 0.4em;
- padding-left: 2em;
- }
- p.dialog {
- padding: 0.2em;
- }
- /* Word-wrap output correctly. This is the CSS3 spelling, though Firefox seems
- to not honor it correctly. Webkit browsers (Chrome, rekonq, Safari) do.
- */
- pre,
- code,
- kbd,
- samp {
- white-space: pre-wrap;
- }
- #fonttest {
- font-family: monospace;
- }
- p {
- margin-bottom: 0;
- }
- .end_space {
- min-height: 100px;
- transition: height .2s ease;
- }
- .notebook_app > #header {
- -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
- box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
- }
- @media not print {
- .notebook_app {
- background-color: #EEE;
- }
- }
- kbd {
- border-style: solid;
- border-width: 1px;
- box-shadow: none;
- margin: 2px;
- padding-left: 2px;
- padding-right: 2px;
- padding-top: 1px;
- padding-bottom: 1px;
- }
- /* CSS for the cell toolbar */
- .celltoolbar {
- border: thin solid #CFCFCF;
- border-bottom: none;
- background: #EEE;
- border-radius: 2px 2px 0px 0px;
- width: 100%;
- height: 29px;
- padding-right: 4px;
- /* Old browsers */
- display: -webkit-box;
- -webkit-box-orient: horizontal;
- -webkit-box-align: stretch;
- display: -moz-box;
- -moz-box-orient: horizontal;
- -moz-box-align: stretch;
- display: box;
- box-orient: horizontal;
- box-align: stretch;
- /* Modern browsers */
- display: flex;
- flex-direction: row;
- align-items: stretch;
- /* Old browsers */
- -webkit-box-pack: end;
- -moz-box-pack: end;
- box-pack: end;
- /* Modern browsers */
- justify-content: flex-end;
- display: -webkit-flex;
- }
- @media print {
- .celltoolbar {
- display: none;
- }
- }
- .ctb_hideshow {
- display: none;
- vertical-align: bottom;
- }
- /* ctb_show is added to the ctb_hideshow div to show the cell toolbar.
- Cell toolbars are only shown when the ctb_global_show class is also set.
- */
- .ctb_global_show .ctb_show.ctb_hideshow {
- display: block;
- }
- .ctb_global_show .ctb_show + .input_area,
- .ctb_global_show .ctb_show + div.text_cell_input,
- .ctb_global_show .ctb_show ~ div.text_cell_render {
- border-top-right-radius: 0px;
- border-top-left-radius: 0px;
- }
- .ctb_global_show .ctb_show ~ div.text_cell_render {
- border: 1px solid #cfcfcf;
- }
- .celltoolbar {
- font-size: 87%;
- padding-top: 3px;
- }
- .celltoolbar select {
- display: block;
- width: 100%;
- height: 32px;
- padding: 6px 12px;
- font-size: 13px;
- line-height: 1.42857143;
- color: #555555;
- background-color: #fff;
- background-image: none;
- border: 1px solid #ccc;
- border-radius: 2px;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
- -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
- transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
- height: 30px;
- padding: 5px 10px;
- font-size: 12px;
- line-height: 1.5;
- border-radius: 1px;
- width: inherit;
- font-size: inherit;
- height: 22px;
- padding: 0px;
- display: inline-block;
- }
- .celltoolbar select:focus {
- border-color: #66afe9;
- outline: 0;
- -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
- box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
- }
- .celltoolbar select::-moz-placeholder {
- color: #999;
- opacity: 1;
- }
- .celltoolbar select:-ms-input-placeholder {
- color: #999;
- }
- .celltoolbar select::-webkit-input-placeholder {
- color: #999;
- }
- .celltoolbar select::-ms-expand {
- border: 0;
- background-color: transparent;
- }
- .celltoolbar select[disabled],
- .celltoolbar select[readonly],
- fieldset[disabled] .celltoolbar select {
- background-color: #eeeeee;
- opacity: 1;
- }
- .celltoolbar select[disabled],
- fieldset[disabled] .celltoolbar select {
- cursor: not-allowed;
- }
- textarea.celltoolbar select {
- height: auto;
- }
- select.celltoolbar select {
- height: 30px;
- line-height: 30px;
- }
- textarea.celltoolbar select,
- select[multiple].celltoolbar select {
- height: auto;
- }
- .celltoolbar label {
- margin-left: 5px;
- margin-right: 5px;
- }
- .completions {
- position: absolute;
- z-index: 110;
- overflow: hidden;
- border: 1px solid #ababab;
- border-radius: 2px;
- -webkit-box-shadow: 0px 6px 10px -1px #adadad;
- box-shadow: 0px 6px 10px -1px #adadad;
- line-height: 1;
- }
- .completions select {
- background: white;
- outline: none;
- border: none;
- padding: 0px;
- margin: 0px;
- overflow: auto;
- font-family: monospace;
- font-size: 110%;
- color: #000;
- width: auto;
- }
- .completions select option.context {
- color: #286090;
- }
- #kernel_logo_widget {
- float: right !important;
- float: right;
- }
- #kernel_logo_widget .current_kernel_logo {
- display: none;
- margin-top: -1px;
- margin-bottom: -1px;
- width: 32px;
- height: 32px;
- }
- #menubar {
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- margin-top: 1px;
- }
- #menubar .navbar {
- border-top: 1px;
- border-radius: 0px 0px 2px 2px;
- margin-bottom: 0px;
- }
- #menubar .navbar-toggle {
- float: left;
- padding-top: 7px;
- padding-bottom: 7px;
- border: none;
- }
- #menubar .navbar-collapse {
- clear: left;
- }
- .nav-wrapper {
- border-bottom: 1px solid #e7e7e7;
- }
- i.menu-icon {
- padding-top: 4px;
- }
- ul#help_menu li a {
- overflow: hidden;
- padding-right: 2.2em;
- }
- ul#help_menu li a i {
- margin-right: -1.2em;
- }
- .dropdown-submenu {
- position: relative;
- }
- .dropdown-submenu > .dropdown-menu {
- top: 0;
- left: 100%;
- margin-top: -6px;
- margin-left: -1px;
- }
- .dropdown-submenu:hover > .dropdown-menu {
- display: block;
- }
- .dropdown-submenu > a:after {
- display: inline-block;
- font: normal normal normal 14px/1 FontAwesome;
- font-size: inherit;
- text-rendering: auto;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- display: block;
- content: "\f0da";
- float: right;
- color: #333333;
- margin-top: 2px;
- margin-right: -10px;
- }
- .dropdown-submenu > a:after.pull-left {
- margin-right: .3em;
- }
- .dropdown-submenu > a:after.pull-right {
- margin-left: .3em;
- }
- .dropdown-submenu:hover > a:after {
- color: #262626;
- }
- .dropdown-submenu.pull-left {
- float: none;
- }
- .dropdown-submenu.pull-left > .dropdown-menu {
- left: -100%;
- margin-left: 10px;
- }
- #notification_area {
- float: right !important;
- float: right;
- z-index: 10;
- }
- .indicator_area {
- float: right !important;
- float: right;
- color: #777;
- margin-left: 5px;
- margin-right: 5px;
- width: 11px;
- z-index: 10;
- text-align: center;
- width: auto;
- }
- #kernel_indicator {
- float: right !important;
- float: right;
- color: #777;
- margin-left: 5px;
- margin-right: 5px;
- width: 11px;
- z-index: 10;
- text-align: center;
- width: auto;
- border-left: 1px solid;
- }
- #kernel_indicator .kernel_indicator_name {
- padding-left: 5px;
- padding-right: 5px;
- }
- #modal_indicator {
- float: right !important;
- float: right;
- color: #777;
- margin-left: 5px;
- margin-right: 5px;
- width: 11px;
- z-index: 10;
- text-align: center;
- width: auto;
- }
- #readonly-indicator {
- float: right !important;
- float: right;
- color: #777;
- margin-left: 5px;
- margin-right: 5px;
- width: 11px;
- z-index: 10;
- text-align: center;
- width: auto;
- margin-top: 2px;
- margin-bottom: 0px;
- margin-left: 0px;
- margin-right: 0px;
- display: none;
- }
- .modal_indicator:before {
- width: 1.28571429em;
- text-align: center;
- }
- .edit_mode .modal_indicator:before {
- display: inline-block;
- font: normal normal normal 14px/1 FontAwesome;
- font-size: inherit;
- text-rendering: auto;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- content: "\f040";
- }
- .edit_mode .modal_indicator:before.pull-left {
- margin-right: .3em;
- }
- .edit_mode .modal_indicator:before.pull-right {
- margin-left: .3em;
- }
- .command_mode .modal_indicator:before {
- display: inline-block;
- font: normal normal normal 14px/1 FontAwesome;
- font-size: inherit;
- text-rendering: auto;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- content: ' ';
- }
- .command_mode .modal_indicator:before.pull-left {
- margin-right: .3em;
- }
- .command_mode .modal_indicator:before.pull-right {
- margin-left: .3em;
- }
- .kernel_idle_icon:before {
- display: inline-block;
- font: normal normal normal 14px/1 FontAwesome;
- font-size: inherit;
- text-rendering: auto;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- content: "\f10c";
- }
- .kernel_idle_icon:before.pull-left {
- margin-right: .3em;
- }
- .kernel_idle_icon:before.pull-right {
- margin-left: .3em;
- }
- .kernel_busy_icon:before {
- display: inline-block;
- font: normal normal normal 14px/1 FontAwesome;
- font-size: inherit;
- text-rendering: auto;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- content: "\f111";
- }
- .kernel_busy_icon:before.pull-left {
- margin-right: .3em;
- }
- .kernel_busy_icon:before.pull-right {
- margin-left: .3em;
- }
- .kernel_dead_icon:before {
- display: inline-block;
- font: normal normal normal 14px/1 FontAwesome;
- font-size: inherit;
- text-rendering: auto;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- content: "\f1e2";
- }
- .kernel_dead_icon:before.pull-left {
- margin-right: .3em;
- }
- .kernel_dead_icon:before.pull-right {
- margin-left: .3em;
- }
- .kernel_disconnected_icon:before {
- display: inline-block;
- font: normal normal normal 14px/1 FontAwesome;
- font-size: inherit;
- text-rendering: auto;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- content: "\f127";
- }
- .kernel_disconnected_icon:before.pull-left {
- margin-right: .3em;
- }
- .kernel_disconnected_icon:before.pull-right {
- margin-left: .3em;
- }
- .notification_widget {
- color: #777;
- z-index: 10;
- background: rgba(240, 240, 240, 0.5);
- margin-right: 4px;
- color: #333;
- background-color: #fff;
- border-color: #ccc;
- }
- .notification_widget:focus,
- .notification_widget.focus {
- color: #333;
- background-color: #e6e6e6;
- border-color: #8c8c8c;
- }
- .notification_widget:hover {
- color: #333;
- background-color: #e6e6e6;
- border-color: #adadad;
- }
- .notification_widget:active,
- .notification_widget.active,
- .open > .dropdown-toggle.notification_widget {
- color: #333;
- background-color: #e6e6e6;
- border-color: #adadad;
- }
- .notification_widget:active:hover,
- .notification_widget.active:hover,
- .open > .dropdown-toggle.notification_widget:hover,
- .notification_widget:active:focus,
- .notification_widget.active:focus,
- .open > .dropdown-toggle.notification_widget:focus,
- .notification_widget:active.focus,
- .notification_widget.active.focus,
- .open > .dropdown-toggle.notification_widget.focus {
- color: #333;
- background-color: #d4d4d4;
- border-color: #8c8c8c;
- }
- .notification_widget:active,
- .notification_widget.active,
- .open > .dropdown-toggle.notification_widget {
- background-image: none;
- }
- .notification_widget.disabled:hover,
- .notification_widget[disabled]:hover,
- fieldset[disabled] .notification_widget:hover,
- .notification_widget.disabled:focus,
- .notification_widget[disabled]:focus,
- fieldset[disabled] .notification_widget:focus,
- .notification_widget.disabled.focus,
- .notification_widget[disabled].focus,
- fieldset[disabled] .notification_widget.focus {
- background-color: #fff;
- border-color: #ccc;
- }
- .notification_widget .badge {
- color: #fff;
- background-color: #333;
- }
- .notification_widget.warning {
- color: #fff;
- background-color: #f0ad4e;
- border-color: #eea236;
- }
- .notification_widget.warning:focus,
- .notification_widget.warning.focus {
- color: #fff;
- background-color: #ec971f;
- border-color: #985f0d;
- }
- .notification_widget.warning:hover {
- color: #fff;
- background-color: #ec971f;
- border-color: #d58512;
- }
- .notification_widget.warning:active,
- .notification_widget.warning.active,
- .open > .dropdown-toggle.notification_widget.warning {
- color: #fff;
- background-color: #ec971f;
- border-color: #d58512;
- }
- .notification_widget.warning:active:hover,
- .notification_widget.warning.active:hover,
- .open > .dropdown-toggle.notification_widget.warning:hover,
- .notification_widget.warning:active:focus,
- .notification_widget.warning.active:focus,
- .open > .dropdown-toggle.notification_widget.warning:focus,
- .notification_widget.warning:active.focus,
- .notification_widget.warning.active.focus,
- .open > .dropdown-toggle.notification_widget.warning.focus {
- color: #fff;
- background-color: #d58512;
- border-color: #985f0d;
- }
- .notification_widget.warning:active,
- .notification_widget.warning.active,
- .open > .dropdown-toggle.notification_widget.warning {
- background-image: none;
- }
- .notification_widget.warning.disabled:hover,
- .notification_widget.warning[disabled]:hover,
- fieldset[disabled] .notification_widget.warning:hover,
- .notification_widget.warning.disabled:focus,
- .notification_widget.warning[disabled]:focus,
- fieldset[disabled] .notification_widget.warning:focus,
- .notification_widget.warning.disabled.focus,
- .notification_widget.warning[disabled].focus,
- fieldset[disabled] .notification_widget.warning.focus {
- background-color: #f0ad4e;
- border-color: #eea236;
- }
- .notification_widget.warning .badge {
- color: #f0ad4e;
- background-color: #fff;
- }
- .notification_widget.success {
- color: #fff;
- background-color: #5cb85c;
- border-color: #4cae4c;
- }
- .notification_widget.success:focus,
- .notification_widget.success.focus {
- color: #fff;
- background-color: #449d44;
- border-color: #255625;
- }
- .notification_widget.success:hover {
- color: #fff;
- background-color: #449d44;
- border-color: #398439;
- }
- .notification_widget.success:active,
- .notification_widget.success.active,
- .open > .dropdown-toggle.notification_widget.success {
- color: #fff;
- background-color: #449d44;
- border-color: #398439;
- }
- .notification_widget.success:active:hover,
- .notification_widget.success.active:hover,
- .open > .dropdown-toggle.notification_widget.success:hover,
- .notification_widget.success:active:focus,
- .notification_widget.success.active:focus,
- .open > .dropdown-toggle.notification_widget.success:focus,
- .notification_widget.success:active.focus,
- .notification_widget.success.active.focus,
- .open > .dropdown-toggle.notification_widget.success.focus {
- color: #fff;
- background-color: #398439;
- border-color: #255625;
- }
- .notification_widget.success:active,
- .notification_widget.success.active,
- .open > .dropdown-toggle.notification_widget.success {
- background-image: none;
- }
- .notification_widget.success.disabled:hover,
- .notification_widget.success[disabled]:hover,
- fieldset[disabled] .notification_widget.success:hover,
- .notification_widget.success.disabled:focus,
- .notification_widget.success[disabled]:focus,
- fieldset[disabled] .notification_widget.success:focus,
- .notification_widget.success.disabled.focus,
- .notification_widget.success[disabled].focus,
- fieldset[disabled] .notification_widget.success.focus {
- background-color: #5cb85c;
- border-color: #4cae4c;
- }
- .notification_widget.success .badge {
- color: #5cb85c;
- background-color: #fff;
- }
- .notification_widget.info {
- color: #fff;
- background-color: #5bc0de;
- border-color: #46b8da;
- }
- .notification_widget.info:focus,
- .notification_widget.info.focus {
- color: #fff;
- background-color: #31b0d5;
- border-color: #1b6d85;
- }
- .notification_widget.info:hover {
- color: #fff;
- background-color: #31b0d5;
- border-color: #269abc;
- }
- .notification_widget.info:active,
- .notification_widget.info.active,
- .open > .dropdown-toggle.notification_widget.info {
- color: #fff;
- background-color: #31b0d5;
- border-color: #269abc;
- }
- .notification_widget.info:active:hover,
- .notification_widget.info.active:hover,
- .open > .dropdown-toggle.notification_widget.info:hover,
- .notification_widget.info:active:focus,
- .notification_widget.info.active:focus,
- .open > .dropdown-toggle.notification_widget.info:focus,
- .notification_widget.info:active.focus,
- .notification_widget.info.active.focus,
- .open > .dropdown-toggle.notification_widget.info.focus {
- color: #fff;
- background-color: #269abc;
- border-color: #1b6d85;
- }
- .notification_widget.info:active,
- .notification_widget.info.active,
- .open > .dropdown-toggle.notification_widget.info {
- background-image: none;
- }
- .notification_widget.info.disabled:hover,
- .notification_widget.info[disabled]:hover,
- fieldset[disabled] .notification_widget.info:hover,
- .notification_widget.info.disabled:focus,
- .notification_widget.info[disabled]:focus,
- fieldset[disabled] .notification_widget.info:focus,
- .notification_widget.info.disabled.focus,
- .notification_widget.info[disabled].focus,
- fieldset[disabled] .notification_widget.info.focus {
- background-color: #5bc0de;
- border-color: #46b8da;
- }
- .notification_widget.info .badge {
- color: #5bc0de;
- background-color: #fff;
- }
- .notification_widget.danger {
- color: #fff;
- background-color: #d9534f;
- border-color: #d43f3a;
- }
- .notification_widget.danger:focus,
- .notification_widget.danger.focus {
- color: #fff;
- background-color: #c9302c;
- border-color: #761c19;
- }
- .notification_widget.danger:hover {
- color: #fff;
- background-color: #c9302c;
- border-color: #ac2925;
- }
- .notification_widget.danger:active,
- .notification_widget.danger.active,
- .open > .dropdown-toggle.notification_widget.danger {
- color: #fff;
- background-color: #c9302c;
- border-color: #ac2925;
- }
- .notification_widget.danger:active:hover,
- .notification_widget.danger.active:hover,
- .open > .dropdown-toggle.notification_widget.danger:hover,
- .notification_widget.danger:active:focus,
- .notification_widget.danger.active:focus,
- .open > .dropdown-toggle.notification_widget.danger:focus,
- .notification_widget.danger:active.focus,
- .notification_widget.danger.active.focus,
- .open > .dropdown-toggle.notification_widget.danger.focus {
- color: #fff;
- background-color: #ac2925;
- border-color: #761c19;
- }
- .notification_widget.danger:active,
- .notification_widget.danger.active,
- .open > .dropdown-toggle.notification_widget.danger {
- background-image: none;
- }
- .notification_widget.danger.disabled:hover,
- .notification_widget.danger[disabled]:hover,
- fieldset[disabled] .notification_widget.danger:hover,
- .notification_widget.danger.disabled:focus,
- .notification_widget.danger[disabled]:focus,
- fieldset[disabled] .notification_widget.danger:focus,
- .notification_widget.danger.disabled.focus,
- .notification_widget.danger[disabled].focus,
- fieldset[disabled] .notification_widget.danger.focus {
- background-color: #d9534f;
- border-color: #d43f3a;
- }
- .notification_widget.danger .badge {
- color: #d9534f;
- background-color: #fff;
- }
- div#pager {
- background-color: #fff;
- font-size: 14px;
- line-height: 20px;
- overflow: hidden;
- display: none;
- position: fixed;
- bottom: 0px;
- width: 100%;
- max-height: 50%;
- padding-top: 8px;
- -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
- box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
- /* Display over codemirror */
- z-index: 100;
- /* Hack which prevents jquery ui resizable from changing top. */
- top: auto !important;
- }
- div#pager pre {
- line-height: 1.21429em;
- color: #000;
- background-color: #f7f7f7;
- padding: 0.4em;
- }
- div#pager #pager-button-area {
- position: absolute;
- top: 8px;
- right: 20px;
- }
- div#pager #pager-contents {
- position: relative;
- overflow: auto;
- width: 100%;
- height: 100%;
- }
- div#pager #pager-contents #pager-container {
- position: relative;
- padding: 15px 0px;
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- }
- div#pager .ui-resizable-handle {
- top: 0px;
- height: 8px;
- background: #f7f7f7;
- border-top: 1px solid #cfcfcf;
- border-bottom: 1px solid #cfcfcf;
- /* This injects handle bars (a short, wide = symbol) for
- the resize handle. */
- }
- div#pager .ui-resizable-handle::after {
- content: '';
- top: 2px;
- left: 50%;
- height: 3px;
- width: 30px;
- margin-left: -15px;
- position: absolute;
- border-top: 1px solid #cfcfcf;
- }
- .quickhelp {
- /* Old browsers */
- display: -webkit-box;
- -webkit-box-orient: horizontal;
- -webkit-box-align: stretch;
- display: -moz-box;
- -moz-box-orient: horizontal;
- -moz-box-align: stretch;
- display: box;
- box-orient: horizontal;
- box-align: stretch;
- /* Modern browsers */
- display: flex;
- flex-direction: row;
- align-items: stretch;
- line-height: 1.8em;
- }
- .shortcut_key {
- display: inline-block;
- width: 20ex;
- text-align: right;
- font-family: monospace;
- }
- .shortcut_descr {
- display: inline-block;
- /* Old browsers */
- -webkit-box-flex: 1;
- -moz-box-flex: 1;
- box-flex: 1;
- /* Modern browsers */
- flex: 1;
- }
- span.save_widget {
- margin-top: 6px;
- }
- span.save_widget span.filename {
- height: 1em;
- line-height: 1em;
- padding: 3px;
- margin-left: 16px;
- border: none;
- font-size: 146.5%;
- border-radius: 2px;
- }
- span.save_widget span.filename:hover {
- background-color: #e6e6e6;
- }
- span.checkpoint_status,
- span.autosave_status {
- font-size: small;
- }
- @media (max-width: 767px) {
- span.save_widget {
- font-size: small;
- }
- span.checkpoint_status,
- span.autosave_status {
- display: none;
- }
- }
- @media (min-width: 768px) and (max-width: 991px) {
- span.checkpoint_status {
- display: none;
- }
- span.autosave_status {
- font-size: x-small;
- }
- }
- .toolbar {
- padding: 0px;
- margin-left: -5px;
- margin-top: 2px;
- margin-bottom: 5px;
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- }
- .toolbar select,
- .toolbar label {
- width: auto;
- vertical-align: middle;
- margin-right: 2px;
- margin-bottom: 0px;
- display: inline;
- font-size: 92%;
- margin-left: 0.3em;
- margin-right: 0.3em;
- padding: 0px;
- padding-top: 3px;
- }
- .toolbar .btn {
- padding: 2px 8px;
- }
- .toolbar .btn-group {
- margin-top: 0px;
- margin-left: 5px;
- }
- #maintoolbar {
- margin-bottom: -3px;
- margin-top: -8px;
- border: 0px;
- min-height: 27px;
- margin-left: 0px;
- padding-top: 11px;
- padding-bottom: 3px;
- }
- #maintoolbar .navbar-text {
- float: none;
- vertical-align: middle;
- text-align: right;
- margin-left: 5px;
- margin-right: 0px;
- margin-top: 0px;
- }
- .select-xs {
- height: 24px;
- }
- .pulse,
- .dropdown-menu > li > a.pulse,
- li.pulse > a.dropdown-toggle,
- li.pulse.open > a.dropdown-toggle {
- background-color: #F37626;
- color: white;
- }
- /**
- * Primary styles
- *
- * Author: Jupyter Development Team
- */
- /** WARNING IF YOU ARE EDITTING THIS FILE, if this is a .css file, It has a lot
- * of chance of beeing generated from the ../less/[samename].less file, you can
- * try to get back the less file by reverting somme commit in history
- **/
- /*
- * We'll try to get something pretty, so we
- * have some strange css to have the scroll bar on
- * the left with fix button on the top right of the tooltip
- */
- @-moz-keyframes fadeOut {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- }
- }
- @-webkit-keyframes fadeOut {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- }
- }
- @-moz-keyframes fadeIn {
- from {
- opacity: 0;
- }
- to {
- opacity: 1;
- }
- }
- @-webkit-keyframes fadeIn {
- from {
- opacity: 0;
- }
- to {
- opacity: 1;
- }
- }
- /*properties of tooltip after "expand"*/
- .bigtooltip {
- overflow: auto;
- height: 200px;
- -webkit-transition-property: height;
- -webkit-transition-duration: 500ms;
- -moz-transition-property: height;
- -moz-transition-duration: 500ms;
- transition-property: height;
- transition-duration: 500ms;
- }
- /*properties of tooltip before "expand"*/
- .smalltooltip {
- -webkit-transition-property: height;
- -webkit-transition-duration: 500ms;
- -moz-transition-property: height;
- -moz-transition-duration: 500ms;
- transition-property: height;
- transition-duration: 500ms;
- text-overflow: ellipsis;
- overflow: hidden;
- height: 80px;
- }
- .tooltipbuttons {
- position: absolute;
- padding-right: 15px;
- top: 0px;
- right: 0px;
- }
- .tooltiptext {
- /*avoid the button to overlap on some docstring*/
- padding-right: 30px;
- }
- .ipython_tooltip {
- max-width: 700px;
- /*fade-in animation when inserted*/
- -webkit-animation: fadeOut 400ms;
- -moz-animation: fadeOut 400ms;
- animation: fadeOut 400ms;
- -webkit-animation: fadeIn 400ms;
- -moz-animation: fadeIn 400ms;
- animation: fadeIn 400ms;
- vertical-align: middle;
- background-color: #f7f7f7;
- overflow: visible;
- border: #ababab 1px solid;
- outline: none;
- padding: 3px;
- margin: 0px;
- padding-left: 7px;
- font-family: monospace;
- min-height: 50px;
- -moz-box-shadow: 0px 6px 10px -1px #adadad;
- -webkit-box-shadow: 0px 6px 10px -1px #adadad;
- box-shadow: 0px 6px 10px -1px #adadad;
- border-radius: 2px;
- position: absolute;
- z-index: 1000;
- }
- .ipython_tooltip a {
- float: right;
- }
- .ipython_tooltip .tooltiptext pre {
- border: 0;
- border-radius: 0;
- font-size: 100%;
- background-color: #f7f7f7;
- }
- .pretooltiparrow {
- left: 0px;
- margin: 0px;
- top: -16px;
- width: 40px;
- height: 16px;
- overflow: hidden;
- position: absolute;
- }
- .pretooltiparrow:before {
- background-color: #f7f7f7;
- border: 1px #ababab solid;
- z-index: 11;
- content: "";
- position: absolute;
- left: 15px;
- top: 10px;
- width: 25px;
- height: 25px;
- -webkit-transform: rotate(45deg);
- -moz-transform: rotate(45deg);
- -ms-transform: rotate(45deg);
- -o-transform: rotate(45deg);
- }
- ul.typeahead-list i {
- margin-left: -10px;
- width: 18px;
- }
- ul.typeahead-list {
- max-height: 80vh;
- overflow: auto;
- }
- ul.typeahead-list > li > a {
- /** Firefox bug **/
- /* see https://github.com/jupyter/notebook/issues/559 */
- white-space: normal;
- }
- .cmd-palette .modal-body {
- padding: 7px;
- }
- .cmd-palette form {
- background: white;
- }
- .cmd-palette input {
- outline: none;
- }
- .no-shortcut {
- display: none;
- }
- .command-shortcut:before {
- content: "(command)";
- padding-right: 3px;
- color: #777777;
- }
- .edit-shortcut:before {
- content: "(edit)";
- padding-right: 3px;
- color: #777777;
- }
- #find-and-replace #replace-preview .match,
- #find-and-replace #replace-preview .insert {
- background-color: #BBDEFB;
- border-color: #90CAF9;
- border-style: solid;
- border-width: 1px;
- border-radius: 0px;
- }
- #find-and-replace #replace-preview .replace .match {
- background-color: #FFCDD2;
- border-color: #EF9A9A;
- border-radius: 0px;
- }
- #find-and-replace #replace-preview .replace .insert {
- background-color: #C8E6C9;
- border-color: #A5D6A7;
- border-radius: 0px;
- }
- #find-and-replace #replace-preview {
- max-height: 60vh;
- overflow: auto;
- }
- #find-and-replace #replace-preview pre {
- padding: 5px 10px;
- }
- .terminal-app {
- background: #EEE;
- }
- .terminal-app #header {
- background: #fff;
- -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
- box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
- }
- .terminal-app .terminal {
- float: left;
- font-family: monospace;
- color: white;
- background: black;
- padding: 0.4em;
- border-radius: 2px;
- -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.4);
- box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.4);
- }
- .terminal-app .terminal,
- .terminal-app .terminal dummy-screen {
- line-height: 1em;
- font-size: 14px;
- }
- .terminal-app .terminal-cursor {
- color: black;
- background: white;
- }
- .terminal-app #terminado-container {
- margin-top: 20px;
- }
- /*# sourceMappingURL=style.min.css.map */
- </style>
- <style type="text/css">
- .highlight .hll { background-color: #ffffcc }
- .highlight { background: #f8f8f8; }
- .highlight .c { color: #408080; font-style: italic } /* Comment */
- .highlight .err { border: 1px solid #FF0000 } /* Error */
- .highlight .k { color: #008000; font-weight: bold } /* Keyword */
- .highlight .o { color: #666666 } /* Operator */
- .highlight .ch { color: #408080; font-style: italic } /* Comment.Hashbang */
- .highlight .cm { color: #408080; font-style: italic } /* Comment.Multiline */
- .highlight .cp { color: #BC7A00 } /* Comment.Preproc */
- .highlight .cpf { color: #408080; font-style: italic } /* Comment.PreprocFile */
- .highlight .c1 { color: #408080; font-style: italic } /* Comment.Single */
- .highlight .cs { color: #408080; font-style: italic } /* Comment.Special */
- .highlight .gd { color: #A00000 } /* Generic.Deleted */
- .highlight .ge { font-style: italic } /* Generic.Emph */
- .highlight .gr { color: #FF0000 } /* Generic.Error */
- .highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
- .highlight .gi { color: #00A000 } /* Generic.Inserted */
- .highlight .go { color: #888888 } /* Generic.Output */
- .highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
- .highlight .gs { font-weight: bold } /* Generic.Strong */
- .highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
- .highlight .gt { color: #0044DD } /* Generic.Traceback */
- .highlight .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
- .highlight .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
- .highlight .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
- .highlight .kp { color: #008000 } /* Keyword.Pseudo */
- .highlight .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
- .highlight .kt { color: #B00040 } /* Keyword.Type */
- .highlight .m { color: #666666 } /* Literal.Number */
- .highlight .s { color: #BA2121 } /* Literal.String */
- .highlight .na { color: #7D9029 } /* Name.Attribute */
- .highlight .nb { color: #008000 } /* Name.Builtin */
- .highlight .nc { color: #0000FF; font-weight: bold } /* Name.Class */
- .highlight .no { color: #880000 } /* Name.Constant */
- .highlight .nd { color: #AA22FF } /* Name.Decorator */
- .highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */
- .highlight .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
- .highlight .nf { color: #0000FF } /* Name.Function */
- .highlight .nl { color: #A0A000 } /* Name.Label */
- .highlight .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
- .highlight .nt { color: #008000; font-weight: bold } /* Name.Tag */
- .highlight .nv { color: #19177C } /* Name.Variable */
- .highlight .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
- .highlight .w { color: #bbbbbb } /* Text.Whitespace */
- .highlight .mb { color: #666666 } /* Literal.Number.Bin */
- .highlight .mf { color: #666666 } /* Literal.Number.Float */
- .highlight .mh { color: #666666 } /* Literal.Number.Hex */
- .highlight .mi { color: #666666 } /* Literal.Number.Integer */
- .highlight .mo { color: #666666 } /* Literal.Number.Oct */
- .highlight .sb { color: #BA2121 } /* Literal.String.Backtick */
- .highlight .sc { color: #BA2121 } /* Literal.String.Char */
- .highlight .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
- .highlight .s2 { color: #BA2121 } /* Literal.String.Double */
- .highlight .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
- .highlight .sh { color: #BA2121 } /* Literal.String.Heredoc */
- .highlight .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
- .highlight .sx { color: #008000 } /* Literal.String.Other */
- .highlight .sr { color: #BB6688 } /* Literal.String.Regex */
- .highlight .s1 { color: #BA2121 } /* Literal.String.Single */
- .highlight .ss { color: #19177C } /* Literal.String.Symbol */
- .highlight .bp { color: #008000 } /* Name.Builtin.Pseudo */
- .highlight .vc { color: #19177C } /* Name.Variable.Class */
- .highlight .vg { color: #19177C } /* Name.Variable.Global */
- .highlight .vi { color: #19177C } /* Name.Variable.Instance */
- .highlight .il { color: #666666 } /* Literal.Number.Integer.Long */
- </style>
- <style type="text/css">
-
- /* Temporary definitions which will become obsolete with Notebook release 5.0 */
- .ansi-black-fg { color: #3E424D; }
- .ansi-black-bg { background-color: #3E424D; }
- .ansi-black-intense-fg { color: #282C36; }
- .ansi-black-intense-bg { background-color: #282C36; }
- .ansi-red-fg { color: #E75C58; }
- .ansi-red-bg { background-color: #E75C58; }
- .ansi-red-intense-fg { color: #B22B31; }
- .ansi-red-intense-bg { background-color: #B22B31; }
- .ansi-green-fg { color: #00A250; }
- .ansi-green-bg { background-color: #00A250; }
- .ansi-green-intense-fg { color: #007427; }
- .ansi-green-intense-bg { background-color: #007427; }
- .ansi-yellow-fg { color: #DDB62B; }
- .ansi-yellow-bg { background-color: #DDB62B; }
- .ansi-yellow-intense-fg { color: #B27D12; }
- .ansi-yellow-intense-bg { background-color: #B27D12; }
- .ansi-blue-fg { color: #208FFB; }
- .ansi-blue-bg { background-color: #208FFB; }
- .ansi-blue-intense-fg { color: #0065CA; }
- .ansi-blue-intense-bg { background-color: #0065CA; }
- .ansi-magenta-fg { color: #D160C4; }
- .ansi-magenta-bg { background-color: #D160C4; }
- .ansi-magenta-intense-fg { color: #A03196; }
- .ansi-magenta-intense-bg { background-color: #A03196; }
- .ansi-cyan-fg { color: #60C6C8; }
- .ansi-cyan-bg { background-color: #60C6C8; }
- .ansi-cyan-intense-fg { color: #258F8F; }
- .ansi-cyan-intense-bg { background-color: #258F8F; }
- .ansi-white-fg { color: #C5C1B4; }
- .ansi-white-bg { background-color: #C5C1B4; }
- .ansi-white-intense-fg { color: #A1A6B2; }
- .ansi-white-intense-bg { background-color: #A1A6B2; }
- .ansi-bold { font-weight: bold; }
- </style>
- <style type="text/css">
- /* Overrides of notebook CSS for static HTML export */
- body {
- overflow: visible;
- padding: 8px;
- }
- div#notebook {
- overflow: visible;
- border-top: none;
- }
- @media print {
- div.cell {
- display: block;
- page-break-inside: avoid;
- }
- div.output_wrapper {
- display: block;
- page-break-inside: avoid;
- }
- div.output {
- display: block;
- page-break-inside: avoid;
- }
- }
- </style>
- <!-- Custom stylesheet, it must be in the same directory as the html file -->
- <link rel="stylesheet" href="custom.css">
- <!-- Loading mathjax macro -->
- <!-- Load mathjax -->
- <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
- <!-- MathJax configuration -->
- <script type="text/x-mathjax-config">
- MathJax.Hub.Config({
- tex2jax: {
- inlineMath: [ ['$','$'], ["\\(","\\)"] ],
- displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
- processEscapes: true,
- processEnvironments: true
- },
- // Center justify equations in code and markdown cells. Elsewhere
- // we use CSS to left justify single line equations in code cells.
- displayAlign: 'center',
- "HTML-CSS": {
- styles: {'.MathJax_Display': {"margin": 0}},
- linebreaks: { automatic: true }
- }
- });
- </script>
- <!-- End of mathjax configuration --></head>
- <body>
- <div tabindex="-1" id="notebook" class="border-box-sizing">
- <div class="container" id="notebook-container">
- <div class="cell border-box-sizing text_cell rendered">
- <div class="prompt input_prompt">
- </div>
- <div class="inner_cell">
- <div class="text_cell_render border-box-sizing rendered_html">
- <h1 id="OpenStreetMap:-Data-Wrangling">OpenStreetMap: Data Wrangling<a class="anchor-link" href="#OpenStreetMap:-Data-Wrangling">¶</a></h1><p>OpenStreetMap (<a href="http://www.openstreetmap.org">http://www.openstreetmap.org</a>) foundation builds a free and editable map of the world, enabling the development of freely-reusable geospatial data. The data from OpenStreetMap is being used by many applications such as GoogleMaps, Foursquare, and Craigslist.</p>
- <p>OpenStreetMap data structure has four core elements: Nodes, Ways, Tags, and Relations.</p>
- <ul>
- <li><p><strong>Nodes</strong> are points with a geographic position stored as lon (longitude) and lan (latitude).</p>
- </li>
- <li><p><strong>Ways</strong> are ordered list of nodes, representing a polyline (can be a closed loop). They depict entities like streets, rivers, parks, and lakes.</p>
- </li>
- <li><p><strong>Relations</strong> are ordered list of nodes, ways and relations (called 'members') to show the relation between nodes and ways such as restrictions on roads.</p>
- </li>
- <li><p><strong>Tags</strong> are pairs of Keys and Values. They are used to store metadata of the map such as address, type of building, or any other physical property. Tags are always attached to a node, way or relation and are not stand-alone elements.</p>
- </li>
- </ul>
- <p>Users can add points on the map, create relations of the nodes and ways, and assign properties such as address or type to them. The data can be stored in OSM format and can be accessed in different formats. For this project, <a href="http://wiki.openstreetmap.org/wiki/OSM_XML">OSM XML</a> format is used.</p>
- <p>In this project, I have worked with the raw data from an area. Since the data is put by different users, I suppose it can be quite messy; therefore, cleaning and auditing functions to make the data look clean for analysis. I then export the data into CSV format and use this format to create tables in my SQLite database. Then I run queries on the database to extract information such as the number of nodes and ways, most contributing users, top points of interest, etc. The report is concluded by discussing benefits as well as some anticipated problems in implementing the improvement.</p>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing text_cell rendered">
- <div class="prompt input_prompt">
- </div>
- <div class="inner_cell">
- <div class="text_cell_render border-box-sizing rendered_html">
- <h2 id="Area-Chosen-for-Analysis:-San-Francisco,-California">Area Chosen for Analysis: San Francisco, California<a class="anchor-link" href="#Area-Chosen-for-Analysis:-San-Francisco,-California">¶</a></h2><p>The reason I chose San Francisco as the area of choice for this study is that it is where the Silicon Valley is; a place I want to work in someday.</p>
- <p>The raw data was locally downloaded from – <a href="https://mapzen.com/data/metro-extracts/metro/san-francisco_california/">https://mapzen.com/data/metro-extracts/metro/san-francisco_california/</a>. The 'metro extracts' provides the map of the metropolitan area (i.e., contains more elements to work with). The original file is about 1.42 GB in size. Hence, a sample file of about 20 MB is used to perform the initial analysis. Post this, after a satisfactory code is written, it is run on the original files to create the CSV files for my database.</p>
- <p>The data analyzed in this Jupyter notebook is from the sample file to be able to show shorter results. I have included all the functions here, as well as the function to create CSV files, in separate .py files in the accompanying directory/repository, which can be run on the original dataset.</p>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing text_cell rendered">
- <div class="prompt input_prompt">
- </div>
- <div class="inner_cell">
- <div class="text_cell_render border-box-sizing rendered_html">
- <h2 id="How-the-Project-Proceeds">How the Project Proceeds<a class="anchor-link" href="#How-the-Project-Proceeds">¶</a></h2><ol>
- <li><strong>Exploring the Data</strong></li>
- <li><strong>Auditing Street Names</strong></li>
- <li><strong>Auditing Postcodes</strong></li>
- <li><strong>Preparing the Data for the Database</strong></li>
- <li><strong>Creating Tables in the Database</strong></li>
- <li><strong>Running Queries on the Data</strong></li>
- <li><strong>Conclusions</strong></li>
- </ol>
- <p>The detailed case study includes information about all snippets of codes, as well as outputs from the query. You can find the complete report from this repository from CaseStudy for OpenStreetMap.</p>
- <h2 id="The-Files-in-this-Directory">The Files in this Directory<a class="anchor-link" href="#The-Files-in-this-Directory">¶</a></h2><p>This notebook (<code>Report.ipynb</code>) gives a complete explanation regarding the project, the code, and queries.</p>
- <ol>
- <li><strong><code>audit.py</code></strong>: This script contains the auditing and cleaning functions. This file is a dependency of <code>shaping_csv.py</code>.</li>
- <li><strong><code>shaping_csv.py</code></strong>: The main script which created the CSV files from the OSM data.</li>
- <li><strong><code>creating_database.py</code></strong>: This script creates databases and tables, then insert the relevant data.</li>
- <li><strong><code>query_on_database.py</code></strong>: This script contains all the SQL commands.</li>
- <li><strong><code>sample.osm</code></strong>: This file contains a sample data from the original San Francisco database.</li>
- <li><strong><code>sampler.py</code></strong>: This scripts sampels the original OSM file by taking every 'k' observations.</li>
- <li><strong><code>Report.html</code></strong>: Export of this report from Jupyter notebook to HTML.</li>
- </ol>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing text_cell rendered">
- <div class="prompt input_prompt">
- </div>
- <div class="inner_cell">
- <div class="text_cell_render border-box-sizing rendered_html">
- <h2 id="Exploring-the-Data">Exploring the Data<a class="anchor-link" href="#Exploring-the-Data">¶</a></h2><p>This section shows the data exploration i.e. to check how the data is structured, what are problems and how they can be cleaned. This is done by first looking into the dataset and parse through using <code>ElementTree</code> and extract information such as different types of elements (nodes, ways, etc.) in the OSM XML file.</p>
- <p>Since the original file is too large for processing, the file can be parsed using <code>ET.iterparse</code> (i.e. iterative parsing) as it will parse the file as it builds it – <a href="http://stackoverflow.com/questions/12792998/elementtree-iterparse-strategy">http://stackoverflow.com/questions/12792998/elementtree-iterparse-strategy</a>).</p>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing text_cell rendered">
- <div class="prompt input_prompt">
- </div>
- <div class="inner_cell">
- <div class="text_cell_render border-box-sizing rendered_html">
- <p>In the following code,</p>
- <ul>
- <li>I will iterate through different tags in the XML.</li>
- <li>Count them and put them in a dictionary with the key being the tag type.</li>
- </ul>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing code_cell rendered">
- <div class="input">
- <div class="prompt input_prompt">In [67]:</div>
- <div class="inner_cell">
- <div class="input_area">
- <div class=" highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">xml.etree.cElementTree</span> <span class="k">as</span> <span class="nn">ET</span>
- <span class="kn">import</span> <span class="nn">pprint</span>
- <span class="n">OSMFILE</span> <span class="o">=</span> <span class="s1">'sample.osm'</span>
- <span class="k">def</span> <span class="nf">count_tags</span><span class="p">(</span><span class="n">filename</span><span class="p">):</span>
- <span class="n">tags</span><span class="o">=</span> <span class="p">{}</span>
- <span class="k">for</span> <span class="n">event</span><span class="p">,</span> <span class="n">elem</span> <span class="ow">in</span> <span class="n">ET</span><span class="o">.</span><span class="n">iterparse</span><span class="p">(</span><span class="n">filename</span><span class="p">):</span>
- <span class="k">if</span> <span class="n">elem</span><span class="o">.</span><span class="n">tag</span> <span class="ow">not</span> <span class="ow">in</span> <span class="n">tags</span><span class="o">.</span><span class="n">keys</span><span class="p">():</span>
- <span class="n">tags</span><span class="p">[</span><span class="n">elem</span><span class="o">.</span><span class="n">tag</span><span class="p">]</span> <span class="o">=</span> <span class="mi">1</span>
- <span class="k">else</span><span class="p">:</span>
- <span class="n">tags</span><span class="p">[</span><span class="n">elem</span><span class="o">.</span><span class="n">tag</span><span class="p">]</span> <span class="o">+=</span> <span class="mi">1</span>
-
- <span class="n">pprint</span><span class="o">.</span><span class="n">pprint</span><span class="p">(</span><span class="n">tags</span><span class="p">)</span>
-
- <span class="n">count_tags</span><span class="p">(</span><span class="n">OSMFILE</span><span class="p">)</span>
- </pre></div>
- </div>
- </div>
- </div>
- <div class="output_wrapper">
- <div class="output">
- <div class="output_area"><div class="prompt"></div>
- <div class="output_subarea output_stream output_stdout output_text">
- <pre>{'member': 910,
- 'nd': 105916,
- 'node': 89220,
- 'osm': 1,
- 'relation': 110,
- 'tag': 27721,
- 'way': 11113}
- </pre>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing text_cell rendered">
- <div class="prompt input_prompt">
- </div>
- <div class="inner_cell">
- <div class="text_cell_render border-box-sizing rendered_html">
- <p>In the OSM XML file, the 'tag' element has key-value pairs which contain information about different points (nodes) or ways in the map. I parse through this element using the following regular expressions:</p>
- <ul>
- <li><p>Lower - <strong><code>^([a-z]|_)*$</code></strong>: Matches strings that contain only lower case characters. It also covers the underscore '_' character.</p>
- </li>
- <li><p>Lower Colon - <strong><code>^([a-z]|_)*:([a-z]|_)*$</code></strong>: Matches strings which contain lower case characters but also have the colon ':' character.</p>
- </li>
- <li><p>Problem Char - <strong><code>[=\+/&<>;\'"\?%#$@\,\. \t\r\n]</code></strong>: Matches tags with problematic characters specified in the regex pattern.</p>
- </li>
- </ul>
- <p>Take this section of the map as an example:</p>
- <pre><code> <node changeset="30175357" id="358830340"
- lat="37.6504905" lon="-122.4896963"
- timestamp="2015-04-12T22:43:37Z"
- uid="35667" user="encleadus" version="4">
- <tag k="name" v="Ocean Shore School" />
- <tag k="phone" v="+1 650 738 6650" />
- <tag k="amenity" v="school" />
- <tag k="website" v="http://www.oceanshoreschool.org/" />
- <tag k="addr:city" v="Pacifica" />
- <tag k="addr:state" v="CA" />
- <tag k="addr:street" v="Oceana Boulevard" />
- <tag k="gnis:created" v="04/06/1998" />
- <tag k="addr:postcode" v="94044" />
- <tag k="gnis:state_id" v="06" />
- <tag k="gnis:county_id" v="081" />
- <tag k="gnis:feature_id" v="1785657" />
- <tag k="addr:housenumber" v="411" />
- </node></code></pre>
- <p>This node tag has 13 tag elements inside it. There are multiple keys that have the ':' character in them, so they fall under the 'Lower_Colon' regular expression. Keys like name, phone, and amenity will fall under the 'lower' regular expression. There are no problematic characters in this specific node.</p>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing code_cell rendered">
- <div class="input">
- <div class="prompt input_prompt">In [5]:</div>
- <div class="inner_cell">
- <div class="input_area">
- <div class=" highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">xml.etree.cElementTree</span> <span class="k">as</span> <span class="nn">ET</span>
- <span class="kn">import</span> <span class="nn">pprint</span>
- <span class="kn">import</span> <span class="nn">re</span>
- <span class="n">OSMFILE</span> <span class="o">=</span> <span class="s1">'sample.osm'</span>
- <span class="n">lower</span> <span class="o">=</span> <span class="n">re</span><span class="o">.</span><span class="n">compile</span><span class="p">(</span><span class="s1">r'^([a-z]|_)*$'</span><span class="p">)</span>
- <span class="n">lower_colon</span> <span class="o">=</span> <span class="n">re</span><span class="o">.</span><span class="n">compile</span><span class="p">(</span><span class="s1">r'^([a-z]|_)*:([a-z]|_)*$'</span><span class="p">)</span>
- <span class="n">problem_chars</span> <span class="o">=</span> <span class="n">re</span><span class="o">.</span><span class="n">compile</span><span class="p">(</span><span class="s1">r'[=\+/&<>;</span><span class="se">\'</span><span class="s1">"\?%#$@\,\. \t\r\n]'</span><span class="p">)</span>
- <span class="k">def</span> <span class="nf">key_type</span><span class="p">(</span><span class="n">element</span><span class="p">,</span> <span class="n">keys</span><span class="p">):</span>
- <span class="k">if</span> <span class="n">element</span><span class="o">.</span><span class="n">tag</span> <span class="o">==</span> <span class="s2">"tag"</span><span class="p">:</span>
- <span class="k">for</span> <span class="n">tag</span> <span class="ow">in</span> <span class="n">element</span><span class="o">.</span><span class="n">iter</span><span class="p">(</span><span class="s1">'tag'</span><span class="p">):</span> <span class="c1"># Iterating through the tag elements.</span>
- <span class="n">k</span> <span class="o">=</span> <span class="n">element</span><span class="o">.</span><span class="n">attrib</span><span class="p">[</span><span class="s1">'k'</span><span class="p">]</span> <span class="c1"># Looking for the tag attribute 'k' which contains the keys.</span>
- <span class="k">if</span> <span class="n">re</span><span class="o">.</span><span class="n">search</span><span class="p">(</span><span class="n">lower</span><span class="p">,</span> <span class="n">k</span><span class="p">):</span>
- <span class="n">keys</span><span class="p">[</span><span class="s1">'lower'</span><span class="p">]</span> <span class="o">+=</span> <span class="mi">1</span>
- <span class="k">elif</span> <span class="n">re</span><span class="o">.</span><span class="n">search</span><span class="p">(</span><span class="n">lower_colon</span><span class="p">,</span> <span class="n">k</span><span class="p">):</span>
- <span class="n">keys</span><span class="p">[</span><span class="s1">'lower_colon'</span><span class="p">]</span> <span class="o">+=</span> <span class="mi">1</span>
- <span class="k">elif</span> <span class="n">re</span><span class="o">.</span><span class="n">search</span><span class="p">(</span><span class="n">problem_chars</span><span class="p">,</span> <span class="n">k</span><span class="p">):</span>
- <span class="n">keys</span><span class="p">[</span><span class="s1">'problem_chars'</span><span class="p">]</span> <span class="o">+=</span> <span class="mi">1</span>
- <span class="k">else</span><span class="p">:</span>
- <span class="n">keys</span><span class="p">[</span><span class="s1">'other'</span><span class="p">]</span> <span class="o">+=</span> <span class="mi">1</span>
- <span class="k">return</span> <span class="n">keys</span>
- <span class="k">def</span> <span class="nf">process_map</span><span class="p">(</span><span class="n">filename</span><span class="p">):</span>
- <span class="n">keys</span> <span class="o">=</span> <span class="p">{</span><span class="s2">"lower"</span><span class="p">:</span> <span class="mi">0</span><span class="p">,</span> <span class="s2">"lower_colon"</span><span class="p">:</span> <span class="mi">0</span><span class="p">,</span> <span class="s2">"problem_chars"</span><span class="p">:</span> <span class="mi">0</span><span class="p">,</span> <span class="s2">"other"</span><span class="p">:</span> <span class="mi">0</span><span class="p">}</span>
- <span class="k">for</span> <span class="n">_</span><span class="p">,</span> <span class="n">element</span> <span class="ow">in</span> <span class="n">ET</span><span class="o">.</span><span class="n">iterparse</span><span class="p">(</span><span class="n">filename</span><span class="p">):</span>
- <span class="n">keys</span> <span class="o">=</span> <span class="n">key_type</span><span class="p">(</span><span class="n">element</span><span class="p">,</span> <span class="n">keys</span><span class="p">)</span>
- <span class="n">pprint</span><span class="o">.</span><span class="n">pprint</span><span class="p">(</span><span class="n">keys</span><span class="p">)</span>
-
- <span class="n">process_map</span><span class="p">(</span><span class="n">OSMFILE</span><span class="p">)</span>
- </pre></div>
- </div>
- </div>
- </div>
- <div class="output_wrapper">
- <div class="output">
- <div class="output_area"><div class="prompt"></div>
- <div class="output_subarea output_stream output_stdout output_text">
- <pre>{'lower': 19501, 'lower_colon': 7857, 'other': 361, 'problem_chars': 2}
- </pre>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing text_cell rendered">
- <div class="prompt input_prompt">
- </div>
- <div class="inner_cell">
- <div class="text_cell_render border-box-sizing rendered_html">
- <p>Now, the number of unique users that have contributed to the OpenStreetMap data for San Francisco have to be calculated. To find the users, we need to look through the attributes of the node, way and relation tags. The 'uid' attribute is what we need to count.</p>
- <pre><code>`<node changeset="30175357"
- id="358830340" lat="37.6504905" lon="-122.4896963"
- timestamp="2015-04-12T22:43:37Z" uid="35667" user="encleadus" version="4">`</code></pre>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing code_cell rendered">
- <div class="input">
- <div class="prompt input_prompt">In [6]:</div>
- <div class="inner_cell">
- <div class="input_area">
- <div class=" highlight hl-ipython3"><pre><span></span><span class="n">OSMFILE</span> <span class="o">=</span> <span class="s1">'sample.osm'</span>
- <span class="k">def</span> <span class="nf">process_map</span><span class="p">(</span><span class="n">filename</span><span class="p">):</span>
- <span class="n">users</span> <span class="o">=</span> <span class="nb">set</span><span class="p">()</span>
- <span class="k">for</span> <span class="n">_</span><span class="p">,</span> <span class="n">element</span> <span class="ow">in</span> <span class="n">ET</span><span class="o">.</span><span class="n">iterparse</span><span class="p">(</span><span class="n">filename</span><span class="p">):</span>
- <span class="k">if</span> <span class="n">element</span><span class="o">.</span><span class="n">tag</span> <span class="o">==</span> <span class="s1">'node'</span> <span class="ow">or</span> <span class="n">element</span><span class="o">.</span><span class="n">tag</span> <span class="o">==</span> <span class="s1">'way'</span> <span class="ow">or</span> <span class="n">element</span><span class="o">.</span><span class="n">tag</span> <span class="o">==</span> <span class="s1">'relation'</span><span class="p">:</span>
- <span class="n">userid</span> <span class="o">=</span> <span class="n">element</span><span class="o">.</span><span class="n">attrib</span><span class="p">[</span><span class="s1">'uid'</span><span class="p">]</span>
- <span class="n">users</span><span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="n">userid</span><span class="p">)</span>
- <span class="nb">print</span><span class="p">(</span><span class="nb">len</span><span class="p">(</span><span class="n">users</span><span class="p">))</span>
-
- <span class="n">process_map</span><span class="p">(</span><span class="n">OSMFILE</span><span class="p">)</span>
- </pre></div>
- </div>
- </div>
- </div>
- <div class="output_wrapper">
- <div class="output">
- <div class="output_area"><div class="prompt"></div>
- <div class="output_subarea output_stream output_stdout output_text">
- <pre>928
- </pre>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing text_cell rendered">
- <div class="prompt input_prompt">
- </div>
- <div class="inner_cell">
- <div class="text_cell_render border-box-sizing rendered_html">
- <h2 id="Auditing-the-Data">Auditing the Data<a class="anchor-link" href="#Auditing-the-Data">¶</a></h2><h3 id="Auditing-Street-Names">Auditing Street Names<a class="anchor-link" href="#Auditing-Street-Names">¶</a></h3><p>Since, many users are entering data in OpenStreetMap, the way they represent the formatting of streets can vary. For example, the street type 'Avenue' can be written in formats such as:</p>
- <ul>
- <li>Avenue (starting with a capital letter)</li>
- <li>avenue (starting with a small letter)</li>
- <li>Ave. (with a .)</li>
- <li>Ave (without a .)</li>
- </ul>
- <p>To be able to process the data, we need to make these street types uniform. In case we are later searching for specific Avenue names, we can do a quick search on all street types that have the word 'Avenue' in them, and we can make sure that we are not missing anything with abbreviations of Avenue.</p>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing code_cell rendered">
- <div class="input">
- <div class="prompt input_prompt">In [19]:</div>
- <div class="inner_cell">
- <div class="input_area">
- <div class=" highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">xml.etree.cElementTree</span> <span class="k">as</span> <span class="nn">ET</span>
- <span class="kn">from</span> <span class="nn">collections</span> <span class="k">import</span> <span class="n">defaultdict</span>
- <span class="kn">import</span> <span class="nn">re</span>
- <span class="kn">import</span> <span class="nn">pprint</span>
- <span class="n">OSMFILE</span> <span class="o">=</span> <span class="s2">"sample.osm"</span>
- <span class="sd">"""This regular expression matches letters without any white space with zero to one '.'</span>
- <span class="sd">Extract a string which might or might not have the '.' character in it."""</span>
- <span class="n">street_type_re</span> <span class="o">=</span> <span class="n">re</span><span class="o">.</span><span class="n">compile</span><span class="p">(</span><span class="s1">r'\b\S+\.?$'</span><span class="p">,</span> <span class="n">re</span><span class="o">.</span><span class="n">IGNORECASE</span><span class="p">)</span>
- <span class="c1"># List of expected street types.</span>
- <span class="n">expected</span> <span class="o">=</span> <span class="p">[</span><span class="s2">"Street"</span><span class="p">,</span> <span class="s2">"Avenue"</span><span class="p">,</span> <span class="s2">"Boulevard"</span><span class="p">,</span> <span class="s2">"Drive"</span><span class="p">,</span> <span class="s2">"Court"</span><span class="p">,</span> <span class="s2">"Place"</span><span class="p">,</span> <span class="s2">"Square"</span><span class="p">,</span> <span class="s2">"Lane"</span><span class="p">,</span> <span class="s2">"Road"</span><span class="p">,</span>
- <span class="s2">"Trail"</span><span class="p">,</span> <span class="s2">"Parkway"</span><span class="p">,</span> <span class="s2">"Commons"</span><span class="p">]</span>
- <span class="k">def</span> <span class="nf">audit_street_type</span><span class="p">(</span><span class="n">street_types</span><span class="p">,</span> <span class="n">street_name</span><span class="p">):</span>
- <span class="sd">"""This function will get the list of street types and using the regular expression, </span>
- <span class="sd"> compare them to the expected list. If they do not match the names in the expected list, </span>
- <span class="sd"> it adds it to the street_types dictionary.</span>
- <span class="sd"> """</span>
- <span class="n">m</span> <span class="o">=</span> <span class="n">street_type_re</span><span class="o">.</span><span class="n">search</span><span class="p">(</span><span class="n">street_name</span><span class="p">)</span>
- <span class="k">if</span> <span class="n">m</span><span class="p">:</span>
- <span class="n">street_type</span> <span class="o">=</span> <span class="n">m</span><span class="o">.</span><span class="n">group</span><span class="p">()</span>
- <span class="k">if</span> <span class="n">street_type</span> <span class="ow">not</span> <span class="ow">in</span> <span class="n">expected</span><span class="p">:</span>
- <span class="n">street_types</span><span class="p">[</span><span class="n">street_type</span><span class="p">]</span><span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="n">street_name</span><span class="p">)</span>
-
- <span class="k">def</span> <span class="nf">is_street_name</span><span class="p">(</span><span class="n">elem</span><span class="p">):</span>
- <span class="sd">"""This unction will get the elements in the file (i.e. the tag element) and </span>
- <span class="sd"> return the attributes in that element for which their key is equal to 'addr:street'. </span>
- <span class="sd"> """</span>
- <span class="k">return</span> <span class="p">(</span><span class="n">elem</span><span class="o">.</span><span class="n">attrib</span><span class="p">[</span><span class="s1">'k'</span><span class="p">]</span> <span class="o">==</span> <span class="s2">"addr:street"</span><span class="p">)</span>
- <span class="k">def</span> <span class="nf">audit_street</span><span class="p">(</span><span class="n">osmfile</span><span class="p">):</span>
- <span class="sd">"""This function uses iterative parsing to go through the XML file, </span>
- <span class="sd"> parse node and way elements, and iterate through their tag element. </span>
- <span class="sd"> It will then call the 'audit_street_type' function to add the value attribute </span>
- <span class="sd"> of the tag (i.e. the street name) to it. </span>
- <span class="sd"> """</span>
- <span class="n">osm_file</span> <span class="o">=</span> <span class="nb">open</span><span class="p">(</span><span class="n">osmfile</span><span class="p">,</span> <span class="s2">"r"</span><span class="p">)</span>
- <span class="n">street_types</span> <span class="o">=</span> <span class="n">defaultdict</span><span class="p">(</span><span class="nb">set</span><span class="p">)</span>
-
- <span class="c1"># Parses the XML file.</span>
- <span class="k">for</span> <span class="n">event</span><span class="p">,</span> <span class="n">elem</span> <span class="ow">in</span> <span class="n">ET</span><span class="o">.</span><span class="n">iterparse</span><span class="p">(</span><span class="n">osm_file</span><span class="p">,</span> <span class="n">events</span><span class="o">=</span><span class="p">(</span><span class="s2">"start"</span><span class="p">,)):</span>
- <span class="c1"># Iterate through the 'tag' element of node and way elements.</span>
- <span class="k">if</span> <span class="n">elem</span><span class="o">.</span><span class="n">tag</span> <span class="o">==</span> <span class="s2">"node"</span> <span class="ow">or</span> <span class="n">elem</span><span class="o">.</span><span class="n">tag</span> <span class="o">==</span> <span class="s2">"way"</span><span class="p">:</span>
- <span class="k">for</span> <span class="n">tag</span> <span class="ow">in</span> <span class="n">elem</span><span class="o">.</span><span class="n">iter</span><span class="p">(</span><span class="s2">"tag"</span><span class="p">):</span>
- <span class="k">if</span> <span class="n">is_street_name</span><span class="p">(</span><span class="n">tag</span><span class="p">):</span>
- <span class="n">audit_street_type</span><span class="p">(</span><span class="n">street_types</span><span class="p">,</span> <span class="n">tag</span><span class="o">.</span><span class="n">attrib</span><span class="p">[</span><span class="s1">'v'</span><span class="p">])</span>
- <span class="n">osm_file</span><span class="o">.</span><span class="n">close</span><span class="p">()</span>
- <span class="k">return</span> <span class="n">street_types</span>
- <span class="n">street_types</span> <span class="o">=</span> <span class="n">audit_street</span><span class="p">(</span><span class="n">OSMFILE</span><span class="p">)</span>
- <span class="n">pprint</span><span class="o">.</span><span class="n">pprint</span><span class="p">(</span><span class="nb">dict</span><span class="p">(</span><span class="n">street_types</span><span class="p">))</span>
- </pre></div>
- </div>
- </div>
- </div>
- <div class="output_wrapper">
- <div class="output">
- <div class="output_area"><div class="prompt"></div>
- <div class="output_subarea output_stream output_stdout output_text">
- <pre>{'2': {'San Francisco Bicycle Route 2'},
- 'Alameda': {'Alameda'},
- 'Blvd': {'Newark Blvd'},
- 'Broadway': {'Broadway'},
- 'Center': {'Westlake Center'},
- 'Circle': {'Columbia Circle', 'Blossom Circle', 'Inner Circle'},
- 'Clemente': {'San Clemente'},
- 'Cres': {'Wellesley Cres'},
- 'Gardens': {'Wildwood Gardens'},
- 'Highway': {'Great Highway'},
- 'Ora': {'Avenue Del Ora'},
- 'Real': {'North el Camino Real', 'El Camino Real'},
- 'Terrace': {'Hawthorne Terrace'},
- 'Way': {'Camberly Way',
- 'Cambridge Way',
- 'Chelsea Way',
- 'Facebook Way',
- 'Glenn Way',
- 'Hansen Way',
- 'Industrial Way',
- 'Lenox Way',
- 'Liberty Ship Way',
- 'Lincoln Way',
- 'Marina Way',
- 'Martin Luther King Jr Way',
- 'Olympia Way',
- 'Park Way',
- 'Ranleigh Way',
- 'San Benito Way',
- 'Sanchez Way',
- 'Sussex Way',
- 'Sylvan Way',
- 'Tum Suden Way',
- 'Wessex Way'}}
- </pre>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing text_cell rendered">
- <div class="prompt input_prompt">
- </div>
- <div class="inner_cell">
- <div class="text_cell_render border-box-sizing rendered_html">
- <p>Going through the street name list, I use it to update the 'mapping' list. In this list, I mention the format of the street type that was found in the file (left) and specify to what format it needs to be changed (right). The dictionary containing the abbreviated street types do not cover all the different street types but covers a large number of them. I go through this list and see which ones can be changed. For instance:</p>
- <ul>
- <li><code>{'Highway': Great Highway'}</code> needs no changes. </li>
- <li><code>{'Blvd': 'Newark Blvd'}</code> needs to be changed from Blvd to 'Boulevard.</li>
- </ul>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing code_cell rendered">
- <div class="input">
- <div class="prompt input_prompt">In [20]:</div>
- <div class="inner_cell">
- <div class="input_area">
- <div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># The list of dictionaries, containing street types that need to be changed to match the expected list.</span>
- <span class="n">mapping</span> <span class="o">=</span> <span class="p">{</span> <span class="s2">"St"</span><span class="p">:</span> <span class="s2">"Street"</span><span class="p">,</span>
- <span class="s2">"St."</span><span class="p">:</span> <span class="s2">"Street"</span><span class="p">,</span>
- <span class="s2">"street"</span><span class="p">:</span> <span class="s2">"Street"</span><span class="p">,</span>
- <span class="s2">"Ave"</span><span class="p">:</span> <span class="s2">"Avenue"</span><span class="p">,</span>
- <span class="s2">"Ave."</span><span class="p">:</span> <span class="s2">"Avenue"</span><span class="p">,</span>
- <span class="s2">"AVE"</span><span class="p">:</span> <span class="s2">"Avenue,"</span><span class="p">,</span>
- <span class="s2">"avenue"</span><span class="p">:</span> <span class="s2">"Avenue"</span><span class="p">,</span>
- <span class="s2">"Rd."</span><span class="p">:</span> <span class="s2">"Road"</span><span class="p">,</span>
- <span class="s2">"Rd"</span><span class="p">:</span> <span class="s2">"Road"</span><span class="p">,</span>
- <span class="s2">"road"</span><span class="p">:</span> <span class="s2">"Road"</span><span class="p">,</span>
- <span class="s2">"Blvd"</span><span class="p">:</span> <span class="s2">"Boulevard"</span><span class="p">,</span>
- <span class="s2">"Blvd."</span><span class="p">:</span> <span class="s2">"Boulevard"</span><span class="p">,</span>
- <span class="s2">"Blvd,"</span><span class="p">:</span> <span class="s2">"Boulevard"</span><span class="p">,</span>
- <span class="s2">"boulevard"</span><span class="p">:</span> <span class="s2">"Boulevard"</span><span class="p">,</span>
- <span class="s2">"broadway"</span><span class="p">:</span> <span class="s2">"Broadway"</span><span class="p">,</span>
- <span class="s2">"square"</span><span class="p">:</span> <span class="s2">"Square"</span><span class="p">,</span>
- <span class="s2">"way"</span><span class="p">:</span> <span class="s2">"Way"</span><span class="p">,</span>
- <span class="s2">"Dr."</span><span class="p">:</span> <span class="s2">"Drive"</span><span class="p">,</span>
- <span class="s2">"Dr"</span><span class="p">:</span> <span class="s2">"Drive"</span><span class="p">,</span>
- <span class="s2">"ct"</span><span class="p">:</span> <span class="s2">"Court"</span><span class="p">,</span>
- <span class="s2">"Ct"</span><span class="p">:</span> <span class="s2">"Court"</span><span class="p">,</span>
- <span class="s2">"court"</span><span class="p">:</span> <span class="s2">"Court"</span><span class="p">,</span>
- <span class="s2">"Sq"</span><span class="p">:</span> <span class="s2">"Square"</span><span class="p">,</span>
- <span class="s2">"square"</span><span class="p">:</span> <span class="s2">"Square"</span><span class="p">,</span>
- <span class="s2">"cres"</span><span class="p">:</span> <span class="s2">"Crescent"</span><span class="p">,</span>
- <span class="s2">"Cres"</span><span class="p">:</span> <span class="s2">"Crescent"</span><span class="p">,</span>
- <span class="s2">"Ctr"</span><span class="p">:</span> <span class="s2">"Center"</span><span class="p">,</span>
- <span class="s2">"Hwy"</span><span class="p">:</span> <span class="s2">"Highway"</span><span class="p">,</span>
- <span class="s2">"hwy"</span><span class="p">:</span> <span class="s2">"Highway"</span><span class="p">,</span>
- <span class="s2">"Ln"</span><span class="p">:</span> <span class="s2">"Lane"</span><span class="p">,</span>
- <span class="s2">"Ln."</span><span class="p">:</span> <span class="s2">"Lane"</span><span class="p">,</span>
- <span class="s2">"parkway"</span><span class="p">:</span> <span class="s2">"Parkway"</span>
- <span class="p">}</span>
- <span class="k">def</span> <span class="nf">update_name</span><span class="p">(</span><span class="n">name</span><span class="p">,</span> <span class="n">mapping</span><span class="p">):</span>
- <span class="sd">"""This function takes the street name and split it at the space character. </span>
- <span class="sd"> In case, it finds a string that matches any key in the mapping, it replaces it with </span>
- <span class="sd"> the format that has been specified for it. </span>
- <span class="sd"> </span>
- <span class="sd"> e.g. When the function finds 'Blvd' in "Newark Blvd", it goes through mapping and maps </span>
- <span class="sd"> it to 'Boulevard', and the final street name will come out as 'Newark Boulevard'.</span>
- <span class="sd"> """</span>
- <span class="n">output</span> <span class="o">=</span> <span class="nb">list</span><span class="p">()</span>
- <span class="n">parts</span> <span class="o">=</span> <span class="n">name</span><span class="o">.</span><span class="n">split</span><span class="p">(</span><span class="s2">" "</span><span class="p">)</span>
- <span class="k">for</span> <span class="n">part</span> <span class="ow">in</span> <span class="n">parts</span><span class="p">:</span>
- <span class="k">if</span> <span class="n">part</span> <span class="ow">in</span> <span class="n">mapping</span><span class="p">:</span>
- <span class="n">output</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">mapping</span><span class="p">[</span><span class="n">part</span><span class="p">])</span>
- <span class="k">else</span><span class="p">:</span>
- <span class="n">output</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">part</span><span class="p">)</span>
- <span class="k">return</span> <span class="s2">" "</span><span class="o">.</span><span class="n">join</span><span class="p">(</span><span class="n">output</span><span class="p">)</span>
- <span class="c1"># Printing the changes made in street names.</span>
- <span class="k">for</span> <span class="n">st_type</span><span class="p">,</span> <span class="n">ways</span> <span class="ow">in</span> <span class="n">street_types</span><span class="o">.</span><span class="n">items</span><span class="p">():</span>
- <span class="k">for</span> <span class="n">name</span> <span class="ow">in</span> <span class="n">ways</span><span class="p">:</span>
- <span class="n">better_name</span> <span class="o">=</span> <span class="n">update_name</span><span class="p">(</span><span class="n">name</span><span class="p">,</span> <span class="n">mapping</span><span class="p">)</span>
- <span class="nb">print</span><span class="p">(</span><span class="n">name</span><span class="p">,</span> <span class="s2">"→"</span><span class="p">,</span> <span class="n">better_name</span><span class="p">)</span>
- </pre></div>
- </div>
- </div>
- </div>
- <div class="output_wrapper">
- <div class="output">
- <div class="output_area"><div class="prompt"></div>
- <div class="output_subarea output_stream output_stdout output_text">
- <pre>Columbia Circle → Columbia Circle
- Blossom Circle → Blossom Circle
- Inner Circle → Inner Circle
- Hawthorne Terrace → Hawthorne Terrace
- Sanchez Way → Sanchez Way
- Park Way → Park Way
- Glenn Way → Glenn Way
- Chelsea Way → Chelsea Way
- Wessex Way → Wessex Way
- Ranleigh Way → Ranleigh Way
- Sussex Way → Sussex Way
- Liberty Ship Way → Liberty Ship Way
- Facebook Way → Facebook Way
- Camberly Way → Camberly Way
- Lenox Way → Lenox Way
- San Benito Way → San Benito Way
- Lincoln Way → Lincoln Way
- Martin Luther King Jr Way → Martin Luther King Jr Way
- Cambridge Way → Cambridge Way
- Hansen Way → Hansen Way
- Sylvan Way → Sylvan Way
- Tum Suden Way → Tum Suden Way
- Marina Way → Marina Way
- Olympia Way → Olympia Way
- Industrial Way → Industrial Way
- Alameda → Alameda
- Westlake Center → Westlake Center
- Broadway → Broadway
- Newark Blvd → Newark Boulevard
- San Francisco Bicycle Route 2 → San Francisco Bicycle Route 2
- San Clemente → San Clemente
- North el Camino Real → North el Camino Real
- El Camino Real → El Camino Real
- Wellesley Cres → Wellesley Crescent
- Avenue Del Ora → Avenue Del Ora
- Wildwood Gardens → Wildwood Gardens
- Great Highway → Great Highway
- </pre>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing text_cell rendered">
- <div class="prompt input_prompt">
- </div>
- <div class="inner_cell">
- <div class="text_cell_render border-box-sizing rendered_html">
- <h3 id="Auditing-Postcodes">Auditing Postcodes<a class="anchor-link" href="#Auditing-Postcodes">¶</a></h3><p>Postcodes are another inconsistent type of data that is entered into the map. The inconsistency is either in how they are represented (with the city abbreviation or without) or how long they are. The theory behind auditing Postcodes is the same as auditing street names.</p>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing code_cell rendered">
- <div class="input">
- <div class="prompt input_prompt">In [28]:</div>
- <div class="inner_cell">
- <div class="input_area">
- <div class=" highlight hl-ipython3"><pre><span></span><span class="n">OSMFILE</span> <span class="o">=</span> <span class="s1">'sample.osm'</span>
- <span class="k">def</span> <span class="nf">dicti</span><span class="p">(</span><span class="n">data</span><span class="p">,</span> <span class="n">item</span><span class="p">):</span>
- <span class="sd">"""This function creates a dictionary postcodes can be held. </span>
- <span class="sd"> The dictionary key will be the postcode itself and the dictionary value </span>
- <span class="sd"> will be the number of times that postcode was repeated throughout the map."""</span>
- <span class="n">data</span><span class="p">[</span><span class="n">item</span><span class="p">]</span> <span class="o">+=</span> <span class="mi">1</span>
-
- <span class="k">def</span> <span class="nf">get_postcode</span><span class="p">(</span><span class="n">elem</span><span class="p">):</span>
- <span class="sd">"""This function takes the 'tag' element as an input and </span>
- <span class="sd"> return the elements for which the keys are equal to 'addr:postcode'"""</span>
- <span class="k">return</span> <span class="p">(</span><span class="n">elem</span><span class="o">.</span><span class="n">attrib</span><span class="p">[</span><span class="s1">'k'</span><span class="p">]</span> <span class="o">==</span> <span class="s2">"addr:postcode"</span><span class="p">)</span>
- <span class="k">def</span> <span class="nf">audit</span><span class="p">(</span><span class="n">osmfile</span><span class="p">):</span>
- <span class="sd">"""This function parses the XML file and iterates through node and </span>
- <span class="sd"> way elements. It extracts the value attribute (i.e. the postcode) and </span>
- <span class="sd"> add it to the 'dicti' dictionary."""</span>
- <span class="n">osm_file</span> <span class="o">=</span> <span class="nb">open</span><span class="p">(</span><span class="n">osmfile</span><span class="p">,</span> <span class="s2">"r"</span><span class="p">)</span>
- <span class="n">data</span> <span class="o">=</span> <span class="n">defaultdict</span><span class="p">(</span><span class="nb">int</span><span class="p">)</span>
- <span class="c1"># Parsing the XML file</span>
- <span class="k">for</span> <span class="n">event</span><span class="p">,</span> <span class="n">elem</span> <span class="ow">in</span> <span class="n">ET</span><span class="o">.</span><span class="n">iterparse</span><span class="p">(</span><span class="n">osm_file</span><span class="p">,</span> <span class="n">events</span><span class="o">=</span><span class="p">(</span><span class="s2">"start"</span><span class="p">,)):</span>
- <span class="c1"># Iterating through node and way elements.</span>
- <span class="k">if</span> <span class="n">elem</span><span class="o">.</span><span class="n">tag</span> <span class="o">==</span> <span class="s2">"node"</span> <span class="ow">or</span> <span class="n">elem</span><span class="o">.</span><span class="n">tag</span> <span class="o">==</span> <span class="s2">"way"</span><span class="p">:</span>
- <span class="k">for</span> <span class="n">tag</span> <span class="ow">in</span> <span class="n">elem</span><span class="o">.</span><span class="n">iter</span><span class="p">(</span><span class="s2">"tag"</span><span class="p">):</span>
- <span class="k">if</span> <span class="n">get_postcode</span><span class="p">(</span><span class="n">tag</span><span class="p">):</span>
- <span class="n">dicti</span><span class="p">(</span><span class="n">data</span><span class="p">,</span> <span class="n">tag</span><span class="o">.</span><span class="n">attrib</span><span class="p">[</span><span class="s1">'v'</span><span class="p">])</span>
- <span class="k">return</span> <span class="n">data</span>
- <span class="n">postcodes</span> <span class="o">=</span> <span class="n">audit</span><span class="p">(</span><span class="n">OSMFILE</span><span class="p">)</span>
- <span class="n">pprint</span><span class="o">.</span><span class="n">pprint</span><span class="p">(</span><span class="nb">dict</span><span class="p">(</span><span class="n">postcodes</span><span class="p">))</span>
- </pre></div>
- </div>
- </div>
- </div>
- <div class="output_wrapper">
- <div class="output">
- <div class="output_area"><div class="prompt"></div>
- <div class="output_subarea output_stream output_stdout output_text">
- <pre>{'94005': 1,
- '94010': 2,
- '94014': 1,
- '94015': 2,
- '94025': 1,
- '94061': 3,
- '94062': 1,
- '94063': 2,
- '94065': 1,
- '94102': 1,
- '94103': 18,
- '94104': 1,
- '94105': 2,
- '94107': 2,
- '94108': 1,
- '94109': 10,
- '94110': 2,
- '94111': 1,
- '94113': 1,
- '94114': 5,
- '94115': 1,
- '94116': 29,
- '94117': 22,
- '94118': 14,
- '94121': 6,
- '94122': 69,
- '94123': 1,
- '94124': 1,
- '94127': 10,
- '94131': 2,
- '94132': 1,
- '94133': 15,
- '94401': 1,
- '94501': 2,
- '94530': 2,
- '94541': 3,
- '94560': 1,
- '94578': 1,
- '94580': 1,
- '94587': 6,
- '94598': 1,
- '94602': 1,
- '94605': 1,
- '94606': 2,
- '94610': 14,
- '94611': 46,
- '94612': 4,
- '94618': 2,
- '94702': 1,
- '94703': 1,
- '94704': 2,
- '94706': 4,
- '94707': 2,
- '94709': 1,
- '94804': 1,
- '94805': 9,
- '94904': 1,
- '94941': 1,
- '94965': 1,
- '95498': 1}
- </pre>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing text_cell rendered">
- <div class="prompt input_prompt">
- </div>
- <div class="inner_cell">
- <div class="text_cell_render border-box-sizing rendered_html">
- <p>The output shows that the postcode is in a <em>5-digit format</em>.</p>
- <p>After running the code on the original file, I also found other postcode formats. To deal with these other formats observed, I divide them into different categories: <br></p>
- <ul>
- <li><p>The first category includes the ones:</p>
- <ul>
- <li>Where the length equals to 5 (e.g., 12345).</li>
- <li>Where the length is longer than 5, and they contain characters (e.g., CA 12345). <br><br> </li>
- </ul>
- </li>
- <li><p>The second category includes the ones:</p>
- <ul>
- <li>Where the length is longer than 5, and they are followed by a hyphen (e.g., 12345-6789). <br><br></li>
- </ul>
- </li>
- <li><p>The third category includes the ones:</p>
- <ul>
- <li>Where the length is longer than 5, but are not followed by any hyphen (e.g., 123456).</li>
- <li>Where the length is shorter than 5 (e.g., 1234, 515).</li>
- <li>Where the postcode equals to 'CA.' <br></li>
- </ul>
- </li>
- </ul>
- <p>For the first category, I use a regular expression to extract only 5 digits from the pattern. This regex asserts position at the start of the string (<code>^</code>) and matches any character that is NOT a digit (<code>\D*</code>). The (<code>\d{5}</code>) matches a digit exactly 5 times. In case the postcode starts with letters (e.g., CA 12345), it gives two groups of output: 'CA' and '12345'. Depending on which one is needed, the preferred group can be chosen – <strong><code>^\D*(\d{5}).*</code></strong>.</p>
- <p>For the second category, I use another regular expression to extract the first 5-digits. This regex matches digits 5 times, is followed by a '-,' and then matching digits exactly 4 times – <strong><code>^(\d{5})-\d{4}$</code></strong>.</p>
- <p>For the third category, having postcodes which have shorter or longer than 5-digit length, means that they are not valid. To clean them up, I replace those postcodes with '00000'. I use regular expressions to be able to find the ones that are exactly 6-digit long – <strong><code>^\d{6}$</code></strong>.</p>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing code_cell rendered">
- <div class="input">
- <div class="prompt input_prompt">In [30]:</div>
- <div class="inner_cell">
- <div class="input_area">
- <div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">update_postcode</span><span class="p">(</span><span class="n">digit</span><span class="p">):</span>
- <span class="sd">"""Makes use of different conditions in the function to match the </span>
- <span class="sd"> postcodes in the 3 categories that can be found for postal codes."""</span>
- <span class="n">output</span> <span class="o">=</span> <span class="nb">list</span><span class="p">()</span>
-
- <span class="n">first_category</span> <span class="o">=</span> <span class="n">re</span><span class="o">.</span><span class="n">compile</span><span class="p">(</span><span class="s1">r'^\D*(\d</span><span class="si">{5}</span><span class="s1">$)'</span><span class="p">,</span> <span class="n">re</span><span class="o">.</span><span class="n">IGNORECASE</span><span class="p">)</span>
- <span class="n">second_category</span> <span class="o">=</span> <span class="n">re</span><span class="o">.</span><span class="n">compile</span><span class="p">(</span><span class="s1">'^(\d</span><span class="si">{5}</span><span class="s1">)-\d</span><span class="si">{4}</span><span class="s1">$'</span><span class="p">)</span>
- <span class="n">third_category</span> <span class="o">=</span> <span class="n">re</span><span class="o">.</span><span class="n">compile</span><span class="p">(</span><span class="s1">'^\d</span><span class="si">{6}</span><span class="s1">$'</span><span class="p">)</span>
-
- <span class="k">if</span> <span class="n">re</span><span class="o">.</span><span class="n">search</span><span class="p">(</span><span class="n">first_category</span><span class="p">,</span> <span class="n">digit</span><span class="p">):</span>
- <span class="n">new_digit</span> <span class="o">=</span> <span class="n">re</span><span class="o">.</span><span class="n">search</span><span class="p">(</span><span class="n">first_category</span><span class="p">,</span> <span class="n">digit</span><span class="p">)</span><span class="o">.</span><span class="n">group</span><span class="p">(</span><span class="mi">1</span><span class="p">)</span>
- <span class="n">output</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">new_digit</span><span class="p">)</span>
-
- <span class="k">elif</span> <span class="n">re</span><span class="o">.</span><span class="n">search</span><span class="p">(</span><span class="n">second_category</span><span class="p">,</span> <span class="n">digit</span><span class="p">):</span>
- <span class="n">new_digit</span> <span class="o">=</span> <span class="n">re</span><span class="o">.</span><span class="n">search</span><span class="p">(</span><span class="n">second_category</span><span class="p">,</span> <span class="n">digit</span><span class="p">)</span><span class="o">.</span><span class="n">group</span><span class="p">(</span><span class="mi">1</span><span class="p">)</span>
- <span class="n">output</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">new_digit</span><span class="p">)</span>
-
- <span class="k">elif</span> <span class="n">re</span><span class="o">.</span><span class="n">search</span><span class="p">(</span><span class="n">third_category</span><span class="p">,</span> <span class="n">digit</span><span class="p">):</span>
- <span class="n">third_output</span> <span class="o">=</span> <span class="n">third_category</span><span class="o">.</span><span class="n">search</span><span class="p">(</span><span class="n">digit</span><span class="p">)</span>
- <span class="n">new_digit</span> <span class="o">=</span> <span class="s1">'00000'</span>
- <span class="n">output</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="s1">'00000'</span><span class="p">)</span>
-
- <span class="c1"># This condition matches the third category for any other types.</span>
- <span class="k">elif</span> <span class="n">digit</span> <span class="o">==</span> <span class="s1">'CA'</span> <span class="ow">or</span> <span class="nb">len</span><span class="p">(</span><span class="n">digit</span><span class="p">)</span> <span class="o"><</span> <span class="mi">5</span><span class="p">:</span>
- <span class="n">new_digit</span> <span class="o">=</span> <span class="s1">'00000'</span>
- <span class="n">output</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">new_digit</span><span class="p">)</span>
- <span class="k">return</span> <span class="s1">', '</span><span class="o">.</span><span class="n">join</span><span class="p">(</span><span class="nb">str</span><span class="p">(</span><span class="n">x</span><span class="p">)</span> <span class="k">for</span> <span class="n">x</span> <span class="ow">in</span> <span class="n">output</span><span class="p">)</span>
- <span class="k">for</span> <span class="n">postcode</span><span class="p">,</span> <span class="n">nums</span> <span class="ow">in</span> <span class="n">postcodes</span><span class="o">.</span><span class="n">items</span><span class="p">():</span>
- <span class="n">better_code</span> <span class="o">=</span> <span class="n">update_postcode</span><span class="p">(</span><span class="n">postcode</span><span class="p">)</span>
- <span class="nb">print</span><span class="p">(</span><span class="n">postcode</span><span class="p">,</span> <span class="s2">"→"</span><span class="p">,</span> <span class="n">better_code</span><span class="p">)</span>
- </pre></div>
- </div>
- </div>
- </div>
- <div class="output_wrapper">
- <div class="output">
- <div class="output_area"><div class="prompt"></div>
- <div class="output_subarea output_stream output_stdout output_text">
- <pre>94541 → 94541
- 94110 → 94110
- 94116 → 94116
- 94587 → 94587
- 94612 → 94612
- 94065 → 94065
- 94704 → 94704
- 94103 → 94103
- 94606 → 94606
- 94061 → 94061
- 94107 → 94107
- 94010 → 94010
- 94115 → 94115
- 94132 → 94132
- 94114 → 94114
- 94702 → 94702
- 94618 → 94618
- 94109 → 94109
- 94122 → 94122
- 94127 → 94127
- 94105 → 94105
- 94117 → 94117
- 94118 → 94118
- 94121 → 94121
- 94108 → 94108
- 94706 → 94706
- 94904 → 94904
- 94015 → 94015
- 94941 → 94941
- 94804 → 94804
- 94560 → 94560
- 94965 → 94965
- 94062 → 94062
- 94104 → 94104
- 94113 → 94113
- 94063 → 94063
- 94133 → 94133
- 94111 → 94111
- 94123 → 94123
- 94131 → 94131
- 95498 → 95498
- 94501 → 94501
- 94602 → 94602
- 94610 → 94610
- 94611 → 94611
- 94598 → 94598
- 94124 → 94124
- 94014 → 94014
- 94102 → 94102
- 94580 → 94580
- 94025 → 94025
- 94401 → 94401
- 94005 → 94005
- 94703 → 94703
- 94605 → 94605
- 94578 → 94578
- 94805 → 94805
- 94530 → 94530
- 94707 → 94707
- 94709 → 94709
- </pre>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing text_cell rendered">
- <div class="prompt input_prompt">
- </div>
- <div class="inner_cell">
- <div class="text_cell_render border-box-sizing rendered_html">
- <h2 id="Preparing-the-Data-for-the-Database">Preparing the Data for the Database<a class="anchor-link" href="#Preparing-the-Data-for-the-Database">¶</a></h2><p>To load the data to the SQLite database, they need to be converted from the XML file to CSV files. I create multiple CSV files, and later create the corresponding tables in my database based on them.</p>
- <p>The CSV files I want to have are:</p>
- <ul>
- <li><code>node.csv</code></li>
- <li><code>node_tags.csv</code></li>
- <li><code>way.csv</code></li>
- <li><code>way_tags.csv</code></li>
- <li><code>way_nodes.csv</code></li>
- </ul>
- <p>Each of these CSV files contains different columns and stores data based on those columns. The columns used in the CSV files will be the table columns in the database. This is the <strong>schema</strong>:</p>
- <ul>
- <li>NODE_FIELDS = ['id', 'lat', 'lon', 'user', 'uid', 'version', 'changeset', 'timestamp']</li>
- <li>NODE_TAGS_FIELDS = ['id', 'key', 'value', 'type']</li>
- <li>WAY_FIELDS = ['id', 'user', 'uid', 'version', 'changeset', 'timestamp']</li>
- <li>WAY_TAGS_FIELDS = ['id', 'key', 'value', 'type']</li>
- <li>WAY_NODES_FIELDS = ['id', 'node_id', 'position']</li>
- </ul>
- <p>To create these files, I will parse the 'node' and 'way' tags and extract the tags inside them. The <code>shape_element</code> function takes an iterparse element object and returns a dictionary. Depending on whether the element is 'node' or 'way', the dictionary looks different.</p>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing text_cell rendered">
- <div class="prompt input_prompt">
- </div>
- <div class="inner_cell">
- <div class="text_cell_render border-box-sizing rendered_html">
- <p>Here's an example from the 'node' element in the XML file:</p>
- <pre><code><node changeset="27772228" id="358830414"
- lat="37.6668652" lon="-122.4895243" timestamp="2014-12-29T09:43:14Z"
- uid="14293" user="KindredCoda" version="2">
- <tag k="ele" v="118" />
- <tag k="name" v="Longview Park" />
- <tag k="leisure" v="park" />
- <tag k="gnis:created" v="04/06/1998" />
- <tag k="gnis:state_id" v="06" />
- <tag k="gnis:county_id" v="081" />
- <tag k="gnis:feature_id" v="1785701" />
- </node>
- </code></pre>
- <h3 id="For-'Node':">For 'Node':<a class="anchor-link" href="#For-'Node':">¶</a></h3><p><strong>The dictionary returns the format <code>{"node": .., "node_tags": ...}</code></strong></p>
- <p>The <code>node</code> field holds a dictionary of the following top level node attributes: <code>id, user, uid, version, lat, lon, timestamp, changeset</code>. All the other attributes are ignored.</p>
- <p>The <code>node_tags</code> field holds a list of dictionaries, one per secondary tag (child tags of node, which have the tag name/type: "tag"). Each dictionary has the following fields and properties:</p>
- <ul>
- <li><p><code>id:</code> the top level node_id attribute value. For example, <code>node['id']='358830414'</code> in the above sample. <br><br></p>
- </li>
- <li><p><code>key:</code> the full tag "k" attribute value if no colon is present or the characters after the colon if there is one. For example, <code>k="name"</code>. <br><br></p>
- </li>
- <li><p><code>value:</code> the tag "v" attribute value. For example, <code>v="Longview Park"</code> is the value for the key <code>k="name"</code>. <br><br></p>
- </li>
- <li><p><code>type:</code> either the characters before the colon in the tag "k" value or "regular" if a colon is not present. For <code>k="name"</code>, the type would be 'regular'. <br><br></p>
- </li>
- <li><p>If the tag "k" value contains problematic characters, the tag should be ignored. <br><br></p>
- </li>
- <li><p>If the tag "k" value contains a ":", the characters before the ":" should be set as the tag type and characters after the ":" should be set as the tag key. For example, in <code><tag k="gnis:county_id"></code>, the <code>tag['type']='gnis' and tag['key']='county_id'</code>. <br><br></p>
- </li>
- <li><p>If there are additional ":" in the "k" value, they should be ignored and kept as part of the tag key. For example, <code>{'id':12345, 'key':'street:name', 'value':'Lincoln', 'type':'addr'}.</code> <br><br></p>
- </li>
- <li><p>If a node has no secondary tags, then <code>node_tags</code> field should just contain an empty list.</p>
- </li>
- </ul>
- <h3 id="For-'Way':">For 'Way':<a class="anchor-link" href="#For-'Way':">¶</a></h3><p><strong>The dictionary has the format <code>{"way": ..., "way_tags": ..., "way_nodes": ...}</code></strong></p>
- <p>The <code>way</code> field should hold a dictionary of the following top level way attributes <code>id, user, uid, version, timestamp, changeset</code>.</p>
- <p>The <code>way_tags</code> field again holds a list of dictionaries, following the exact same rules as for <code>node_tags</code>.</p>
- <p>Additionally, the dictionary has a field <code>way_nodes</code>. <code>way_nodes</code> holds a list of dictionaries. Each dictionary has the fields:</p>
- <ul>
- <li><code>id:</code> the top level element (way) id.</li>
- <li><code>node_id:</code> the ref attribute value of the nd tag.</li>
- <li><code>position:</code> the index starting at 0 of the nd tag i.e. what order the nd tag appears within the way element.</li>
- </ul>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing text_cell rendered">
- <div class="prompt input_prompt">
- </div>
- <div class="inner_cell">
- <div class="text_cell_render border-box-sizing rendered_html">
- <h3 id="Writing-to-CSV">Writing to CSV<a class="anchor-link" href="#Writing-to-CSV">¶</a></h3><p>To write the data into CSV files, <code>shape_element</code> function which makes use of <code>update_name</code> and <code>update_postcode</code> functions to clean the street names and postcodes before they are inserted into the CSV files. Each of the function is called twice, once for nodes and the other for ways.</p>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing text_cell rendered">
- <div class="prompt input_prompt">
- </div>
- <div class="inner_cell">
- <div class="text_cell_render border-box-sizing rendered_html">
- <h4 id="Issue-Faced:-Incompletely-Filled-Attributes">Issue Faced: Incompletely Filled Attributes<a class="anchor-link" href="#Issue-Faced:-Incompletely-Filled-Attributes">¶</a></h4><p>One issue I noticed while I was validating my CSV file against the expected schema, I found out that some <code>uid</code> values are missing from the data. Although according to the best practice of OpenStreetMap, all user's information should be written while submitting data, they are not; thus, causing validation to throw errors. To fix this issue, dummy values have been entered.</p>
- <p>The same problem with some empty fields are relatable to the 'k' attribute as well; meaning users did not add information for all the attributes in node or way. To overcome this problem, a conditional statement to set the <code>['type']</code> and <code>['key']</code> to 'regular' in case the field is empty was implemented. Else, it uses the regular expressions to find corresponding patterns.</p>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing text_cell rendered">
- <div class="prompt input_prompt">
- </div>
- <div class="inner_cell">
- <div class="text_cell_render border-box-sizing rendered_html">
- <h3 id="Preparing-the-Database">Preparing the Database<a class="anchor-link" href="#Preparing-the-Database">¶</a></h3><p>After the CSV files are created (by running the shaping_csv.py file), the next step is to create the database and insert the information from those CSV files to their corresponding tables.</p>
- <p>I created the database called <code>openstreetmap_sf_db,</code> and I created tables with columns based on the columns from the CSV files, and inserted the data from the CSV files to the corresponding tables in the database. The <code>creating_database.py</code> file takes care of creating the tables and inserting data in them.</p>
- <p>After the tables are created, I can now start investigating them and getting queries on them.</p>
- <p>The sample code below shows how I have created the tables in the database; where <code>tables_name</code>, <code>column_name</code> and <code>filename.csv</code> are replaced according to the table that is to be inserted. First, I connect to the SQLite file and make sure to check that the table I want to create is not already created. Using <code>cur.execute</code>, I execute commands to the database in Python. After creating the table, I inserted the data from the CSV file into it. I did this process for every table I wanted to create in the database.</p>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing code_cell rendered">
- <div class="input">
- <div class="prompt input_prompt">In [68]:</div>
- <div class="inner_cell">
- <div class="input_area">
- <div class=" highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">sqlite3</span>
- <span class="kn">import</span> <span class="nn">csv</span>
- <span class="kn">from</span> <span class="nn">pprint</span> <span class="k">import</span> <span class="n">pprint</span>
- <span class="c1"># Put the path to your sqlite database. If no database is available, a new one will be created.</span>
- <span class="n">sqlite_file</span> <span class="o">=</span> <span class="s1">'openstreetmap_sf_db.sqlite'</span>
- <span class="c1"># Connecting to the database.</span>
- <span class="n">conn</span> <span class="o">=</span> <span class="n">sqlite3</span><span class="o">.</span><span class="n">connect</span><span class="p">(</span><span class="n">sqlite_file</span><span class="p">)</span>
- <span class="n">cur</span> <span class="o">=</span> <span class="n">conn</span><span class="o">.</span><span class="n">cursor</span><span class="p">()</span>
- </pre></div>
- </div>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing text_cell rendered">
- <div class="prompt input_prompt">
- </div>
- <div class="inner_cell">
- <div class="text_cell_render border-box-sizing rendered_html">
- <h2 id="Data-Overview">Data Overview<a class="anchor-link" href="#Data-Overview">¶</a></h2>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing text_cell rendered">
- <div class="prompt input_prompt">
- </div>
- <div class="inner_cell">
- <div class="text_cell_render border-box-sizing rendered_html">
- <p>Now that I have audited and cleaned the data and transfered everything into table in my database, I can start running queries on it.</p>
- <p>The queries help find the following.</p>
- <ol>
- <li>Number of nodes, ways.</li>
- <li>Number of unique users.</li>
- <li>Most contributing users.</li>
- <li>No. of users who contributed only once.</li>
- <li>Top 10 amneties in San Francisco.</li>
- <li>Cuisines in San Francisco.</li>
- <li>Shopes in San Francisco.</li>
- <li>Users who added amneties.</li>
- </ol>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing text_cell rendered">
- <div class="prompt input_prompt">
- </div>
- <div class="inner_cell">
- <div class="text_cell_render border-box-sizing rendered_html">
- <h3 id="Number-of-Nodes-&-Ways">Number of Nodes & Ways<a class="anchor-link" href="#Number-of-Nodes-&-Ways">¶</a></h3>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing code_cell rendered">
- <div class="input">
- <div class="prompt input_prompt">In [69]:</div>
- <div class="inner_cell">
- <div class="input_area">
- <div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">number_of_nodes</span><span class="p">():</span>
- <span class="n">output</span> <span class="o">=</span> <span class="n">cur</span><span class="o">.</span><span class="n">execute</span><span class="p">(</span><span class="s1">'SELECT COUNT(*) FROM nodes'</span><span class="p">)</span>
- <span class="k">return</span> <span class="n">output</span><span class="o">.</span><span class="n">fetchone</span><span class="p">()[</span><span class="mi">0</span><span class="p">]</span>
- <span class="nb">print</span><span class="p">(</span><span class="s1">'Number of nodes: </span><span class="se">\n</span><span class="s1">'</span> <span class="p">,</span> <span class="n">number_of_nodes</span><span class="p">())</span>
- <span class="k">def</span> <span class="nf">number_of_ways</span><span class="p">():</span>
- <span class="n">output</span> <span class="o">=</span> <span class="n">cur</span><span class="o">.</span><span class="n">execute</span><span class="p">(</span><span class="s1">'SELECT COUNT(*) FROM ways'</span><span class="p">)</span>
- <span class="k">return</span> <span class="n">output</span><span class="o">.</span><span class="n">fetchone</span><span class="p">()[</span><span class="mi">0</span><span class="p">]</span>
- <span class="nb">print</span><span class="p">(</span><span class="s1">'Number of ways: </span><span class="se">\n</span><span class="s1">'</span><span class="p">,</span> <span class="n">number_of_ways</span><span class="p">())</span>
- </pre></div>
- </div>
- </div>
- </div>
- <div class="output_wrapper">
- <div class="output">
- <div class="output_area"><div class="prompt"></div>
- <div class="output_subarea output_stream output_stdout output_text">
- <pre>Number of nodes:
- 6691432
- Number of ways:
- 833509
- </pre>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing text_cell rendered">
- <div class="prompt input_prompt">
- </div>
- <div class="inner_cell">
- <div class="text_cell_render border-box-sizing rendered_html">
- <h3 id="Number-of-Unique-Users">Number of Unique Users<a class="anchor-link" href="#Number-of-Unique-Users">¶</a></h3>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing code_cell rendered">
- <div class="input">
- <div class="prompt input_prompt">In [70]:</div>
- <div class="inner_cell">
- <div class="input_area">
- <div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">number_of_unique_users</span><span class="p">():</span>
- <span class="n">output</span> <span class="o">=</span> <span class="n">cur</span><span class="o">.</span><span class="n">execute</span><span class="p">(</span><span class="s1">'SELECT COUNT(DISTINCT e.uid) FROM </span><span class="se">\</span>
- <span class="s1"> (SELECT uid FROM nodes UNION ALL SELECT uid FROM ways) e'</span><span class="p">)</span>
- <span class="k">return</span> <span class="n">output</span><span class="o">.</span><span class="n">fetchone</span><span class="p">()[</span><span class="mi">0</span><span class="p">]</span>
- <span class="nb">print</span><span class="p">(</span><span class="s1">'Number of unique users: </span><span class="se">\n</span><span class="s1">'</span> <span class="p">,</span> <span class="n">number_of_unique_users</span><span class="p">())</span>
- </pre></div>
- </div>
- </div>
- </div>
- <div class="output_wrapper">
- <div class="output">
- <div class="output_area"><div class="prompt"></div>
- <div class="output_subarea output_stream output_stdout output_text">
- <pre>Number of unique users:
- 2996
- </pre>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing text_cell rendered">
- <div class="prompt input_prompt">
- </div>
- <div class="inner_cell">
- <div class="text_cell_render border-box-sizing rendered_html">
- <h3 id="Most-Contributing-Users">Most Contributing Users<a class="anchor-link" href="#Most-Contributing-Users">¶</a></h3>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing code_cell rendered">
- <div class="input">
- <div class="prompt input_prompt">In [78]:</div>
- <div class="inner_cell">
- <div class="input_area">
- <div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">most_contributing_users</span><span class="p">():</span>
- <span class="n">output</span> <span class="o">=</span> <span class="n">cur</span><span class="o">.</span><span class="n">execute</span><span class="p">(</span><span class="s1">'SELECT e.user, COUNT(*) as num FROM </span><span class="se">\</span>
- <span class="s1"> (SELECT user FROM nodes UNION ALL SELECT user FROM ways) e </span><span class="se">\</span>
- <span class="s1"> GROUP BY e.user </span><span class="se">\</span>
- <span class="s1"> ORDER BY num DESC </span><span class="se">\</span>
- <span class="s1"> LIMIT 10 '</span><span class="p">)</span>
- <span class="nb">print</span><span class="p">(</span><span class="s2">"Most contributing users: </span><span class="se">\n</span><span class="s2">"</span><span class="p">)</span>
- <span class="n">pprint</span><span class="p">(</span><span class="n">output</span><span class="o">.</span><span class="n">fetchall</span><span class="p">())</span>
- <span class="k">return</span> <span class="kc">None</span>
- <span class="n">most_contributing_users</span><span class="p">()</span>
- </pre></div>
- </div>
- </div>
- </div>
- <div class="output_wrapper">
- <div class="output">
- <div class="output_area"><div class="prompt"></div>
- <div class="output_subarea output_stream output_stdout output_text">
- <pre>Most contributing users:
- [("b'andygol'", 1495885),
- ("b'ediyes'", 886372),
- ("b'Luis36995'", 678994),
- ("b'dannykath'", 545833),
- ("b'RichRico'", 414739),
- ("b'Rub21'", 380990),
- ("b'calfarome'", 190771),
- ("b'oldtopos'", 165326),
- ("b'KindredCoda'", 149721),
- ("b'karitotp'", 139477)]
- </pre>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing text_cell rendered">
- <div class="prompt input_prompt">
- </div>
- <div class="inner_cell">
- <div class="text_cell_render border-box-sizing rendered_html">
- <h3 id="Number-of-Users-Who-Contributed-Once">Number of Users Who Contributed Once<a class="anchor-link" href="#Number-of-Users-Who-Contributed-Once">¶</a></h3>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing code_cell rendered">
- <div class="input">
- <div class="prompt input_prompt">In [79]:</div>
- <div class="inner_cell">
- <div class="input_area">
- <div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">number_of_users_contributed_once</span><span class="p">():</span>
- <span class="n">output</span> <span class="o">=</span> <span class="n">cur</span><span class="o">.</span><span class="n">execute</span><span class="p">(</span><span class="s1">'SELECT COUNT(*) FROM </span><span class="se">\</span>
- <span class="s1"> (SELECT e.user, COUNT(*) as num FROM </span><span class="se">\</span>
- <span class="s1"> (SELECT user FROM nodes UNION ALL SELECT user FROM ways) e </span><span class="se">\</span>
- <span class="s1"> GROUP BY e.user </span><span class="se">\</span>
- <span class="s1"> HAVING num = 1) u'</span><span class="p">)</span>
- <span class="k">return</span> <span class="n">output</span><span class="o">.</span><span class="n">fetchone</span><span class="p">()[</span><span class="mi">0</span><span class="p">]</span>
-
- <span class="nb">print</span><span class="p">(</span><span class="s1">'Number of users who have contributed once: </span><span class="se">\n</span><span class="s1">'</span><span class="p">,</span> <span class="n">number_of_users_contributed_once</span><span class="p">())</span>
- </pre></div>
- </div>
- </div>
- </div>
- <div class="output_wrapper">
- <div class="output">
- <div class="output_area"><div class="prompt"></div>
- <div class="output_subarea output_stream output_stdout output_text">
- <pre>Number of users who have contributed once:
- 747
- </pre>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing text_cell rendered">
- <div class="prompt input_prompt">
- </div>
- <div class="inner_cell">
- <div class="text_cell_render border-box-sizing rendered_html">
- <h3 id="Top-10-Amenities-in-San-Francisco">Top 10 Amenities in San Francisco<a class="anchor-link" href="#Top-10-Amenities-in-San-Francisco">¶</a></h3>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing code_cell rendered">
- <div class="input">
- <div class="prompt input_prompt">In [106]:</div>
- <div class="inner_cell">
- <div class="input_area">
- <div class=" highlight hl-ipython3"><pre><span></span><span class="n">query</span> <span class="o">=</span> <span class="s2">"SELECT value, COUNT(*) as num FROM nodes_tags </span><span class="se">\</span>
- <span class="s2"> WHERE key=</span><span class="se">\"</span><span class="s2">b'amenity'</span><span class="se">\"</span><span class="s2"> </span><span class="se">\</span>
- <span class="s2"> GROUP BY value </span><span class="se">\</span>
- <span class="s2"> ORDER BY num DESC </span><span class="se">\</span>
- <span class="s2"> LIMIT 20"</span>
- <span class="k">def</span> <span class="nf">top_ten_amenities_in_sf</span><span class="p">():</span>
- <span class="n">output</span> <span class="o">=</span> <span class="n">cur</span><span class="o">.</span><span class="n">execute</span><span class="p">(</span><span class="n">query</span><span class="p">)</span>
- <span class="n">pprint</span><span class="p">(</span><span class="n">output</span><span class="o">.</span><span class="n">fetchall</span><span class="p">())</span>
- <span class="k">return</span> <span class="kc">None</span>
- <span class="nb">print</span><span class="p">(</span><span class="s1">'Top 10 Amenities:</span><span class="se">\n</span><span class="s1">'</span><span class="p">)</span>
- <span class="n">top_ten_amenities_in_sf</span><span class="p">()</span>
- </pre></div>
- </div>
- </div>
- </div>
- <div class="output_wrapper">
- <div class="output">
- <div class="output_area"><div class="prompt"></div>
- <div class="output_subarea output_stream output_stdout output_text">
- <pre>Top 10 Amenities:
- [("b'restaurant'", 3063),
- ("b'bench'", 1357),
- ("b'cafe'", 1039),
- ("b'post_box'", 698),
- ("b'place_of_worship'", 689),
- ("b'fast_food'", 599),
- ("b'bicycle_parking'", 585),
- ("b'school'", 572),
- ("b'drinking_water'", 543),
- ("b'toilets'", 424),
- ("b'bank'", 372),
- ("b'bar'", 343),
- ("b'fuel'", 275),
- ("b'parking'", 274),
- ("b'waste_basket'", 239),
- ("b'car_sharing'", 223),
- ("b'atm'", 211),
- ("b'pub'", 207),
- ("b'post_office'", 164),
- ("b'pharmacy'", 151)]
- </pre>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing text_cell rendered">
- <div class="prompt input_prompt">
- </div>
- <div class="inner_cell">
- <div class="text_cell_render border-box-sizing rendered_html">
- <h3 id="Top-10-Cuisines-in-San-Francisco">Top 10 Cuisines in San Francisco<a class="anchor-link" href="#Top-10-Cuisines-in-San-Francisco">¶</a></h3>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing code_cell rendered">
- <div class="input">
- <div class="prompt input_prompt">In [107]:</div>
- <div class="inner_cell">
- <div class="input_area">
- <div class=" highlight hl-ipython3"><pre><span></span><span class="n">query</span> <span class="o">=</span> <span class="s2">"SELECT value, COUNT(*) as num FROM ways_tags </span><span class="se">\</span>
- <span class="s2"> WHERE key=</span><span class="se">\"</span><span class="s2">b'cuisine'</span><span class="se">\"</span><span class="s2"> </span><span class="se">\</span>
- <span class="s2"> GROUP BY value </span><span class="se">\</span>
- <span class="s2"> ORDER BY num DESC </span><span class="se">\</span>
- <span class="s2"> LIMIT 10"</span>
- <span class="k">def</span> <span class="nf">cuisines_in_sf</span><span class="p">():</span>
- <span class="n">output</span> <span class="o">=</span> <span class="n">cur</span><span class="o">.</span><span class="n">execute</span><span class="p">(</span><span class="n">query</span><span class="p">)</span>
- <span class="n">pprint</span><span class="p">(</span><span class="n">output</span><span class="o">.</span><span class="n">fetchall</span><span class="p">())</span>
- <span class="k">return</span> <span class="kc">None</span>
- <span class="nb">print</span><span class="p">(</span><span class="s1">'Top 10 Cuisines in San Francisco:</span><span class="se">\n</span><span class="s1">'</span><span class="p">)</span>
- <span class="n">cuisines_in_sf</span><span class="p">()</span>
- </pre></div>
- </div>
- </div>
- </div>
- <div class="output_wrapper">
- <div class="output">
- <div class="output_area"><div class="prompt"></div>
- <div class="output_subarea output_stream output_stdout output_text">
- <pre>Top 10 Cuisines in San Francisco:
- [("b'burger'", 77),
- ("b'mexican'", 51),
- ("b'chinese'", 30),
- ("b'pizza'", 29),
- ("b'american'", 23),
- ("b'coffee_shop'", 22),
- ("b'japanese'", 20),
- ("b'italian'", 19),
- ("b'seafood'", 13),
- ("b'indian'", 11)]
- </pre>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing text_cell rendered">
- <div class="prompt input_prompt">
- </div>
- <div class="inner_cell">
- <div class="text_cell_render border-box-sizing rendered_html">
- <p>San Francisco is known for its diverse culture and this reflects in the popularity of international cuisines.</p>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing text_cell rendered">
- <div class="prompt input_prompt">
- </div>
- <div class="inner_cell">
- <div class="text_cell_render border-box-sizing rendered_html">
- <h3 id="Different-Types-of-Shops">Different Types of Shops<a class="anchor-link" href="#Different-Types-of-Shops">¶</a></h3>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing code_cell rendered">
- <div class="input">
- <div class="prompt input_prompt">In [115]:</div>
- <div class="inner_cell">
- <div class="input_area">
- <div class=" highlight hl-ipython3"><pre><span></span><span class="n">query</span> <span class="o">=</span> <span class="s2">"SELECT value, COUNT(*) as num FROM nodes_tags </span><span class="se">\</span>
- <span class="s2"> WHERE key=</span><span class="se">\"</span><span class="s2">b'shop'</span><span class="se">\"</span><span class="s2"> </span><span class="se">\</span>
- <span class="s2"> GROUP BY value </span><span class="se">\</span>
- <span class="s2"> ORDER BY num DESC </span><span class="se">\</span>
- <span class="s2"> LIMIT 10"</span>
- <span class="k">def</span> <span class="nf">shops_in_sf</span><span class="p">():</span>
- <span class="n">output</span> <span class="o">=</span> <span class="n">cur</span><span class="o">.</span><span class="n">execute</span><span class="p">(</span><span class="n">query</span><span class="p">)</span>
- <span class="n">pprint</span><span class="p">(</span><span class="n">output</span><span class="o">.</span><span class="n">fetchall</span><span class="p">())</span>
- <span class="k">return</span> <span class="kc">None</span>
- <span class="nb">print</span><span class="p">(</span><span class="s1">'Different types of shops:</span><span class="se">\n</span><span class="s1">'</span><span class="p">)</span>
- <span class="n">shops_in_sf</span><span class="p">()</span>
- </pre></div>
- </div>
- </div>
- </div>
- <div class="output_wrapper">
- <div class="output">
- <div class="output_area"><div class="prompt"></div>
- <div class="output_subarea output_stream output_stdout output_text">
- <pre>Different types of shops:
- [("b'convenience'", 393),
- ("b'clothes'", 378),
- ("b'hairdresser'", 349),
- ("b'beauty'", 284),
- ("b'yes'", 216),
- ("b'supermarket'", 207),
- ("b'car_repair'", 175),
- ("b'bakery'", 172),
- ("b'laundry'", 171),
- ("b'dry_cleaning'", 144)]
- </pre>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing text_cell rendered">
- <div class="prompt input_prompt">
- </div>
- <div class="inner_cell">
- <div class="text_cell_render border-box-sizing rendered_html">
- <h3 id="Popular-Cafes-in-San-Francisco">Popular Cafes in San Francisco<a class="anchor-link" href="#Popular-Cafes-in-San-Francisco">¶</a></h3>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing code_cell rendered">
- <div class="input">
- <div class="prompt input_prompt">In [118]:</div>
- <div class="inner_cell">
- <div class="input_area">
- <div class=" highlight hl-ipython3"><pre><span></span><span class="n">query</span> <span class="o">=</span> <span class="s2">"SELECT nodes_tags.value, COUNT(*) as num </span><span class="se">\</span>
- <span class="s2"> FROM nodes_tags </span><span class="se">\</span>
- <span class="s2"> JOIN (SELECT DISTINCT(id) FROM nodes_tags WHERE value=</span><span class="se">\"</span><span class="s2">b'coffee_shop'</span><span class="se">\"</span><span class="s2">) AS cafes </span><span class="se">\</span>
- <span class="s2"> ON nodes_tags.id = cafes.id </span><span class="se">\</span>
- <span class="s2"> WHERE nodes_tags.key=</span><span class="se">\"</span><span class="s2">b'name'</span><span class="se">\"\</span>
- <span class="s2"> GROUP BY nodes_tags.value </span><span class="se">\</span>
- <span class="s2"> ORDER BY num DESC </span><span class="se">\</span>
- <span class="s2"> LIMIT 10"</span>
- <span class="k">def</span> <span class="nf">most_popular_cafes</span><span class="p">():</span>
- <span class="n">output</span> <span class="o">=</span> <span class="n">cur</span><span class="o">.</span><span class="n">execute</span><span class="p">(</span><span class="n">query</span><span class="p">)</span>
- <span class="n">pprint</span><span class="p">(</span><span class="n">output</span><span class="o">.</span><span class="n">fetchall</span><span class="p">())</span>
- <span class="k">return</span> <span class="kc">None</span>
- <span class="nb">print</span><span class="p">(</span><span class="s1">'Most popular cafes in San Francisco: </span><span class="se">\n</span><span class="s1">'</span><span class="p">)</span>
- <span class="n">most_popular_cafes</span><span class="p">()</span>
- </pre></div>
- </div>
- </div>
- </div>
- <div class="output_wrapper">
- <div class="output">
- <div class="output_area"><div class="prompt"></div>
- <div class="output_subarea output_stream output_stdout output_text">
- <pre>Most popular cafes in San Francisco:
- [("b'Starbucks'", 53),
- ('b"Peet\'s Coffee & Tea"', 16),
- ("b'Starbucks Coffee'", 15),
- ('b"Peet\'s Coffee and Tea"', 7),
- ('b"Peet\'s Coffee"', 5),
- ("b'Blue Bottle Coffee'", 5),
- ("b'Philz Coffee'", 5),
- ("b'Beanery'", 3),
- ("b'Highwire Coffee Roasters'", 3),
- ('b"Yali\'s Cafe"', 2)]
- </pre>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing text_cell rendered">
- <div class="prompt input_prompt">
- </div>
- <div class="inner_cell">
- <div class="text_cell_render border-box-sizing rendered_html">
- <p>It is not surprising that Starbucks in the most popular brand in the US. There are, however, some mistakes in the names. For example 'Starbuck' and 'Starbucks Coffee' are the same thing with different names. This is another potential data wrangling task (left out in this project).</p>
- </div>
- </div>
- </div>
- <div class="cell border-box-sizing text_cell rendered">
- <div class="prompt input_prompt">
- </div>
- <div class="inner_cell">
- <div class="text_cell_render border-box-sizing rendered_html">
- <h2 id="Discussions-about-the-Data">Discussions about the Data<a class="anchor-link" href="#Discussions-about-the-Data">¶</a></h2><p>Data wrangling for this project has been a time-consuming and complicated due to many inconsistencies in the data. I could spot only a few of those problems and clean them up, but I am sure there are many issues that went unnoticed. The primary reason behind these inconsistencies is human error.</p>
- <p>A lot of the issues related to the OpenStreetMap data can be prevented or corrected. For this, the following summary highlighting the issue and a proposed solution with its pros & cons are displayed.</p>
- <h4 id="1.-Empty-User-ID-Fields">1. Empty User ID Fields<a class="anchor-link" href="#1.-Empty-User-ID-Fields">¶</a></h4><p>This issue was noticed while creating the CSV files and trying to validate them against the correct schema. I had received an error citing that the <code>uid</code> field is empty. This was surprising as for a data made by multiple users; a <code>uid</code> is a highly important attribute.</p>
- <ul>
- <li><strong>Solution</strong>: It should be made a practice to make <code>uid</code> mandatory for contributors. <ul>
- <li><strong>Benefits:</strong> <code>uid</code> can be then used a primary key.</li>
- <li><strong>Anticipated Issue:</strong> This might decrease the number of contributions.</li>
- </ul>
- </li>
- </ul>
- <h4 id="2.-Invalid-Format-for-Postcodes">2. Invalid Format for Postcodes<a class="anchor-link" href="#2.-Invalid-Format-for-Postcodes">¶</a></h4><p>While auditing the postcodes, there were a lot of invalid entries in the dataset. The standard postcode format was in the form of a 5-digit code, with no letters or other characters; however, there were formats with the state abbreviation before the digit (still acceptable). There were a high number of entries in the format where the code was 6-digit long or shorter than 5-digits long or only 'CA.'</p>
- <ul>
- <li><strong>Solution:</strong> There should be some data validation before a user enters the data. <ul>
- <li><strong>Benefits:</strong> Introduces standardization and reduces data auditing/cleaning process.</li>
- <li><strong>Drawback:</strong> Users might take time to accustom to the standards that are being forced on them which can affect the rate of data-entry.<ul>
- <li>The effect of this drawback can be reduced by a small-readable 'Read Me.'</li>
- </ul>
- </li>
- </ul>
- </li>
- </ul>
- <h3 id="Suggestions-for-Improving-Overall-Data-Quality">Suggestions for Improving Overall Data Quality<a class="anchor-link" href="#Suggestions-for-Improving-Overall-Data-Quality">¶</a></h3><h4 id="3.-Gamification">3. Gamification<a class="anchor-link" href="#3.-Gamification">¶</a></h4><p>Gamification refers to the application of typical elements of game-playing such as competition, scores, etc. The suggestion is to incorporate gamification into the usage of methods such as 'top contributors,' 'reward points' for users contributing to the OpenMapStreet Data.</p>
- <ul>
- <li><strong>Benefits:</strong> Increases the level of motivation for submitting more data. This motivation can also push users to adhere to standardization.</li>
- <li><strong>Drawback:</strong> Non-rewarding points/statuses are weak. Rewards would require funds.</li>
- </ul>
- <p>The inspiration for the idea: <a href="https://www.facebook.com/editor/">https://www.facebook.com/editor/</a> - the competitive scoring system has often motivated me to add more to the data to stand higher rated than other people on my friend-list.</p>
- <h4 id="4.-Pre-Cleaned-Data-on-OSM">4. Pre-Cleaned Data on OSM<a class="anchor-link" href="#4.-Pre-Cleaned-Data-on-OSM">¶</a></h4><p>The idea is to have scripts that can pre-clean the most frequent types of errors that are made by the users. e.g., some users might enter the pin code in an address field and not separate as a postal code. This data can be extracted to some extent using these scripts.</p>
- <p>This can also be done using cross-validating/cross-referencing to other databases such as Google API.</p>
- <ul>
- <li><strong>Benefits:</strong> Reduces error in the data and reduces human validation.</li>
- <li><strong>Drawback:</strong> Adds to the <em>computational requirements</em> (for running the scripts). <ul>
- <li>It might also need the additional validation of data which can be done by confirming the change from the user who had initially entered the data. This, however, has to execute the script right after the data is entered as a user might not respond later.</li>
- </ul>
- </li>
- </ul>
- <h4 id="5.-Additional-Validation-of-Existing-Entries">5. Additional Validation of Existing Entries<a class="anchor-link" href="#5.-Additional-Validation-of-Existing-Entries">¶</a></h4><p>As noted in the query which finds 'Starbucks' to be the most popular restaurant in San Francisco, there were many spelling errors, and multiple entries were made for the same place. With techniques like matching two strings, users can contribute by answering 'yes/no' queries related to validation.</p>
- <ul>
- <li><strong>Benefits:</strong> Reduces redundancy in data.</li>
- </ul>
- <h4 id="6.-Improve-the-User-Interface">6. Improve the User Interface<a class="anchor-link" href="#6.-Improve-the-User-Interface">¶</a></h4><p>The OSM homepage is raw and functional but looks dated in comparison to most sites of the same scale. This might cause a lot of new users not to trust a site that looks unmaintained or hackish. Hence, some changes should be maintained on the website to make it look better (similar to <a href="https://www.facebook.com/editor/">https://www.facebook.com/editor/</a>).</p>
- <ul>
- <li><strong>Benefits:</strong> Improves site's usability.</li>
- <li><strong>Drawback:</strong> Implementation is a tedious task. Also, severe changes might confuse existing contributors.</li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- </div>
- </body>
- </html>
|
