tv_script_generation.html 328 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891589258935894589558965897589858995900590159025903590459055906590759085909591059115912591359145915591659175918591959205921592259235924592559265927592859295930593159325933593459355936593759385939594059415942594359445945594659475948594959505951595259535954595559565957595859595960596159625963596459655966596759685969597059715972597359745975597659775978597959805981598259835984598559865987598859895990599159925993599459955996599759985999600060016002600360046005600660076008600960106011601260136014601560166017601860196020602160226023602460256026602760286029603060316032603360346035603660376038603960406041604260436044604560466047604860496050605160526053605460556056605760586059606060616062606360646065606660676068606960706071607260736074607560766077607860796080608160826083608460856086608760886089609060916092609360946095609660976098609961006101610261036104610561066107610861096110611161126113611461156116611761186119612061216122612361246125612661276128612961306131613261336134613561366137613861396140614161426143614461456146614761486149615061516152615361546155615661576158615961606161616261636164616561666167616861696170617161726173617461756176617761786179618061816182618361846185618661876188618961906191619261936194619561966197619861996200620162026203620462056206620762086209621062116212621362146215621662176218621962206221622262236224622562266227622862296230623162326233623462356236623762386239624062416242624362446245624662476248624962506251625262536254625562566257625862596260626162626263626462656266626762686269627062716272627362746275627662776278627962806281628262836284628562866287628862896290629162926293629462956296629762986299630063016302630363046305630663076308630963106311631263136314631563166317631863196320632163226323632463256326632763286329633063316332633363346335633663376338633963406341634263436344634563466347634863496350635163526353635463556356635763586359636063616362636363646365636663676368636963706371637263736374637563766377637863796380638163826383638463856386638763886389639063916392639363946395639663976398639964006401640264036404640564066407640864096410641164126413641464156416641764186419642064216422642364246425642664276428642964306431643264336434643564366437643864396440644164426443644464456446644764486449645064516452645364546455645664576458645964606461646264636464646564666467646864696470647164726473647464756476647764786479648064816482648364846485648664876488648964906491649264936494649564966497649864996500650165026503650465056506650765086509651065116512651365146515651665176518651965206521652265236524652565266527652865296530653165326533653465356536653765386539654065416542654365446545654665476548654965506551655265536554655565566557655865596560656165626563656465656566656765686569657065716572657365746575657665776578657965806581658265836584658565866587658865896590659165926593659465956596659765986599660066016602660366046605660666076608660966106611661266136614661566166617661866196620662166226623662466256626662766286629663066316632663366346635663666376638663966406641664266436644664566466647664866496650665166526653665466556656665766586659666066616662666366646665666666676668666966706671667266736674667566766677667866796680668166826683668466856686668766886689669066916692669366946695669666976698669967006701670267036704670567066707670867096710671167126713671467156716671767186719672067216722672367246725672667276728672967306731673267336734673567366737673867396740674167426743674467456746674767486749675067516752675367546755675667576758675967606761676267636764676567666767676867696770677167726773677467756776677767786779678067816782678367846785678667876788678967906791679267936794679567966797679867996800680168026803680468056806680768086809681068116812681368146815681668176818681968206821682268236824682568266827682868296830683168326833683468356836683768386839684068416842684368446845684668476848684968506851685268536854685568566857685868596860686168626863686468656866686768686869687068716872687368746875687668776878687968806881688268836884688568866887688868896890689168926893689468956896689768986899690069016902690369046905690669076908690969106911691269136914691569166917691869196920692169226923692469256926692769286929693069316932693369346935693669376938693969406941694269436944694569466947694869496950695169526953695469556956695769586959696069616962696369646965696669676968696969706971697269736974697569766977697869796980698169826983698469856986698769886989699069916992699369946995699669976998699970007001700270037004700570067007700870097010701170127013701470157016701770187019702070217022702370247025702670277028702970307031703270337034703570367037703870397040704170427043704470457046704770487049705070517052705370547055705670577058705970607061706270637064706570667067706870697070707170727073707470757076707770787079708070817082708370847085708670877088708970907091709270937094709570967097709870997100710171027103710471057106710771087109711071117112711371147115711671177118711971207121712271237124712571267127712871297130713171327133713471357136713771387139714071417142714371447145714671477148714971507151715271537154715571567157715871597160716171627163716471657166716771687169717071717172717371747175717671777178717971807181718271837184718571867187718871897190719171927193719471957196719771987199720072017202720372047205720672077208720972107211721272137214721572167217721872197220722172227223722472257226722772287229723072317232723372347235723672377238723972407241724272437244724572467247724872497250725172527253725472557256725772587259726072617262726372647265726672677268726972707271727272737274727572767277727872797280728172827283728472857286728772887289729072917292729372947295729672977298729973007301730273037304730573067307730873097310731173127313731473157316731773187319732073217322732373247325732673277328732973307331733273337334733573367337733873397340734173427343734473457346734773487349735073517352735373547355735673577358735973607361736273637364736573667367736873697370737173727373737473757376737773787379738073817382738373847385738673877388738973907391739273937394739573967397739873997400740174027403740474057406740774087409741074117412741374147415741674177418741974207421742274237424742574267427742874297430743174327433743474357436743774387439744074417442744374447445744674477448744974507451745274537454745574567457745874597460746174627463746474657466746774687469747074717472747374747475747674777478747974807481748274837484748574867487748874897490749174927493749474957496749774987499750075017502750375047505750675077508750975107511751275137514751575167517751875197520752175227523752475257526752775287529753075317532753375347535753675377538753975407541754275437544754575467547754875497550755175527553755475557556755775587559756075617562756375647565756675677568756975707571757275737574757575767577757875797580758175827583758475857586758775887589759075917592759375947595759675977598759976007601760276037604760576067607760876097610761176127613761476157616761776187619762076217622762376247625762676277628762976307631763276337634763576367637763876397640764176427643764476457646764776487649765076517652765376547655765676577658765976607661766276637664766576667667766876697670767176727673767476757676767776787679768076817682768376847685768676877688768976907691769276937694769576967697769876997700770177027703770477057706770777087709771077117712771377147715771677177718771977207721772277237724772577267727772877297730773177327733773477357736773777387739774077417742774377447745774677477748774977507751775277537754775577567757775877597760776177627763776477657766776777687769777077717772777377747775777677777778777977807781778277837784778577867787778877897790779177927793779477957796779777987799780078017802780378047805780678077808780978107811781278137814781578167817781878197820782178227823782478257826782778287829783078317832783378347835783678377838783978407841784278437844784578467847784878497850785178527853785478557856785778587859786078617862786378647865786678677868786978707871787278737874787578767877787878797880788178827883788478857886788778887889789078917892789378947895789678977898789979007901790279037904790579067907790879097910791179127913791479157916791779187919792079217922792379247925792679277928792979307931793279337934793579367937793879397940794179427943794479457946794779487949795079517952795379547955795679577958795979607961796279637964796579667967796879697970797179727973797479757976797779787979798079817982798379847985798679877988798979907991799279937994799579967997799879998000800180028003800480058006800780088009801080118012801380148015801680178018801980208021802280238024802580268027802880298030803180328033803480358036803780388039804080418042804380448045804680478048804980508051805280538054805580568057805880598060806180628063806480658066806780688069807080718072807380748075807680778078807980808081808280838084808580868087808880898090809180928093809480958096809780988099810081018102810381048105810681078108810981108111811281138114811581168117811881198120812181228123812481258126812781288129813081318132813381348135813681378138813981408141814281438144814581468147814881498150815181528153815481558156815781588159816081618162816381648165816681678168816981708171817281738174817581768177817881798180818181828183818481858186818781888189819081918192819381948195819681978198819982008201820282038204820582068207820882098210821182128213821482158216821782188219822082218222822382248225822682278228822982308231823282338234823582368237823882398240824182428243824482458246824782488249825082518252825382548255825682578258825982608261826282638264826582668267826882698270827182728273827482758276827782788279828082818282828382848285828682878288828982908291829282938294829582968297829882998300830183028303830483058306830783088309831083118312831383148315831683178318831983208321832283238324832583268327832883298330833183328333833483358336833783388339834083418342834383448345834683478348834983508351835283538354835583568357835883598360836183628363836483658366836783688369837083718372837383748375837683778378837983808381838283838384838583868387838883898390839183928393839483958396839783988399840084018402840384048405840684078408840984108411841284138414841584168417841884198420842184228423842484258426842784288429843084318432843384348435843684378438843984408441844284438444844584468447844884498450845184528453845484558456845784588459846084618462846384648465846684678468846984708471847284738474847584768477847884798480848184828483848484858486848784888489849084918492849384948495849684978498849985008501850285038504850585068507850885098510851185128513851485158516851785188519852085218522852385248525852685278528852985308531853285338534853585368537853885398540854185428543854485458546854785488549855085518552855385548555855685578558855985608561856285638564856585668567856885698570857185728573857485758576857785788579858085818582858385848585858685878588858985908591859285938594859585968597859885998600860186028603860486058606860786088609861086118612861386148615861686178618861986208621862286238624862586268627862886298630863186328633863486358636863786388639864086418642864386448645864686478648864986508651865286538654865586568657865886598660866186628663866486658666866786688669867086718672867386748675867686778678867986808681868286838684868586868687868886898690869186928693869486958696869786988699870087018702870387048705870687078708870987108711871287138714871587168717871887198720872187228723872487258726872787288729873087318732873387348735873687378738873987408741874287438744874587468747874887498750875187528753875487558756875787588759876087618762876387648765876687678768876987708771877287738774877587768777877887798780878187828783878487858786878787888789879087918792879387948795879687978798879988008801880288038804880588068807880888098810881188128813881488158816881788188819882088218822882388248825882688278828882988308831883288338834883588368837883888398840884188428843884488458846884788488849885088518852885388548855885688578858885988608861886288638864886588668867886888698870887188728873887488758876887788788879888088818882888388848885888688878888888988908891889288938894889588968897889888998900890189028903890489058906890789088909891089118912891389148915891689178918891989208921892289238924892589268927892889298930893189328933893489358936893789388939894089418942894389448945894689478948894989508951895289538954895589568957895889598960896189628963896489658966896789688969897089718972897389748975897689778978897989808981898289838984898589868987898889898990899189928993899489958996899789988999900090019002900390049005900690079008900990109011901290139014901590169017901890199020902190229023902490259026902790289029903090319032903390349035903690379038903990409041904290439044904590469047904890499050905190529053905490559056905790589059906090619062906390649065906690679068906990709071907290739074907590769077907890799080908190829083908490859086908790889089909090919092909390949095909690979098909991009101910291039104910591069107910891099110911191129113911491159116911791189119912091219122912391249125912691279128912991309131913291339134913591369137913891399140914191429143914491459146914791489149915091519152915391549155915691579158915991609161916291639164916591669167916891699170917191729173917491759176917791789179918091819182918391849185918691879188918991909191919291939194919591969197919891999200920192029203920492059206920792089209921092119212921392149215921692179218921992209221922292239224922592269227922892299230923192329233923492359236923792389239924092419242924392449245924692479248924992509251925292539254925592569257925892599260926192629263926492659266926792689269927092719272927392749275927692779278927992809281928292839284928592869287928892899290929192929293929492959296929792989299930093019302930393049305930693079308930993109311931293139314931593169317931893199320932193229323932493259326932793289329933093319332933393349335933693379338933993409341934293439344934593469347934893499350935193529353935493559356935793589359936093619362936393649365936693679368936993709371937293739374937593769377937893799380938193829383938493859386938793889389939093919392939393949395939693979398939994009401940294039404940594069407940894099410941194129413941494159416941794189419942094219422942394249425942694279428942994309431943294339434943594369437943894399440944194429443944494459446944794489449945094519452945394549455945694579458945994609461946294639464946594669467946894699470947194729473947494759476947794789479948094819482948394849485948694879488948994909491949294939494949594969497949894999500950195029503950495059506950795089509951095119512951395149515951695179518951995209521952295239524952595269527952895299530953195329533953495359536953795389539954095419542954395449545954695479548954995509551955295539554955595569557955895599560956195629563956495659566956795689569957095719572957395749575957695779578957995809581958295839584958595869587958895899590959195929593959495959596959795989599960096019602960396049605960696079608960996109611961296139614961596169617961896199620962196229623962496259626962796289629963096319632963396349635963696379638963996409641964296439644964596469647964896499650965196529653965496559656965796589659966096619662966396649665966696679668966996709671967296739674967596769677967896799680968196829683968496859686968796889689969096919692969396949695969696979698969997009701970297039704970597069707970897099710971197129713971497159716971797189719972097219722972397249725972697279728972997309731973297339734973597369737973897399740974197429743974497459746974797489749975097519752975397549755975697579758975997609761976297639764976597669767976897699770977197729773977497759776977797789779978097819782978397849785978697879788978997909791979297939794979597969797979897999800980198029803980498059806980798089809981098119812981398149815981698179818981998209821982298239824982598269827982898299830983198329833983498359836983798389839984098419842984398449845984698479848984998509851985298539854985598569857985898599860986198629863986498659866986798689869987098719872987398749875987698779878987998809881988298839884988598869887988898899890989198929893989498959896989798989899990099019902990399049905990699079908990999109911991299139914991599169917991899199920992199229923992499259926992799289929993099319932993399349935993699379938993999409941994299439944994599469947994899499950995199529953995499559956995799589959996099619962996399649965996699679968996999709971997299739974997599769977997899799980998199829983998499859986998799889989999099919992999399949995999699979998999910000100011000210003100041000510006100071000810009100101001110012100131001410015100161001710018100191002010021100221002310024100251002610027100281002910030100311003210033100341003510036100371003810039100401004110042100431004410045100461004710048100491005010051100521005310054100551005610057100581005910060100611006210063100641006510066100671006810069100701007110072100731007410075100761007710078100791008010081100821008310084100851008610087100881008910090100911009210093100941009510096100971009810099101001010110102101031010410105101061010710108101091011010111101121011310114101151011610117101181011910120101211012210123101241012510126101271012810129101301013110132101331013410135101361013710138101391014010141101421014310144101451014610147101481014910150101511015210153101541015510156101571015810159101601016110162101631016410165101661016710168101691017010171101721017310174101751017610177101781017910180101811018210183101841018510186101871018810189101901019110192101931019410195101961019710198101991020010201102021020310204102051020610207102081020910210102111021210213102141021510216102171021810219102201022110222102231022410225102261022710228102291023010231102321023310234102351023610237102381023910240102411024210243102441024510246102471024810249102501025110252102531025410255102561025710258102591026010261102621026310264102651026610267102681026910270102711027210273102741027510276102771027810279102801028110282102831028410285102861028710288102891029010291102921029310294102951029610297102981029910300103011030210303103041030510306103071030810309103101031110312103131031410315103161031710318103191032010321103221032310324103251032610327103281032910330103311033210333103341033510336103371033810339103401034110342103431034410345103461034710348103491035010351103521035310354103551035610357103581035910360103611036210363103641036510366103671036810369103701037110372103731037410375103761037710378103791038010381103821038310384103851038610387103881038910390103911039210393103941039510396103971039810399104001040110402104031040410405104061040710408104091041010411104121041310414104151041610417104181041910420104211042210423104241042510426104271042810429104301043110432104331043410435104361043710438104391044010441104421044310444104451044610447104481044910450104511045210453104541045510456104571045810459104601046110462104631046410465104661046710468104691047010471104721047310474104751047610477104781047910480104811048210483104841048510486104871048810489104901049110492104931049410495104961049710498104991050010501105021050310504105051050610507105081050910510105111051210513105141051510516105171051810519105201052110522105231052410525105261052710528105291053010531105321053310534105351053610537105381053910540105411054210543105441054510546105471054810549105501055110552105531055410555105561055710558105591056010561105621056310564105651056610567105681056910570105711057210573105741057510576105771057810579105801058110582105831058410585105861058710588105891059010591105921059310594105951059610597105981059910600106011060210603106041060510606106071060810609106101061110612106131061410615106161061710618106191062010621106221062310624106251062610627106281062910630106311063210633106341063510636106371063810639106401064110642106431064410645106461064710648106491065010651106521065310654106551065610657106581065910660106611066210663106641066510666106671066810669106701067110672106731067410675106761067710678106791068010681106821068310684106851068610687106881068910690106911069210693106941069510696106971069810699107001070110702107031070410705107061070710708107091071010711107121071310714107151071610717107181071910720107211072210723107241072510726107271072810729107301073110732107331073410735107361073710738107391074010741107421074310744107451074610747107481074910750107511075210753107541075510756107571075810759107601076110762107631076410765107661076710768107691077010771107721077310774107751077610777107781077910780107811078210783107841078510786107871078810789107901079110792107931079410795107961079710798107991080010801108021080310804108051080610807108081080910810108111081210813108141081510816108171081810819108201082110822108231082410825108261082710828108291083010831108321083310834108351083610837108381083910840108411084210843108441084510846108471084810849108501085110852108531085410855108561085710858108591086010861108621086310864108651086610867108681086910870108711087210873108741087510876108771087810879108801088110882108831088410885108861088710888108891089010891108921089310894108951089610897108981089910900109011090210903109041090510906109071090810909109101091110912109131091410915109161091710918109191092010921109221092310924109251092610927109281092910930109311093210933109341093510936109371093810939109401094110942109431094410945109461094710948109491095010951109521095310954109551095610957109581095910960109611096210963109641096510966109671096810969109701097110972109731097410975109761097710978109791098010981109821098310984109851098610987109881098910990109911099210993109941099510996109971099810999110001100111002110031100411005110061100711008110091101011011110121101311014110151101611017110181101911020110211102211023110241102511026110271102811029110301103111032110331103411035110361103711038110391104011041110421104311044110451104611047110481104911050110511105211053110541105511056110571105811059110601106111062110631106411065110661106711068110691107011071110721107311074110751107611077110781107911080110811108211083110841108511086110871108811089110901109111092110931109411095110961109711098110991110011101111021110311104111051110611107111081110911110111111111211113111141111511116111171111811119111201112111122111231112411125111261112711128111291113011131111321113311134111351113611137111381113911140111411114211143111441114511146111471114811149111501115111152111531115411155111561115711158111591116011161111621116311164111651116611167111681116911170111711117211173111741117511176111771117811179111801118111182111831118411185111861118711188111891119011191111921119311194111951119611197111981119911200112011120211203112041120511206112071120811209112101121111212112131121411215112161121711218112191122011221112221122311224112251122611227112281122911230112311123211233112341123511236112371123811239112401124111242112431124411245112461124711248112491125011251112521125311254112551125611257112581125911260112611126211263112641126511266112671126811269112701127111272112731127411275112761127711278112791128011281112821128311284112851128611287112881128911290112911129211293112941129511296112971129811299113001130111302113031130411305113061130711308113091131011311113121131311314113151131611317113181131911320113211132211323113241132511326113271132811329113301133111332113331133411335113361133711338113391134011341113421134311344113451134611347113481134911350113511135211353113541135511356113571135811359113601136111362113631136411365113661136711368113691137011371113721137311374113751137611377113781137911380113811138211383113841138511386113871138811389113901139111392113931139411395113961139711398113991140011401114021140311404114051140611407114081140911410114111141211413114141141511416114171141811419114201142111422114231142411425114261142711428114291143011431114321143311434114351143611437114381143911440114411144211443114441144511446114471144811449114501145111452114531145411455114561145711458114591146011461114621146311464114651146611467114681146911470114711147211473114741147511476114771147811479114801148111482114831148411485114861148711488114891149011491114921149311494114951149611497114981149911500115011150211503115041150511506115071150811509115101151111512115131151411515115161151711518115191152011521115221152311524115251152611527115281152911530115311153211533115341153511536115371153811539115401154111542115431154411545115461154711548115491155011551115521155311554115551155611557115581155911560115611156211563115641156511566115671156811569115701157111572115731157411575115761157711578115791158011581115821158311584115851158611587115881158911590115911159211593115941159511596115971159811599116001160111602116031160411605116061160711608116091161011611116121161311614116151161611617116181161911620116211162211623116241162511626116271162811629116301163111632116331163411635116361163711638116391164011641116421164311644116451164611647116481164911650116511165211653116541165511656116571165811659116601166111662116631166411665116661166711668116691167011671116721167311674116751167611677116781167911680116811168211683116841168511686116871168811689116901169111692116931169411695116961169711698116991170011701117021170311704117051170611707117081170911710117111171211713117141171511716117171171811719117201172111722117231172411725117261172711728117291173011731117321173311734117351173611737117381173911740117411174211743117441174511746117471174811749117501175111752117531175411755117561175711758117591176011761117621176311764117651176611767117681176911770117711177211773117741177511776117771177811779117801178111782117831178411785117861178711788117891179011791117921179311794117951179611797117981179911800118011180211803118041180511806118071180811809118101181111812118131181411815118161181711818118191182011821118221182311824118251182611827118281182911830118311183211833118341183511836118371183811839118401184111842118431184411845118461184711848118491185011851118521185311854118551185611857118581185911860118611186211863118641186511866118671186811869118701187111872118731187411875118761187711878118791188011881118821188311884118851188611887118881188911890118911189211893118941189511896118971189811899119001190111902119031190411905119061190711908119091191011911119121191311914119151191611917119181191911920119211192211923119241192511926119271192811929119301193111932119331193411935119361193711938119391194011941119421194311944119451194611947119481194911950119511195211953119541195511956119571195811959119601196111962119631196411965119661196711968119691197011971119721197311974119751197611977119781197911980119811198211983119841198511986119871198811989119901199111992119931199411995119961199711998119991200012001120021200312004120051200612007120081200912010120111201212013120141201512016120171201812019120201202112022120231202412025120261202712028120291203012031120321203312034120351203612037120381203912040120411204212043120441204512046120471204812049120501205112052120531205412055120561205712058120591206012061120621206312064120651206612067120681206912070120711207212073120741207512076120771207812079120801208112082120831208412085120861208712088120891209012091120921209312094120951209612097120981209912100121011210212103121041210512106121071210812109121101211112112121131211412115121161211712118121191212012121121221212312124121251212612127121281212912130121311213212133121341213512136121371213812139121401214112142121431214412145121461214712148121491215012151121521215312154121551215612157121581215912160121611216212163121641216512166121671216812169121701217112172121731217412175121761217712178121791218012181121821218312184121851218612187121881218912190121911219212193121941219512196121971219812199122001220112202122031220412205122061220712208122091221012211122121221312214122151221612217122181221912220122211222212223122241222512226122271222812229122301223112232122331223412235122361223712238122391224012241122421224312244122451224612247122481224912250122511225212253122541225512256122571225812259122601226112262122631226412265122661226712268122691227012271122721227312274122751227612277122781227912280122811228212283122841228512286122871228812289122901229112292122931229412295122961229712298122991230012301123021230312304123051230612307123081230912310123111231212313123141231512316123171231812319123201232112322123231232412325123261232712328123291233012331123321233312334123351233612337123381233912340123411234212343123441234512346123471234812349123501235112352123531235412355123561235712358123591236012361123621236312364123651236612367123681236912370123711237212373123741237512376123771237812379123801238112382123831238412385123861238712388123891239012391123921239312394123951239612397123981239912400124011240212403124041240512406124071240812409124101241112412124131241412415124161241712418124191242012421124221242312424124251242612427124281242912430124311243212433124341243512436124371243812439124401244112442124431244412445124461244712448124491245012451124521245312454124551245612457124581245912460124611246212463124641246512466124671246812469124701247112472124731247412475124761247712478124791248012481124821248312484124851248612487124881248912490124911249212493124941249512496124971249812499125001250112502125031250412505125061250712508125091251012511125121251312514125151251612517125181251912520125211252212523125241252512526125271252812529125301253112532125331253412535125361253712538125391254012541125421254312544125451254612547125481254912550125511255212553125541255512556125571255812559125601256112562125631256412565125661256712568125691257012571125721257312574125751257612577125781257912580125811258212583125841258512586125871258812589125901259112592125931259412595125961259712598125991260012601126021260312604126051260612607126081260912610126111261212613126141261512616126171261812619126201262112622126231262412625126261262712628126291263012631126321263312634126351263612637126381263912640126411264212643126441264512646126471264812649126501265112652126531265412655126561265712658126591266012661126621266312664126651266612667126681266912670126711267212673126741267512676126771267812679126801268112682126831268412685126861268712688126891269012691126921269312694126951269612697126981269912700127011270212703127041270512706127071270812709127101271112712127131271412715127161271712718127191272012721127221272312724127251272612727127281272912730127311273212733127341273512736127371273812739127401274112742127431274412745127461274712748127491275012751127521275312754127551275612757127581275912760127611276212763127641276512766127671276812769127701277112772127731277412775127761277712778127791278012781127821278312784127851278612787127881278912790127911279212793127941279512796127971279812799128001280112802128031280412805128061280712808128091281012811128121281312814128151281612817128181281912820128211282212823128241282512826128271282812829128301283112832128331283412835128361283712838128391284012841128421284312844128451284612847128481284912850128511285212853128541285512856128571285812859128601286112862128631286412865128661286712868128691287012871128721287312874128751287612877128781287912880128811288212883128841288512886128871288812889128901289112892128931289412895128961289712898128991290012901129021290312904129051290612907129081290912910129111291212913129141291512916129171291812919129201292112922129231292412925129261292712928129291293012931129321293312934129351293612937129381293912940129411294212943129441294512946129471294812949129501295112952129531295412955129561295712958129591296012961129621296312964129651296612967129681296912970129711297212973129741297512976129771297812979129801298112982129831298412985129861298712988129891299012991129921299312994129951299612997129981299913000130011300213003130041300513006130071300813009130101301113012130131301413015130161301713018130191302013021130221302313024130251302613027130281302913030130311303213033130341303513036130371303813039130401304113042130431304413045130461304713048130491305013051130521305313054130551305613057130581305913060130611306213063130641306513066130671306813069130701307113072130731307413075130761307713078130791308013081
  1. <!DOCTYPE html>
  2. <html>
  3. <head><meta charset="utf-8" />
  4. <title>dlnd_tv_script_generation</title><script src="https://unpkg.com/jupyter-js-widgets@2.0.*/dist/embed.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.10/require.min.js"></script>
  5. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
  6. <style type="text/css">
  7. /*!
  8. *
  9. * Twitter Bootstrap
  10. *
  11. */
  12. /*!
  13. * Bootstrap v3.3.7 (http://getbootstrap.com)
  14. * Copyright 2011-2016 Twitter, Inc.
  15. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  16. */
  17. /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
  18. html {
  19. font-family: sans-serif;
  20. -ms-text-size-adjust: 100%;
  21. -webkit-text-size-adjust: 100%;
  22. }
  23. body {
  24. margin: 0;
  25. }
  26. article,
  27. aside,
  28. details,
  29. figcaption,
  30. figure,
  31. footer,
  32. header,
  33. hgroup,
  34. main,
  35. menu,
  36. nav,
  37. section,
  38. summary {
  39. display: block;
  40. }
  41. audio,
  42. canvas,
  43. progress,
  44. video {
  45. display: inline-block;
  46. vertical-align: baseline;
  47. }
  48. audio:not([controls]) {
  49. display: none;
  50. height: 0;
  51. }
  52. [hidden],
  53. template {
  54. display: none;
  55. }
  56. a {
  57. background-color: transparent;
  58. }
  59. a:active,
  60. a:hover {
  61. outline: 0;
  62. }
  63. abbr[title] {
  64. border-bottom: 1px dotted;
  65. }
  66. b,
  67. strong {
  68. font-weight: bold;
  69. }
  70. dfn {
  71. font-style: italic;
  72. }
  73. h1 {
  74. font-size: 2em;
  75. margin: 0.67em 0;
  76. }
  77. mark {
  78. background: #ff0;
  79. color: #000;
  80. }
  81. small {
  82. font-size: 80%;
  83. }
  84. sub,
  85. sup {
  86. font-size: 75%;
  87. line-height: 0;
  88. position: relative;
  89. vertical-align: baseline;
  90. }
  91. sup {
  92. top: -0.5em;
  93. }
  94. sub {
  95. bottom: -0.25em;
  96. }
  97. img {
  98. border: 0;
  99. }
  100. svg:not(:root) {
  101. overflow: hidden;
  102. }
  103. figure {
  104. margin: 1em 40px;
  105. }
  106. hr {
  107. box-sizing: content-box;
  108. height: 0;
  109. }
  110. pre {
  111. overflow: auto;
  112. }
  113. code,
  114. kbd,
  115. pre,
  116. samp {
  117. font-family: monospace, monospace;
  118. font-size: 1em;
  119. }
  120. button,
  121. input,
  122. optgroup,
  123. select,
  124. textarea {
  125. color: inherit;
  126. font: inherit;
  127. margin: 0;
  128. }
  129. button {
  130. overflow: visible;
  131. }
  132. button,
  133. select {
  134. text-transform: none;
  135. }
  136. button,
  137. html input[type="button"],
  138. input[type="reset"],
  139. input[type="submit"] {
  140. -webkit-appearance: button;
  141. cursor: pointer;
  142. }
  143. button[disabled],
  144. html input[disabled] {
  145. cursor: default;
  146. }
  147. button::-moz-focus-inner,
  148. input::-moz-focus-inner {
  149. border: 0;
  150. padding: 0;
  151. }
  152. input {
  153. line-height: normal;
  154. }
  155. input[type="checkbox"],
  156. input[type="radio"] {
  157. box-sizing: border-box;
  158. padding: 0;
  159. }
  160. input[type="number"]::-webkit-inner-spin-button,
  161. input[type="number"]::-webkit-outer-spin-button {
  162. height: auto;
  163. }
  164. input[type="search"] {
  165. -webkit-appearance: textfield;
  166. box-sizing: content-box;
  167. }
  168. input[type="search"]::-webkit-search-cancel-button,
  169. input[type="search"]::-webkit-search-decoration {
  170. -webkit-appearance: none;
  171. }
  172. fieldset {
  173. border: 1px solid #c0c0c0;
  174. margin: 0 2px;
  175. padding: 0.35em 0.625em 0.75em;
  176. }
  177. legend {
  178. border: 0;
  179. padding: 0;
  180. }
  181. textarea {
  182. overflow: auto;
  183. }
  184. optgroup {
  185. font-weight: bold;
  186. }
  187. table {
  188. border-collapse: collapse;
  189. border-spacing: 0;
  190. }
  191. td,
  192. th {
  193. padding: 0;
  194. }
  195. /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
  196. @media print {
  197. *,
  198. *:before,
  199. *:after {
  200. background: transparent !important;
  201. color: #000 !important;
  202. box-shadow: none !important;
  203. text-shadow: none !important;
  204. }
  205. a,
  206. a:visited {
  207. text-decoration: underline;
  208. }
  209. a[href]:after {
  210. content: " (" attr(href) ")";
  211. }
  212. abbr[title]:after {
  213. content: " (" attr(title) ")";
  214. }
  215. a[href^="#"]:after,
  216. a[href^="javascript:"]:after {
  217. content: "";
  218. }
  219. pre,
  220. blockquote {
  221. border: 1px solid #999;
  222. page-break-inside: avoid;
  223. }
  224. thead {
  225. display: table-header-group;
  226. }
  227. tr,
  228. img {
  229. page-break-inside: avoid;
  230. }
  231. img {
  232. max-width: 100% !important;
  233. }
  234. p,
  235. h2,
  236. h3 {
  237. orphans: 3;
  238. widows: 3;
  239. }
  240. h2,
  241. h3 {
  242. page-break-after: avoid;
  243. }
  244. .navbar {
  245. display: none;
  246. }
  247. .btn > .caret,
  248. .dropup > .btn > .caret {
  249. border-top-color: #000 !important;
  250. }
  251. .label {
  252. border: 1px solid #000;
  253. }
  254. .table {
  255. border-collapse: collapse !important;
  256. }
  257. .table td,
  258. .table th {
  259. background-color: #fff !important;
  260. }
  261. .table-bordered th,
  262. .table-bordered td {
  263. border: 1px solid #ddd !important;
  264. }
  265. }
  266. @font-face {
  267. font-family: 'Glyphicons Halflings';
  268. src: url('../components/bootstrap/fonts/glyphicons-halflings-regular.eot');
  269. 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');
  270. }
  271. .glyphicon {
  272. position: relative;
  273. top: 1px;
  274. display: inline-block;
  275. font-family: 'Glyphicons Halflings';
  276. font-style: normal;
  277. font-weight: normal;
  278. line-height: 1;
  279. -webkit-font-smoothing: antialiased;
  280. -moz-osx-font-smoothing: grayscale;
  281. }
  282. .glyphicon-asterisk:before {
  283. content: "\002a";
  284. }
  285. .glyphicon-plus:before {
  286. content: "\002b";
  287. }
  288. .glyphicon-euro:before,
  289. .glyphicon-eur:before {
  290. content: "\20ac";
  291. }
  292. .glyphicon-minus:before {
  293. content: "\2212";
  294. }
  295. .glyphicon-cloud:before {
  296. content: "\2601";
  297. }
  298. .glyphicon-envelope:before {
  299. content: "\2709";
  300. }
  301. .glyphicon-pencil:before {
  302. content: "\270f";
  303. }
  304. .glyphicon-glass:before {
  305. content: "\e001";
  306. }
  307. .glyphicon-music:before {
  308. content: "\e002";
  309. }
  310. .glyphicon-search:before {
  311. content: "\e003";
  312. }
  313. .glyphicon-heart:before {
  314. content: "\e005";
  315. }
  316. .glyphicon-star:before {
  317. content: "\e006";
  318. }
  319. .glyphicon-star-empty:before {
  320. content: "\e007";
  321. }
  322. .glyphicon-user:before {
  323. content: "\e008";
  324. }
  325. .glyphicon-film:before {
  326. content: "\e009";
  327. }
  328. .glyphicon-th-large:before {
  329. content: "\e010";
  330. }
  331. .glyphicon-th:before {
  332. content: "\e011";
  333. }
  334. .glyphicon-th-list:before {
  335. content: "\e012";
  336. }
  337. .glyphicon-ok:before {
  338. content: "\e013";
  339. }
  340. .glyphicon-remove:before {
  341. content: "\e014";
  342. }
  343. .glyphicon-zoom-in:before {
  344. content: "\e015";
  345. }
  346. .glyphicon-zoom-out:before {
  347. content: "\e016";
  348. }
  349. .glyphicon-off:before {
  350. content: "\e017";
  351. }
  352. .glyphicon-signal:before {
  353. content: "\e018";
  354. }
  355. .glyphicon-cog:before {
  356. content: "\e019";
  357. }
  358. .glyphicon-trash:before {
  359. content: "\e020";
  360. }
  361. .glyphicon-home:before {
  362. content: "\e021";
  363. }
  364. .glyphicon-file:before {
  365. content: "\e022";
  366. }
  367. .glyphicon-time:before {
  368. content: "\e023";
  369. }
  370. .glyphicon-road:before {
  371. content: "\e024";
  372. }
  373. .glyphicon-download-alt:before {
  374. content: "\e025";
  375. }
  376. .glyphicon-download:before {
  377. content: "\e026";
  378. }
  379. .glyphicon-upload:before {
  380. content: "\e027";
  381. }
  382. .glyphicon-inbox:before {
  383. content: "\e028";
  384. }
  385. .glyphicon-play-circle:before {
  386. content: "\e029";
  387. }
  388. .glyphicon-repeat:before {
  389. content: "\e030";
  390. }
  391. .glyphicon-refresh:before {
  392. content: "\e031";
  393. }
  394. .glyphicon-list-alt:before {
  395. content: "\e032";
  396. }
  397. .glyphicon-lock:before {
  398. content: "\e033";
  399. }
  400. .glyphicon-flag:before {
  401. content: "\e034";
  402. }
  403. .glyphicon-headphones:before {
  404. content: "\e035";
  405. }
  406. .glyphicon-volume-off:before {
  407. content: "\e036";
  408. }
  409. .glyphicon-volume-down:before {
  410. content: "\e037";
  411. }
  412. .glyphicon-volume-up:before {
  413. content: "\e038";
  414. }
  415. .glyphicon-qrcode:before {
  416. content: "\e039";
  417. }
  418. .glyphicon-barcode:before {
  419. content: "\e040";
  420. }
  421. .glyphicon-tag:before {
  422. content: "\e041";
  423. }
  424. .glyphicon-tags:before {
  425. content: "\e042";
  426. }
  427. .glyphicon-book:before {
  428. content: "\e043";
  429. }
  430. .glyphicon-bookmark:before {
  431. content: "\e044";
  432. }
  433. .glyphicon-print:before {
  434. content: "\e045";
  435. }
  436. .glyphicon-camera:before {
  437. content: "\e046";
  438. }
  439. .glyphicon-font:before {
  440. content: "\e047";
  441. }
  442. .glyphicon-bold:before {
  443. content: "\e048";
  444. }
  445. .glyphicon-italic:before {
  446. content: "\e049";
  447. }
  448. .glyphicon-text-height:before {
  449. content: "\e050";
  450. }
  451. .glyphicon-text-width:before {
  452. content: "\e051";
  453. }
  454. .glyphicon-align-left:before {
  455. content: "\e052";
  456. }
  457. .glyphicon-align-center:before {
  458. content: "\e053";
  459. }
  460. .glyphicon-align-right:before {
  461. content: "\e054";
  462. }
  463. .glyphicon-align-justify:before {
  464. content: "\e055";
  465. }
  466. .glyphicon-list:before {
  467. content: "\e056";
  468. }
  469. .glyphicon-indent-left:before {
  470. content: "\e057";
  471. }
  472. .glyphicon-indent-right:before {
  473. content: "\e058";
  474. }
  475. .glyphicon-facetime-video:before {
  476. content: "\e059";
  477. }
  478. .glyphicon-picture:before {
  479. content: "\e060";
  480. }
  481. .glyphicon-map-marker:before {
  482. content: "\e062";
  483. }
  484. .glyphicon-adjust:before {
  485. content: "\e063";
  486. }
  487. .glyphicon-tint:before {
  488. content: "\e064";
  489. }
  490. .glyphicon-edit:before {
  491. content: "\e065";
  492. }
  493. .glyphicon-share:before {
  494. content: "\e066";
  495. }
  496. .glyphicon-check:before {
  497. content: "\e067";
  498. }
  499. .glyphicon-move:before {
  500. content: "\e068";
  501. }
  502. .glyphicon-step-backward:before {
  503. content: "\e069";
  504. }
  505. .glyphicon-fast-backward:before {
  506. content: "\e070";
  507. }
  508. .glyphicon-backward:before {
  509. content: "\e071";
  510. }
  511. .glyphicon-play:before {
  512. content: "\e072";
  513. }
  514. .glyphicon-pause:before {
  515. content: "\e073";
  516. }
  517. .glyphicon-stop:before {
  518. content: "\e074";
  519. }
  520. .glyphicon-forward:before {
  521. content: "\e075";
  522. }
  523. .glyphicon-fast-forward:before {
  524. content: "\e076";
  525. }
  526. .glyphicon-step-forward:before {
  527. content: "\e077";
  528. }
  529. .glyphicon-eject:before {
  530. content: "\e078";
  531. }
  532. .glyphicon-chevron-left:before {
  533. content: "\e079";
  534. }
  535. .glyphicon-chevron-right:before {
  536. content: "\e080";
  537. }
  538. .glyphicon-plus-sign:before {
  539. content: "\e081";
  540. }
  541. .glyphicon-minus-sign:before {
  542. content: "\e082";
  543. }
  544. .glyphicon-remove-sign:before {
  545. content: "\e083";
  546. }
  547. .glyphicon-ok-sign:before {
  548. content: "\e084";
  549. }
  550. .glyphicon-question-sign:before {
  551. content: "\e085";
  552. }
  553. .glyphicon-info-sign:before {
  554. content: "\e086";
  555. }
  556. .glyphicon-screenshot:before {
  557. content: "\e087";
  558. }
  559. .glyphicon-remove-circle:before {
  560. content: "\e088";
  561. }
  562. .glyphicon-ok-circle:before {
  563. content: "\e089";
  564. }
  565. .glyphicon-ban-circle:before {
  566. content: "\e090";
  567. }
  568. .glyphicon-arrow-left:before {
  569. content: "\e091";
  570. }
  571. .glyphicon-arrow-right:before {
  572. content: "\e092";
  573. }
  574. .glyphicon-arrow-up:before {
  575. content: "\e093";
  576. }
  577. .glyphicon-arrow-down:before {
  578. content: "\e094";
  579. }
  580. .glyphicon-share-alt:before {
  581. content: "\e095";
  582. }
  583. .glyphicon-resize-full:before {
  584. content: "\e096";
  585. }
  586. .glyphicon-resize-small:before {
  587. content: "\e097";
  588. }
  589. .glyphicon-exclamation-sign:before {
  590. content: "\e101";
  591. }
  592. .glyphicon-gift:before {
  593. content: "\e102";
  594. }
  595. .glyphicon-leaf:before {
  596. content: "\e103";
  597. }
  598. .glyphicon-fire:before {
  599. content: "\e104";
  600. }
  601. .glyphicon-eye-open:before {
  602. content: "\e105";
  603. }
  604. .glyphicon-eye-close:before {
  605. content: "\e106";
  606. }
  607. .glyphicon-warning-sign:before {
  608. content: "\e107";
  609. }
  610. .glyphicon-plane:before {
  611. content: "\e108";
  612. }
  613. .glyphicon-calendar:before {
  614. content: "\e109";
  615. }
  616. .glyphicon-random:before {
  617. content: "\e110";
  618. }
  619. .glyphicon-comment:before {
  620. content: "\e111";
  621. }
  622. .glyphicon-magnet:before {
  623. content: "\e112";
  624. }
  625. .glyphicon-chevron-up:before {
  626. content: "\e113";
  627. }
  628. .glyphicon-chevron-down:before {
  629. content: "\e114";
  630. }
  631. .glyphicon-retweet:before {
  632. content: "\e115";
  633. }
  634. .glyphicon-shopping-cart:before {
  635. content: "\e116";
  636. }
  637. .glyphicon-folder-close:before {
  638. content: "\e117";
  639. }
  640. .glyphicon-folder-open:before {
  641. content: "\e118";
  642. }
  643. .glyphicon-resize-vertical:before {
  644. content: "\e119";
  645. }
  646. .glyphicon-resize-horizontal:before {
  647. content: "\e120";
  648. }
  649. .glyphicon-hdd:before {
  650. content: "\e121";
  651. }
  652. .glyphicon-bullhorn:before {
  653. content: "\e122";
  654. }
  655. .glyphicon-bell:before {
  656. content: "\e123";
  657. }
  658. .glyphicon-certificate:before {
  659. content: "\e124";
  660. }
  661. .glyphicon-thumbs-up:before {
  662. content: "\e125";
  663. }
  664. .glyphicon-thumbs-down:before {
  665. content: "\e126";
  666. }
  667. .glyphicon-hand-right:before {
  668. content: "\e127";
  669. }
  670. .glyphicon-hand-left:before {
  671. content: "\e128";
  672. }
  673. .glyphicon-hand-up:before {
  674. content: "\e129";
  675. }
  676. .glyphicon-hand-down:before {
  677. content: "\e130";
  678. }
  679. .glyphicon-circle-arrow-right:before {
  680. content: "\e131";
  681. }
  682. .glyphicon-circle-arrow-left:before {
  683. content: "\e132";
  684. }
  685. .glyphicon-circle-arrow-up:before {
  686. content: "\e133";
  687. }
  688. .glyphicon-circle-arrow-down:before {
  689. content: "\e134";
  690. }
  691. .glyphicon-globe:before {
  692. content: "\e135";
  693. }
  694. .glyphicon-wrench:before {
  695. content: "\e136";
  696. }
  697. .glyphicon-tasks:before {
  698. content: "\e137";
  699. }
  700. .glyphicon-filter:before {
  701. content: "\e138";
  702. }
  703. .glyphicon-briefcase:before {
  704. content: "\e139";
  705. }
  706. .glyphicon-fullscreen:before {
  707. content: "\e140";
  708. }
  709. .glyphicon-dashboard:before {
  710. content: "\e141";
  711. }
  712. .glyphicon-paperclip:before {
  713. content: "\e142";
  714. }
  715. .glyphicon-heart-empty:before {
  716. content: "\e143";
  717. }
  718. .glyphicon-link:before {
  719. content: "\e144";
  720. }
  721. .glyphicon-phone:before {
  722. content: "\e145";
  723. }
  724. .glyphicon-pushpin:before {
  725. content: "\e146";
  726. }
  727. .glyphicon-usd:before {
  728. content: "\e148";
  729. }
  730. .glyphicon-gbp:before {
  731. content: "\e149";
  732. }
  733. .glyphicon-sort:before {
  734. content: "\e150";
  735. }
  736. .glyphicon-sort-by-alphabet:before {
  737. content: "\e151";
  738. }
  739. .glyphicon-sort-by-alphabet-alt:before {
  740. content: "\e152";
  741. }
  742. .glyphicon-sort-by-order:before {
  743. content: "\e153";
  744. }
  745. .glyphicon-sort-by-order-alt:before {
  746. content: "\e154";
  747. }
  748. .glyphicon-sort-by-attributes:before {
  749. content: "\e155";
  750. }
  751. .glyphicon-sort-by-attributes-alt:before {
  752. content: "\e156";
  753. }
  754. .glyphicon-unchecked:before {
  755. content: "\e157";
  756. }
  757. .glyphicon-expand:before {
  758. content: "\e158";
  759. }
  760. .glyphicon-collapse-down:before {
  761. content: "\e159";
  762. }
  763. .glyphicon-collapse-up:before {
  764. content: "\e160";
  765. }
  766. .glyphicon-log-in:before {
  767. content: "\e161";
  768. }
  769. .glyphicon-flash:before {
  770. content: "\e162";
  771. }
  772. .glyphicon-log-out:before {
  773. content: "\e163";
  774. }
  775. .glyphicon-new-window:before {
  776. content: "\e164";
  777. }
  778. .glyphicon-record:before {
  779. content: "\e165";
  780. }
  781. .glyphicon-save:before {
  782. content: "\e166";
  783. }
  784. .glyphicon-open:before {
  785. content: "\e167";
  786. }
  787. .glyphicon-saved:before {
  788. content: "\e168";
  789. }
  790. .glyphicon-import:before {
  791. content: "\e169";
  792. }
  793. .glyphicon-export:before {
  794. content: "\e170";
  795. }
  796. .glyphicon-send:before {
  797. content: "\e171";
  798. }
  799. .glyphicon-floppy-disk:before {
  800. content: "\e172";
  801. }
  802. .glyphicon-floppy-saved:before {
  803. content: "\e173";
  804. }
  805. .glyphicon-floppy-remove:before {
  806. content: "\e174";
  807. }
  808. .glyphicon-floppy-save:before {
  809. content: "\e175";
  810. }
  811. .glyphicon-floppy-open:before {
  812. content: "\e176";
  813. }
  814. .glyphicon-credit-card:before {
  815. content: "\e177";
  816. }
  817. .glyphicon-transfer:before {
  818. content: "\e178";
  819. }
  820. .glyphicon-cutlery:before {
  821. content: "\e179";
  822. }
  823. .glyphicon-header:before {
  824. content: "\e180";
  825. }
  826. .glyphicon-compressed:before {
  827. content: "\e181";
  828. }
  829. .glyphicon-earphone:before {
  830. content: "\e182";
  831. }
  832. .glyphicon-phone-alt:before {
  833. content: "\e183";
  834. }
  835. .glyphicon-tower:before {
  836. content: "\e184";
  837. }
  838. .glyphicon-stats:before {
  839. content: "\e185";
  840. }
  841. .glyphicon-sd-video:before {
  842. content: "\e186";
  843. }
  844. .glyphicon-hd-video:before {
  845. content: "\e187";
  846. }
  847. .glyphicon-subtitles:before {
  848. content: "\e188";
  849. }
  850. .glyphicon-sound-stereo:before {
  851. content: "\e189";
  852. }
  853. .glyphicon-sound-dolby:before {
  854. content: "\e190";
  855. }
  856. .glyphicon-sound-5-1:before {
  857. content: "\e191";
  858. }
  859. .glyphicon-sound-6-1:before {
  860. content: "\e192";
  861. }
  862. .glyphicon-sound-7-1:before {
  863. content: "\e193";
  864. }
  865. .glyphicon-copyright-mark:before {
  866. content: "\e194";
  867. }
  868. .glyphicon-registration-mark:before {
  869. content: "\e195";
  870. }
  871. .glyphicon-cloud-download:before {
  872. content: "\e197";
  873. }
  874. .glyphicon-cloud-upload:before {
  875. content: "\e198";
  876. }
  877. .glyphicon-tree-conifer:before {
  878. content: "\e199";
  879. }
  880. .glyphicon-tree-deciduous:before {
  881. content: "\e200";
  882. }
  883. .glyphicon-cd:before {
  884. content: "\e201";
  885. }
  886. .glyphicon-save-file:before {
  887. content: "\e202";
  888. }
  889. .glyphicon-open-file:before {
  890. content: "\e203";
  891. }
  892. .glyphicon-level-up:before {
  893. content: "\e204";
  894. }
  895. .glyphicon-copy:before {
  896. content: "\e205";
  897. }
  898. .glyphicon-paste:before {
  899. content: "\e206";
  900. }
  901. .glyphicon-alert:before {
  902. content: "\e209";
  903. }
  904. .glyphicon-equalizer:before {
  905. content: "\e210";
  906. }
  907. .glyphicon-king:before {
  908. content: "\e211";
  909. }
  910. .glyphicon-queen:before {
  911. content: "\e212";
  912. }
  913. .glyphicon-pawn:before {
  914. content: "\e213";
  915. }
  916. .glyphicon-bishop:before {
  917. content: "\e214";
  918. }
  919. .glyphicon-knight:before {
  920. content: "\e215";
  921. }
  922. .glyphicon-baby-formula:before {
  923. content: "\e216";
  924. }
  925. .glyphicon-tent:before {
  926. content: "\26fa";
  927. }
  928. .glyphicon-blackboard:before {
  929. content: "\e218";
  930. }
  931. .glyphicon-bed:before {
  932. content: "\e219";
  933. }
  934. .glyphicon-apple:before {
  935. content: "\f8ff";
  936. }
  937. .glyphicon-erase:before {
  938. content: "\e221";
  939. }
  940. .glyphicon-hourglass:before {
  941. content: "\231b";
  942. }
  943. .glyphicon-lamp:before {
  944. content: "\e223";
  945. }
  946. .glyphicon-duplicate:before {
  947. content: "\e224";
  948. }
  949. .glyphicon-piggy-bank:before {
  950. content: "\e225";
  951. }
  952. .glyphicon-scissors:before {
  953. content: "\e226";
  954. }
  955. .glyphicon-bitcoin:before {
  956. content: "\e227";
  957. }
  958. .glyphicon-btc:before {
  959. content: "\e227";
  960. }
  961. .glyphicon-xbt:before {
  962. content: "\e227";
  963. }
  964. .glyphicon-yen:before {
  965. content: "\00a5";
  966. }
  967. .glyphicon-jpy:before {
  968. content: "\00a5";
  969. }
  970. .glyphicon-ruble:before {
  971. content: "\20bd";
  972. }
  973. .glyphicon-rub:before {
  974. content: "\20bd";
  975. }
  976. .glyphicon-scale:before {
  977. content: "\e230";
  978. }
  979. .glyphicon-ice-lolly:before {
  980. content: "\e231";
  981. }
  982. .glyphicon-ice-lolly-tasted:before {
  983. content: "\e232";
  984. }
  985. .glyphicon-education:before {
  986. content: "\e233";
  987. }
  988. .glyphicon-option-horizontal:before {
  989. content: "\e234";
  990. }
  991. .glyphicon-option-vertical:before {
  992. content: "\e235";
  993. }
  994. .glyphicon-menu-hamburger:before {
  995. content: "\e236";
  996. }
  997. .glyphicon-modal-window:before {
  998. content: "\e237";
  999. }
  1000. .glyphicon-oil:before {
  1001. content: "\e238";
  1002. }
  1003. .glyphicon-grain:before {
  1004. content: "\e239";
  1005. }
  1006. .glyphicon-sunglasses:before {
  1007. content: "\e240";
  1008. }
  1009. .glyphicon-text-size:before {
  1010. content: "\e241";
  1011. }
  1012. .glyphicon-text-color:before {
  1013. content: "\e242";
  1014. }
  1015. .glyphicon-text-background:before {
  1016. content: "\e243";
  1017. }
  1018. .glyphicon-object-align-top:before {
  1019. content: "\e244";
  1020. }
  1021. .glyphicon-object-align-bottom:before {
  1022. content: "\e245";
  1023. }
  1024. .glyphicon-object-align-horizontal:before {
  1025. content: "\e246";
  1026. }
  1027. .glyphicon-object-align-left:before {
  1028. content: "\e247";
  1029. }
  1030. .glyphicon-object-align-vertical:before {
  1031. content: "\e248";
  1032. }
  1033. .glyphicon-object-align-right:before {
  1034. content: "\e249";
  1035. }
  1036. .glyphicon-triangle-right:before {
  1037. content: "\e250";
  1038. }
  1039. .glyphicon-triangle-left:before {
  1040. content: "\e251";
  1041. }
  1042. .glyphicon-triangle-bottom:before {
  1043. content: "\e252";
  1044. }
  1045. .glyphicon-triangle-top:before {
  1046. content: "\e253";
  1047. }
  1048. .glyphicon-console:before {
  1049. content: "\e254";
  1050. }
  1051. .glyphicon-superscript:before {
  1052. content: "\e255";
  1053. }
  1054. .glyphicon-subscript:before {
  1055. content: "\e256";
  1056. }
  1057. .glyphicon-menu-left:before {
  1058. content: "\e257";
  1059. }
  1060. .glyphicon-menu-right:before {
  1061. content: "\e258";
  1062. }
  1063. .glyphicon-menu-down:before {
  1064. content: "\e259";
  1065. }
  1066. .glyphicon-menu-up:before {
  1067. content: "\e260";
  1068. }
  1069. * {
  1070. -webkit-box-sizing: border-box;
  1071. -moz-box-sizing: border-box;
  1072. box-sizing: border-box;
  1073. }
  1074. *:before,
  1075. *:after {
  1076. -webkit-box-sizing: border-box;
  1077. -moz-box-sizing: border-box;
  1078. box-sizing: border-box;
  1079. }
  1080. html {
  1081. font-size: 10px;
  1082. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1083. }
  1084. body {
  1085. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  1086. font-size: 13px;
  1087. line-height: 1.42857143;
  1088. color: #000;
  1089. background-color: #fff;
  1090. }
  1091. input,
  1092. button,
  1093. select,
  1094. textarea {
  1095. font-family: inherit;
  1096. font-size: inherit;
  1097. line-height: inherit;
  1098. }
  1099. a {
  1100. color: #337ab7;
  1101. text-decoration: none;
  1102. }
  1103. a:hover,
  1104. a:focus {
  1105. color: #23527c;
  1106. text-decoration: underline;
  1107. }
  1108. a:focus {
  1109. outline: 5px auto -webkit-focus-ring-color;
  1110. outline-offset: -2px;
  1111. }
  1112. figure {
  1113. margin: 0;
  1114. }
  1115. img {
  1116. vertical-align: middle;
  1117. }
  1118. .img-responsive,
  1119. .thumbnail > img,
  1120. .thumbnail a > img,
  1121. .carousel-inner > .item > img,
  1122. .carousel-inner > .item > a > img {
  1123. display: block;
  1124. max-width: 100%;
  1125. height: auto;
  1126. }
  1127. .img-rounded {
  1128. border-radius: 3px;
  1129. }
  1130. .img-thumbnail {
  1131. padding: 4px;
  1132. line-height: 1.42857143;
  1133. background-color: #fff;
  1134. border: 1px solid #ddd;
  1135. border-radius: 2px;
  1136. -webkit-transition: all 0.2s ease-in-out;
  1137. -o-transition: all 0.2s ease-in-out;
  1138. transition: all 0.2s ease-in-out;
  1139. display: inline-block;
  1140. max-width: 100%;
  1141. height: auto;
  1142. }
  1143. .img-circle {
  1144. border-radius: 50%;
  1145. }
  1146. hr {
  1147. margin-top: 18px;
  1148. margin-bottom: 18px;
  1149. border: 0;
  1150. border-top: 1px solid #eeeeee;
  1151. }
  1152. .sr-only {
  1153. position: absolute;
  1154. width: 1px;
  1155. height: 1px;
  1156. margin: -1px;
  1157. padding: 0;
  1158. overflow: hidden;
  1159. clip: rect(0, 0, 0, 0);
  1160. border: 0;
  1161. }
  1162. .sr-only-focusable:active,
  1163. .sr-only-focusable:focus {
  1164. position: static;
  1165. width: auto;
  1166. height: auto;
  1167. margin: 0;
  1168. overflow: visible;
  1169. clip: auto;
  1170. }
  1171. [role="button"] {
  1172. cursor: pointer;
  1173. }
  1174. h1,
  1175. h2,
  1176. h3,
  1177. h4,
  1178. h5,
  1179. h6,
  1180. .h1,
  1181. .h2,
  1182. .h3,
  1183. .h4,
  1184. .h5,
  1185. .h6 {
  1186. font-family: inherit;
  1187. font-weight: 500;
  1188. line-height: 1.1;
  1189. color: inherit;
  1190. }
  1191. h1 small,
  1192. h2 small,
  1193. h3 small,
  1194. h4 small,
  1195. h5 small,
  1196. h6 small,
  1197. .h1 small,
  1198. .h2 small,
  1199. .h3 small,
  1200. .h4 small,
  1201. .h5 small,
  1202. .h6 small,
  1203. h1 .small,
  1204. h2 .small,
  1205. h3 .small,
  1206. h4 .small,
  1207. h5 .small,
  1208. h6 .small,
  1209. .h1 .small,
  1210. .h2 .small,
  1211. .h3 .small,
  1212. .h4 .small,
  1213. .h5 .small,
  1214. .h6 .small {
  1215. font-weight: normal;
  1216. line-height: 1;
  1217. color: #777777;
  1218. }
  1219. h1,
  1220. .h1,
  1221. h2,
  1222. .h2,
  1223. h3,
  1224. .h3 {
  1225. margin-top: 18px;
  1226. margin-bottom: 9px;
  1227. }
  1228. h1 small,
  1229. .h1 small,
  1230. h2 small,
  1231. .h2 small,
  1232. h3 small,
  1233. .h3 small,
  1234. h1 .small,
  1235. .h1 .small,
  1236. h2 .small,
  1237. .h2 .small,
  1238. h3 .small,
  1239. .h3 .small {
  1240. font-size: 65%;
  1241. }
  1242. h4,
  1243. .h4,
  1244. h5,
  1245. .h5,
  1246. h6,
  1247. .h6 {
  1248. margin-top: 9px;
  1249. margin-bottom: 9px;
  1250. }
  1251. h4 small,
  1252. .h4 small,
  1253. h5 small,
  1254. .h5 small,
  1255. h6 small,
  1256. .h6 small,
  1257. h4 .small,
  1258. .h4 .small,
  1259. h5 .small,
  1260. .h5 .small,
  1261. h6 .small,
  1262. .h6 .small {
  1263. font-size: 75%;
  1264. }
  1265. h1,
  1266. .h1 {
  1267. font-size: 33px;
  1268. }
  1269. h2,
  1270. .h2 {
  1271. font-size: 27px;
  1272. }
  1273. h3,
  1274. .h3 {
  1275. font-size: 23px;
  1276. }
  1277. h4,
  1278. .h4 {
  1279. font-size: 17px;
  1280. }
  1281. h5,
  1282. .h5 {
  1283. font-size: 13px;
  1284. }
  1285. h6,
  1286. .h6 {
  1287. font-size: 12px;
  1288. }
  1289. p {
  1290. margin: 0 0 9px;
  1291. }
  1292. .lead {
  1293. margin-bottom: 18px;
  1294. font-size: 14px;
  1295. font-weight: 300;
  1296. line-height: 1.4;
  1297. }
  1298. @media (min-width: 768px) {
  1299. .lead {
  1300. font-size: 19.5px;
  1301. }
  1302. }
  1303. small,
  1304. .small {
  1305. font-size: 92%;
  1306. }
  1307. mark,
  1308. .mark {
  1309. background-color: #fcf8e3;
  1310. padding: .2em;
  1311. }
  1312. .text-left {
  1313. text-align: left;
  1314. }
  1315. .text-right {
  1316. text-align: right;
  1317. }
  1318. .text-center {
  1319. text-align: center;
  1320. }
  1321. .text-justify {
  1322. text-align: justify;
  1323. }
  1324. .text-nowrap {
  1325. white-space: nowrap;
  1326. }
  1327. .text-lowercase {
  1328. text-transform: lowercase;
  1329. }
  1330. .text-uppercase {
  1331. text-transform: uppercase;
  1332. }
  1333. .text-capitalize {
  1334. text-transform: capitalize;
  1335. }
  1336. .text-muted {
  1337. color: #777777;
  1338. }
  1339. .text-primary {
  1340. color: #337ab7;
  1341. }
  1342. a.text-primary:hover,
  1343. a.text-primary:focus {
  1344. color: #286090;
  1345. }
  1346. .text-success {
  1347. color: #3c763d;
  1348. }
  1349. a.text-success:hover,
  1350. a.text-success:focus {
  1351. color: #2b542c;
  1352. }
  1353. .text-info {
  1354. color: #31708f;
  1355. }
  1356. a.text-info:hover,
  1357. a.text-info:focus {
  1358. color: #245269;
  1359. }
  1360. .text-warning {
  1361. color: #8a6d3b;
  1362. }
  1363. a.text-warning:hover,
  1364. a.text-warning:focus {
  1365. color: #66512c;
  1366. }
  1367. .text-danger {
  1368. color: #a94442;
  1369. }
  1370. a.text-danger:hover,
  1371. a.text-danger:focus {
  1372. color: #843534;
  1373. }
  1374. .bg-primary {
  1375. color: #fff;
  1376. background-color: #337ab7;
  1377. }
  1378. a.bg-primary:hover,
  1379. a.bg-primary:focus {
  1380. background-color: #286090;
  1381. }
  1382. .bg-success {
  1383. background-color: #dff0d8;
  1384. }
  1385. a.bg-success:hover,
  1386. a.bg-success:focus {
  1387. background-color: #c1e2b3;
  1388. }
  1389. .bg-info {
  1390. background-color: #d9edf7;
  1391. }
  1392. a.bg-info:hover,
  1393. a.bg-info:focus {
  1394. background-color: #afd9ee;
  1395. }
  1396. .bg-warning {
  1397. background-color: #fcf8e3;
  1398. }
  1399. a.bg-warning:hover,
  1400. a.bg-warning:focus {
  1401. background-color: #f7ecb5;
  1402. }
  1403. .bg-danger {
  1404. background-color: #f2dede;
  1405. }
  1406. a.bg-danger:hover,
  1407. a.bg-danger:focus {
  1408. background-color: #e4b9b9;
  1409. }
  1410. .page-header {
  1411. padding-bottom: 8px;
  1412. margin: 36px 0 18px;
  1413. border-bottom: 1px solid #eeeeee;
  1414. }
  1415. ul,
  1416. ol {
  1417. margin-top: 0;
  1418. margin-bottom: 9px;
  1419. }
  1420. ul ul,
  1421. ol ul,
  1422. ul ol,
  1423. ol ol {
  1424. margin-bottom: 0;
  1425. }
  1426. .list-unstyled {
  1427. padding-left: 0;
  1428. list-style: none;
  1429. }
  1430. .list-inline {
  1431. padding-left: 0;
  1432. list-style: none;
  1433. margin-left: -5px;
  1434. }
  1435. .list-inline > li {
  1436. display: inline-block;
  1437. padding-left: 5px;
  1438. padding-right: 5px;
  1439. }
  1440. dl {
  1441. margin-top: 0;
  1442. margin-bottom: 18px;
  1443. }
  1444. dt,
  1445. dd {
  1446. line-height: 1.42857143;
  1447. }
  1448. dt {
  1449. font-weight: bold;
  1450. }
  1451. dd {
  1452. margin-left: 0;
  1453. }
  1454. @media (min-width: 541px) {
  1455. .dl-horizontal dt {
  1456. float: left;
  1457. width: 160px;
  1458. clear: left;
  1459. text-align: right;
  1460. overflow: hidden;
  1461. text-overflow: ellipsis;
  1462. white-space: nowrap;
  1463. }
  1464. .dl-horizontal dd {
  1465. margin-left: 180px;
  1466. }
  1467. }
  1468. abbr[title],
  1469. abbr[data-original-title] {
  1470. cursor: help;
  1471. border-bottom: 1px dotted #777777;
  1472. }
  1473. .initialism {
  1474. font-size: 90%;
  1475. text-transform: uppercase;
  1476. }
  1477. blockquote {
  1478. padding: 9px 18px;
  1479. margin: 0 0 18px;
  1480. font-size: inherit;
  1481. border-left: 5px solid #eeeeee;
  1482. }
  1483. blockquote p:last-child,
  1484. blockquote ul:last-child,
  1485. blockquote ol:last-child {
  1486. margin-bottom: 0;
  1487. }
  1488. blockquote footer,
  1489. blockquote small,
  1490. blockquote .small {
  1491. display: block;
  1492. font-size: 80%;
  1493. line-height: 1.42857143;
  1494. color: #777777;
  1495. }
  1496. blockquote footer:before,
  1497. blockquote small:before,
  1498. blockquote .small:before {
  1499. content: '\2014 \00A0';
  1500. }
  1501. .blockquote-reverse,
  1502. blockquote.pull-right {
  1503. padding-right: 15px;
  1504. padding-left: 0;
  1505. border-right: 5px solid #eeeeee;
  1506. border-left: 0;
  1507. text-align: right;
  1508. }
  1509. .blockquote-reverse footer:before,
  1510. blockquote.pull-right footer:before,
  1511. .blockquote-reverse small:before,
  1512. blockquote.pull-right small:before,
  1513. .blockquote-reverse .small:before,
  1514. blockquote.pull-right .small:before {
  1515. content: '';
  1516. }
  1517. .blockquote-reverse footer:after,
  1518. blockquote.pull-right footer:after,
  1519. .blockquote-reverse small:after,
  1520. blockquote.pull-right small:after,
  1521. .blockquote-reverse .small:after,
  1522. blockquote.pull-right .small:after {
  1523. content: '\00A0 \2014';
  1524. }
  1525. address {
  1526. margin-bottom: 18px;
  1527. font-style: normal;
  1528. line-height: 1.42857143;
  1529. }
  1530. code,
  1531. kbd,
  1532. pre,
  1533. samp {
  1534. font-family: monospace;
  1535. }
  1536. code {
  1537. padding: 2px 4px;
  1538. font-size: 90%;
  1539. color: #c7254e;
  1540. background-color: #f9f2f4;
  1541. border-radius: 2px;
  1542. }
  1543. kbd {
  1544. padding: 2px 4px;
  1545. font-size: 90%;
  1546. color: #888;
  1547. background-color: transparent;
  1548. border-radius: 1px;
  1549. box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  1550. }
  1551. kbd kbd {
  1552. padding: 0;
  1553. font-size: 100%;
  1554. font-weight: bold;
  1555. box-shadow: none;
  1556. }
  1557. pre {
  1558. display: block;
  1559. padding: 8.5px;
  1560. margin: 0 0 9px;
  1561. font-size: 12px;
  1562. line-height: 1.42857143;
  1563. word-break: break-all;
  1564. word-wrap: break-word;
  1565. color: #333333;
  1566. background-color: #f5f5f5;
  1567. border: 1px solid #ccc;
  1568. border-radius: 2px;
  1569. }
  1570. pre code {
  1571. padding: 0;
  1572. font-size: inherit;
  1573. color: inherit;
  1574. white-space: pre-wrap;
  1575. background-color: transparent;
  1576. border-radius: 0;
  1577. }
  1578. .pre-scrollable {
  1579. max-height: 340px;
  1580. overflow-y: scroll;
  1581. }
  1582. .container {
  1583. margin-right: auto;
  1584. margin-left: auto;
  1585. padding-left: 0px;
  1586. padding-right: 0px;
  1587. }
  1588. @media (min-width: 768px) {
  1589. .container {
  1590. width: 768px;
  1591. }
  1592. }
  1593. @media (min-width: 992px) {
  1594. .container {
  1595. width: 940px;
  1596. }
  1597. }
  1598. @media (min-width: 1200px) {
  1599. .container {
  1600. width: 1140px;
  1601. }
  1602. }
  1603. .container-fluid {
  1604. margin-right: auto;
  1605. margin-left: auto;
  1606. padding-left: 0px;
  1607. padding-right: 0px;
  1608. }
  1609. .row {
  1610. margin-left: 0px;
  1611. margin-right: 0px;
  1612. }
  1613. .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 {
  1614. position: relative;
  1615. min-height: 1px;
  1616. padding-left: 0px;
  1617. padding-right: 0px;
  1618. }
  1619. .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 {
  1620. float: left;
  1621. }
  1622. .col-xs-12 {
  1623. width: 100%;
  1624. }
  1625. .col-xs-11 {
  1626. width: 91.66666667%;
  1627. }
  1628. .col-xs-10 {
  1629. width: 83.33333333%;
  1630. }
  1631. .col-xs-9 {
  1632. width: 75%;
  1633. }
  1634. .col-xs-8 {
  1635. width: 66.66666667%;
  1636. }
  1637. .col-xs-7 {
  1638. width: 58.33333333%;
  1639. }
  1640. .col-xs-6 {
  1641. width: 50%;
  1642. }
  1643. .col-xs-5 {
  1644. width: 41.66666667%;
  1645. }
  1646. .col-xs-4 {
  1647. width: 33.33333333%;
  1648. }
  1649. .col-xs-3 {
  1650. width: 25%;
  1651. }
  1652. .col-xs-2 {
  1653. width: 16.66666667%;
  1654. }
  1655. .col-xs-1 {
  1656. width: 8.33333333%;
  1657. }
  1658. .col-xs-pull-12 {
  1659. right: 100%;
  1660. }
  1661. .col-xs-pull-11 {
  1662. right: 91.66666667%;
  1663. }
  1664. .col-xs-pull-10 {
  1665. right: 83.33333333%;
  1666. }
  1667. .col-xs-pull-9 {
  1668. right: 75%;
  1669. }
  1670. .col-xs-pull-8 {
  1671. right: 66.66666667%;
  1672. }
  1673. .col-xs-pull-7 {
  1674. right: 58.33333333%;
  1675. }
  1676. .col-xs-pull-6 {
  1677. right: 50%;
  1678. }
  1679. .col-xs-pull-5 {
  1680. right: 41.66666667%;
  1681. }
  1682. .col-xs-pull-4 {
  1683. right: 33.33333333%;
  1684. }
  1685. .col-xs-pull-3 {
  1686. right: 25%;
  1687. }
  1688. .col-xs-pull-2 {
  1689. right: 16.66666667%;
  1690. }
  1691. .col-xs-pull-1 {
  1692. right: 8.33333333%;
  1693. }
  1694. .col-xs-pull-0 {
  1695. right: auto;
  1696. }
  1697. .col-xs-push-12 {
  1698. left: 100%;
  1699. }
  1700. .col-xs-push-11 {
  1701. left: 91.66666667%;
  1702. }
  1703. .col-xs-push-10 {
  1704. left: 83.33333333%;
  1705. }
  1706. .col-xs-push-9 {
  1707. left: 75%;
  1708. }
  1709. .col-xs-push-8 {
  1710. left: 66.66666667%;
  1711. }
  1712. .col-xs-push-7 {
  1713. left: 58.33333333%;
  1714. }
  1715. .col-xs-push-6 {
  1716. left: 50%;
  1717. }
  1718. .col-xs-push-5 {
  1719. left: 41.66666667%;
  1720. }
  1721. .col-xs-push-4 {
  1722. left: 33.33333333%;
  1723. }
  1724. .col-xs-push-3 {
  1725. left: 25%;
  1726. }
  1727. .col-xs-push-2 {
  1728. left: 16.66666667%;
  1729. }
  1730. .col-xs-push-1 {
  1731. left: 8.33333333%;
  1732. }
  1733. .col-xs-push-0 {
  1734. left: auto;
  1735. }
  1736. .col-xs-offset-12 {
  1737. margin-left: 100%;
  1738. }
  1739. .col-xs-offset-11 {
  1740. margin-left: 91.66666667%;
  1741. }
  1742. .col-xs-offset-10 {
  1743. margin-left: 83.33333333%;
  1744. }
  1745. .col-xs-offset-9 {
  1746. margin-left: 75%;
  1747. }
  1748. .col-xs-offset-8 {
  1749. margin-left: 66.66666667%;
  1750. }
  1751. .col-xs-offset-7 {
  1752. margin-left: 58.33333333%;
  1753. }
  1754. .col-xs-offset-6 {
  1755. margin-left: 50%;
  1756. }
  1757. .col-xs-offset-5 {
  1758. margin-left: 41.66666667%;
  1759. }
  1760. .col-xs-offset-4 {
  1761. margin-left: 33.33333333%;
  1762. }
  1763. .col-xs-offset-3 {
  1764. margin-left: 25%;
  1765. }
  1766. .col-xs-offset-2 {
  1767. margin-left: 16.66666667%;
  1768. }
  1769. .col-xs-offset-1 {
  1770. margin-left: 8.33333333%;
  1771. }
  1772. .col-xs-offset-0 {
  1773. margin-left: 0%;
  1774. }
  1775. @media (min-width: 768px) {
  1776. .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 {
  1777. float: left;
  1778. }
  1779. .col-sm-12 {
  1780. width: 100%;
  1781. }
  1782. .col-sm-11 {
  1783. width: 91.66666667%;
  1784. }
  1785. .col-sm-10 {
  1786. width: 83.33333333%;
  1787. }
  1788. .col-sm-9 {
  1789. width: 75%;
  1790. }
  1791. .col-sm-8 {
  1792. width: 66.66666667%;
  1793. }
  1794. .col-sm-7 {
  1795. width: 58.33333333%;
  1796. }
  1797. .col-sm-6 {
  1798. width: 50%;
  1799. }
  1800. .col-sm-5 {
  1801. width: 41.66666667%;
  1802. }
  1803. .col-sm-4 {
  1804. width: 33.33333333%;
  1805. }
  1806. .col-sm-3 {
  1807. width: 25%;
  1808. }
  1809. .col-sm-2 {
  1810. width: 16.66666667%;
  1811. }
  1812. .col-sm-1 {
  1813. width: 8.33333333%;
  1814. }
  1815. .col-sm-pull-12 {
  1816. right: 100%;
  1817. }
  1818. .col-sm-pull-11 {
  1819. right: 91.66666667%;
  1820. }
  1821. .col-sm-pull-10 {
  1822. right: 83.33333333%;
  1823. }
  1824. .col-sm-pull-9 {
  1825. right: 75%;
  1826. }
  1827. .col-sm-pull-8 {
  1828. right: 66.66666667%;
  1829. }
  1830. .col-sm-pull-7 {
  1831. right: 58.33333333%;
  1832. }
  1833. .col-sm-pull-6 {
  1834. right: 50%;
  1835. }
  1836. .col-sm-pull-5 {
  1837. right: 41.66666667%;
  1838. }
  1839. .col-sm-pull-4 {
  1840. right: 33.33333333%;
  1841. }
  1842. .col-sm-pull-3 {
  1843. right: 25%;
  1844. }
  1845. .col-sm-pull-2 {
  1846. right: 16.66666667%;
  1847. }
  1848. .col-sm-pull-1 {
  1849. right: 8.33333333%;
  1850. }
  1851. .col-sm-pull-0 {
  1852. right: auto;
  1853. }
  1854. .col-sm-push-12 {
  1855. left: 100%;
  1856. }
  1857. .col-sm-push-11 {
  1858. left: 91.66666667%;
  1859. }
  1860. .col-sm-push-10 {
  1861. left: 83.33333333%;
  1862. }
  1863. .col-sm-push-9 {
  1864. left: 75%;
  1865. }
  1866. .col-sm-push-8 {
  1867. left: 66.66666667%;
  1868. }
  1869. .col-sm-push-7 {
  1870. left: 58.33333333%;
  1871. }
  1872. .col-sm-push-6 {
  1873. left: 50%;
  1874. }
  1875. .col-sm-push-5 {
  1876. left: 41.66666667%;
  1877. }
  1878. .col-sm-push-4 {
  1879. left: 33.33333333%;
  1880. }
  1881. .col-sm-push-3 {
  1882. left: 25%;
  1883. }
  1884. .col-sm-push-2 {
  1885. left: 16.66666667%;
  1886. }
  1887. .col-sm-push-1 {
  1888. left: 8.33333333%;
  1889. }
  1890. .col-sm-push-0 {
  1891. left: auto;
  1892. }
  1893. .col-sm-offset-12 {
  1894. margin-left: 100%;
  1895. }
  1896. .col-sm-offset-11 {
  1897. margin-left: 91.66666667%;
  1898. }
  1899. .col-sm-offset-10 {
  1900. margin-left: 83.33333333%;
  1901. }
  1902. .col-sm-offset-9 {
  1903. margin-left: 75%;
  1904. }
  1905. .col-sm-offset-8 {
  1906. margin-left: 66.66666667%;
  1907. }
  1908. .col-sm-offset-7 {
  1909. margin-left: 58.33333333%;
  1910. }
  1911. .col-sm-offset-6 {
  1912. margin-left: 50%;
  1913. }
  1914. .col-sm-offset-5 {
  1915. margin-left: 41.66666667%;
  1916. }
  1917. .col-sm-offset-4 {
  1918. margin-left: 33.33333333%;
  1919. }
  1920. .col-sm-offset-3 {
  1921. margin-left: 25%;
  1922. }
  1923. .col-sm-offset-2 {
  1924. margin-left: 16.66666667%;
  1925. }
  1926. .col-sm-offset-1 {
  1927. margin-left: 8.33333333%;
  1928. }
  1929. .col-sm-offset-0 {
  1930. margin-left: 0%;
  1931. }
  1932. }
  1933. @media (min-width: 992px) {
  1934. .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 {
  1935. float: left;
  1936. }
  1937. .col-md-12 {
  1938. width: 100%;
  1939. }
  1940. .col-md-11 {
  1941. width: 91.66666667%;
  1942. }
  1943. .col-md-10 {
  1944. width: 83.33333333%;
  1945. }
  1946. .col-md-9 {
  1947. width: 75%;
  1948. }
  1949. .col-md-8 {
  1950. width: 66.66666667%;
  1951. }
  1952. .col-md-7 {
  1953. width: 58.33333333%;
  1954. }
  1955. .col-md-6 {
  1956. width: 50%;
  1957. }
  1958. .col-md-5 {
  1959. width: 41.66666667%;
  1960. }
  1961. .col-md-4 {
  1962. width: 33.33333333%;
  1963. }
  1964. .col-md-3 {
  1965. width: 25%;
  1966. }
  1967. .col-md-2 {
  1968. width: 16.66666667%;
  1969. }
  1970. .col-md-1 {
  1971. width: 8.33333333%;
  1972. }
  1973. .col-md-pull-12 {
  1974. right: 100%;
  1975. }
  1976. .col-md-pull-11 {
  1977. right: 91.66666667%;
  1978. }
  1979. .col-md-pull-10 {
  1980. right: 83.33333333%;
  1981. }
  1982. .col-md-pull-9 {
  1983. right: 75%;
  1984. }
  1985. .col-md-pull-8 {
  1986. right: 66.66666667%;
  1987. }
  1988. .col-md-pull-7 {
  1989. right: 58.33333333%;
  1990. }
  1991. .col-md-pull-6 {
  1992. right: 50%;
  1993. }
  1994. .col-md-pull-5 {
  1995. right: 41.66666667%;
  1996. }
  1997. .col-md-pull-4 {
  1998. right: 33.33333333%;
  1999. }
  2000. .col-md-pull-3 {
  2001. right: 25%;
  2002. }
  2003. .col-md-pull-2 {
  2004. right: 16.66666667%;
  2005. }
  2006. .col-md-pull-1 {
  2007. right: 8.33333333%;
  2008. }
  2009. .col-md-pull-0 {
  2010. right: auto;
  2011. }
  2012. .col-md-push-12 {
  2013. left: 100%;
  2014. }
  2015. .col-md-push-11 {
  2016. left: 91.66666667%;
  2017. }
  2018. .col-md-push-10 {
  2019. left: 83.33333333%;
  2020. }
  2021. .col-md-push-9 {
  2022. left: 75%;
  2023. }
  2024. .col-md-push-8 {
  2025. left: 66.66666667%;
  2026. }
  2027. .col-md-push-7 {
  2028. left: 58.33333333%;
  2029. }
  2030. .col-md-push-6 {
  2031. left: 50%;
  2032. }
  2033. .col-md-push-5 {
  2034. left: 41.66666667%;
  2035. }
  2036. .col-md-push-4 {
  2037. left: 33.33333333%;
  2038. }
  2039. .col-md-push-3 {
  2040. left: 25%;
  2041. }
  2042. .col-md-push-2 {
  2043. left: 16.66666667%;
  2044. }
  2045. .col-md-push-1 {
  2046. left: 8.33333333%;
  2047. }
  2048. .col-md-push-0 {
  2049. left: auto;
  2050. }
  2051. .col-md-offset-12 {
  2052. margin-left: 100%;
  2053. }
  2054. .col-md-offset-11 {
  2055. margin-left: 91.66666667%;
  2056. }
  2057. .col-md-offset-10 {
  2058. margin-left: 83.33333333%;
  2059. }
  2060. .col-md-offset-9 {
  2061. margin-left: 75%;
  2062. }
  2063. .col-md-offset-8 {
  2064. margin-left: 66.66666667%;
  2065. }
  2066. .col-md-offset-7 {
  2067. margin-left: 58.33333333%;
  2068. }
  2069. .col-md-offset-6 {
  2070. margin-left: 50%;
  2071. }
  2072. .col-md-offset-5 {
  2073. margin-left: 41.66666667%;
  2074. }
  2075. .col-md-offset-4 {
  2076. margin-left: 33.33333333%;
  2077. }
  2078. .col-md-offset-3 {
  2079. margin-left: 25%;
  2080. }
  2081. .col-md-offset-2 {
  2082. margin-left: 16.66666667%;
  2083. }
  2084. .col-md-offset-1 {
  2085. margin-left: 8.33333333%;
  2086. }
  2087. .col-md-offset-0 {
  2088. margin-left: 0%;
  2089. }
  2090. }
  2091. @media (min-width: 1200px) {
  2092. .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 {
  2093. float: left;
  2094. }
  2095. .col-lg-12 {
  2096. width: 100%;
  2097. }
  2098. .col-lg-11 {
  2099. width: 91.66666667%;
  2100. }
  2101. .col-lg-10 {
  2102. width: 83.33333333%;
  2103. }
  2104. .col-lg-9 {
  2105. width: 75%;
  2106. }
  2107. .col-lg-8 {
  2108. width: 66.66666667%;
  2109. }
  2110. .col-lg-7 {
  2111. width: 58.33333333%;
  2112. }
  2113. .col-lg-6 {
  2114. width: 50%;
  2115. }
  2116. .col-lg-5 {
  2117. width: 41.66666667%;
  2118. }
  2119. .col-lg-4 {
  2120. width: 33.33333333%;
  2121. }
  2122. .col-lg-3 {
  2123. width: 25%;
  2124. }
  2125. .col-lg-2 {
  2126. width: 16.66666667%;
  2127. }
  2128. .col-lg-1 {
  2129. width: 8.33333333%;
  2130. }
  2131. .col-lg-pull-12 {
  2132. right: 100%;
  2133. }
  2134. .col-lg-pull-11 {
  2135. right: 91.66666667%;
  2136. }
  2137. .col-lg-pull-10 {
  2138. right: 83.33333333%;
  2139. }
  2140. .col-lg-pull-9 {
  2141. right: 75%;
  2142. }
  2143. .col-lg-pull-8 {
  2144. right: 66.66666667%;
  2145. }
  2146. .col-lg-pull-7 {
  2147. right: 58.33333333%;
  2148. }
  2149. .col-lg-pull-6 {
  2150. right: 50%;
  2151. }
  2152. .col-lg-pull-5 {
  2153. right: 41.66666667%;
  2154. }
  2155. .col-lg-pull-4 {
  2156. right: 33.33333333%;
  2157. }
  2158. .col-lg-pull-3 {
  2159. right: 25%;
  2160. }
  2161. .col-lg-pull-2 {
  2162. right: 16.66666667%;
  2163. }
  2164. .col-lg-pull-1 {
  2165. right: 8.33333333%;
  2166. }
  2167. .col-lg-pull-0 {
  2168. right: auto;
  2169. }
  2170. .col-lg-push-12 {
  2171. left: 100%;
  2172. }
  2173. .col-lg-push-11 {
  2174. left: 91.66666667%;
  2175. }
  2176. .col-lg-push-10 {
  2177. left: 83.33333333%;
  2178. }
  2179. .col-lg-push-9 {
  2180. left: 75%;
  2181. }
  2182. .col-lg-push-8 {
  2183. left: 66.66666667%;
  2184. }
  2185. .col-lg-push-7 {
  2186. left: 58.33333333%;
  2187. }
  2188. .col-lg-push-6 {
  2189. left: 50%;
  2190. }
  2191. .col-lg-push-5 {
  2192. left: 41.66666667%;
  2193. }
  2194. .col-lg-push-4 {
  2195. left: 33.33333333%;
  2196. }
  2197. .col-lg-push-3 {
  2198. left: 25%;
  2199. }
  2200. .col-lg-push-2 {
  2201. left: 16.66666667%;
  2202. }
  2203. .col-lg-push-1 {
  2204. left: 8.33333333%;
  2205. }
  2206. .col-lg-push-0 {
  2207. left: auto;
  2208. }
  2209. .col-lg-offset-12 {
  2210. margin-left: 100%;
  2211. }
  2212. .col-lg-offset-11 {
  2213. margin-left: 91.66666667%;
  2214. }
  2215. .col-lg-offset-10 {
  2216. margin-left: 83.33333333%;
  2217. }
  2218. .col-lg-offset-9 {
  2219. margin-left: 75%;
  2220. }
  2221. .col-lg-offset-8 {
  2222. margin-left: 66.66666667%;
  2223. }
  2224. .col-lg-offset-7 {
  2225. margin-left: 58.33333333%;
  2226. }
  2227. .col-lg-offset-6 {
  2228. margin-left: 50%;
  2229. }
  2230. .col-lg-offset-5 {
  2231. margin-left: 41.66666667%;
  2232. }
  2233. .col-lg-offset-4 {
  2234. margin-left: 33.33333333%;
  2235. }
  2236. .col-lg-offset-3 {
  2237. margin-left: 25%;
  2238. }
  2239. .col-lg-offset-2 {
  2240. margin-left: 16.66666667%;
  2241. }
  2242. .col-lg-offset-1 {
  2243. margin-left: 8.33333333%;
  2244. }
  2245. .col-lg-offset-0 {
  2246. margin-left: 0%;
  2247. }
  2248. }
  2249. table {
  2250. background-color: transparent;
  2251. }
  2252. caption {
  2253. padding-top: 8px;
  2254. padding-bottom: 8px;
  2255. color: #777777;
  2256. text-align: left;
  2257. }
  2258. th {
  2259. text-align: left;
  2260. }
  2261. .table {
  2262. width: 100%;
  2263. max-width: 100%;
  2264. margin-bottom: 18px;
  2265. }
  2266. .table > thead > tr > th,
  2267. .table > tbody > tr > th,
  2268. .table > tfoot > tr > th,
  2269. .table > thead > tr > td,
  2270. .table > tbody > tr > td,
  2271. .table > tfoot > tr > td {
  2272. padding: 8px;
  2273. line-height: 1.42857143;
  2274. vertical-align: top;
  2275. border-top: 1px solid #ddd;
  2276. }
  2277. .table > thead > tr > th {
  2278. vertical-align: bottom;
  2279. border-bottom: 2px solid #ddd;
  2280. }
  2281. .table > caption + thead > tr:first-child > th,
  2282. .table > colgroup + thead > tr:first-child > th,
  2283. .table > thead:first-child > tr:first-child > th,
  2284. .table > caption + thead > tr:first-child > td,
  2285. .table > colgroup + thead > tr:first-child > td,
  2286. .table > thead:first-child > tr:first-child > td {
  2287. border-top: 0;
  2288. }
  2289. .table > tbody + tbody {
  2290. border-top: 2px solid #ddd;
  2291. }
  2292. .table .table {
  2293. background-color: #fff;
  2294. }
  2295. .table-condensed > thead > tr > th,
  2296. .table-condensed > tbody > tr > th,
  2297. .table-condensed > tfoot > tr > th,
  2298. .table-condensed > thead > tr > td,
  2299. .table-condensed > tbody > tr > td,
  2300. .table-condensed > tfoot > tr > td {
  2301. padding: 5px;
  2302. }
  2303. .table-bordered {
  2304. border: 1px solid #ddd;
  2305. }
  2306. .table-bordered > thead > tr > th,
  2307. .table-bordered > tbody > tr > th,
  2308. .table-bordered > tfoot > tr > th,
  2309. .table-bordered > thead > tr > td,
  2310. .table-bordered > tbody > tr > td,
  2311. .table-bordered > tfoot > tr > td {
  2312. border: 1px solid #ddd;
  2313. }
  2314. .table-bordered > thead > tr > th,
  2315. .table-bordered > thead > tr > td {
  2316. border-bottom-width: 2px;
  2317. }
  2318. .table-striped > tbody > tr:nth-of-type(odd) {
  2319. background-color: #f9f9f9;
  2320. }
  2321. .table-hover > tbody > tr:hover {
  2322. background-color: #f5f5f5;
  2323. }
  2324. table col[class*="col-"] {
  2325. position: static;
  2326. float: none;
  2327. display: table-column;
  2328. }
  2329. table td[class*="col-"],
  2330. table th[class*="col-"] {
  2331. position: static;
  2332. float: none;
  2333. display: table-cell;
  2334. }
  2335. .table > thead > tr > td.active,
  2336. .table > tbody > tr > td.active,
  2337. .table > tfoot > tr > td.active,
  2338. .table > thead > tr > th.active,
  2339. .table > tbody > tr > th.active,
  2340. .table > tfoot > tr > th.active,
  2341. .table > thead > tr.active > td,
  2342. .table > tbody > tr.active > td,
  2343. .table > tfoot > tr.active > td,
  2344. .table > thead > tr.active > th,
  2345. .table > tbody > tr.active > th,
  2346. .table > tfoot > tr.active > th {
  2347. background-color: #f5f5f5;
  2348. }
  2349. .table-hover > tbody > tr > td.active:hover,
  2350. .table-hover > tbody > tr > th.active:hover,
  2351. .table-hover > tbody > tr.active:hover > td,
  2352. .table-hover > tbody > tr:hover > .active,
  2353. .table-hover > tbody > tr.active:hover > th {
  2354. background-color: #e8e8e8;
  2355. }
  2356. .table > thead > tr > td.success,
  2357. .table > tbody > tr > td.success,
  2358. .table > tfoot > tr > td.success,
  2359. .table > thead > tr > th.success,
  2360. .table > tbody > tr > th.success,
  2361. .table > tfoot > tr > th.success,
  2362. .table > thead > tr.success > td,
  2363. .table > tbody > tr.success > td,
  2364. .table > tfoot > tr.success > td,
  2365. .table > thead > tr.success > th,
  2366. .table > tbody > tr.success > th,
  2367. .table > tfoot > tr.success > th {
  2368. background-color: #dff0d8;
  2369. }
  2370. .table-hover > tbody > tr > td.success:hover,
  2371. .table-hover > tbody > tr > th.success:hover,
  2372. .table-hover > tbody > tr.success:hover > td,
  2373. .table-hover > tbody > tr:hover > .success,
  2374. .table-hover > tbody > tr.success:hover > th {
  2375. background-color: #d0e9c6;
  2376. }
  2377. .table > thead > tr > td.info,
  2378. .table > tbody > tr > td.info,
  2379. .table > tfoot > tr > td.info,
  2380. .table > thead > tr > th.info,
  2381. .table > tbody > tr > th.info,
  2382. .table > tfoot > tr > th.info,
  2383. .table > thead > tr.info > td,
  2384. .table > tbody > tr.info > td,
  2385. .table > tfoot > tr.info > td,
  2386. .table > thead > tr.info > th,
  2387. .table > tbody > tr.info > th,
  2388. .table > tfoot > tr.info > th {
  2389. background-color: #d9edf7;
  2390. }
  2391. .table-hover > tbody > tr > td.info:hover,
  2392. .table-hover > tbody > tr > th.info:hover,
  2393. .table-hover > tbody > tr.info:hover > td,
  2394. .table-hover > tbody > tr:hover > .info,
  2395. .table-hover > tbody > tr.info:hover > th {
  2396. background-color: #c4e3f3;
  2397. }
  2398. .table > thead > tr > td.warning,
  2399. .table > tbody > tr > td.warning,
  2400. .table > tfoot > tr > td.warning,
  2401. .table > thead > tr > th.warning,
  2402. .table > tbody > tr > th.warning,
  2403. .table > tfoot > tr > th.warning,
  2404. .table > thead > tr.warning > td,
  2405. .table > tbody > tr.warning > td,
  2406. .table > tfoot > tr.warning > td,
  2407. .table > thead > tr.warning > th,
  2408. .table > tbody > tr.warning > th,
  2409. .table > tfoot > tr.warning > th {
  2410. background-color: #fcf8e3;
  2411. }
  2412. .table-hover > tbody > tr > td.warning:hover,
  2413. .table-hover > tbody > tr > th.warning:hover,
  2414. .table-hover > tbody > tr.warning:hover > td,
  2415. .table-hover > tbody > tr:hover > .warning,
  2416. .table-hover > tbody > tr.warning:hover > th {
  2417. background-color: #faf2cc;
  2418. }
  2419. .table > thead > tr > td.danger,
  2420. .table > tbody > tr > td.danger,
  2421. .table > tfoot > tr > td.danger,
  2422. .table > thead > tr > th.danger,
  2423. .table > tbody > tr > th.danger,
  2424. .table > tfoot > tr > th.danger,
  2425. .table > thead > tr.danger > td,
  2426. .table > tbody > tr.danger > td,
  2427. .table > tfoot > tr.danger > td,
  2428. .table > thead > tr.danger > th,
  2429. .table > tbody > tr.danger > th,
  2430. .table > tfoot > tr.danger > th {
  2431. background-color: #f2dede;
  2432. }
  2433. .table-hover > tbody > tr > td.danger:hover,
  2434. .table-hover > tbody > tr > th.danger:hover,
  2435. .table-hover > tbody > tr.danger:hover > td,
  2436. .table-hover > tbody > tr:hover > .danger,
  2437. .table-hover > tbody > tr.danger:hover > th {
  2438. background-color: #ebcccc;
  2439. }
  2440. .table-responsive {
  2441. overflow-x: auto;
  2442. min-height: 0.01%;
  2443. }
  2444. @media screen and (max-width: 767px) {
  2445. .table-responsive {
  2446. width: 100%;
  2447. margin-bottom: 13.5px;
  2448. overflow-y: hidden;
  2449. -ms-overflow-style: -ms-autohiding-scrollbar;
  2450. border: 1px solid #ddd;
  2451. }
  2452. .table-responsive > .table {
  2453. margin-bottom: 0;
  2454. }
  2455. .table-responsive > .table > thead > tr > th,
  2456. .table-responsive > .table > tbody > tr > th,
  2457. .table-responsive > .table > tfoot > tr > th,
  2458. .table-responsive > .table > thead > tr > td,
  2459. .table-responsive > .table > tbody > tr > td,
  2460. .table-responsive > .table > tfoot > tr > td {
  2461. white-space: nowrap;
  2462. }
  2463. .table-responsive > .table-bordered {
  2464. border: 0;
  2465. }
  2466. .table-responsive > .table-bordered > thead > tr > th:first-child,
  2467. .table-responsive > .table-bordered > tbody > tr > th:first-child,
  2468. .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  2469. .table-responsive > .table-bordered > thead > tr > td:first-child,
  2470. .table-responsive > .table-bordered > tbody > tr > td:first-child,
  2471. .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  2472. border-left: 0;
  2473. }
  2474. .table-responsive > .table-bordered > thead > tr > th:last-child,
  2475. .table-responsive > .table-bordered > tbody > tr > th:last-child,
  2476. .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  2477. .table-responsive > .table-bordered > thead > tr > td:last-child,
  2478. .table-responsive > .table-bordered > tbody > tr > td:last-child,
  2479. .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  2480. border-right: 0;
  2481. }
  2482. .table-responsive > .table-bordered > tbody > tr:last-child > th,
  2483. .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  2484. .table-responsive > .table-bordered > tbody > tr:last-child > td,
  2485. .table-responsive > .table-bordered > tfoot > tr:last-child > td {
  2486. border-bottom: 0;
  2487. }
  2488. }
  2489. fieldset {
  2490. padding: 0;
  2491. margin: 0;
  2492. border: 0;
  2493. min-width: 0;
  2494. }
  2495. legend {
  2496. display: block;
  2497. width: 100%;
  2498. padding: 0;
  2499. margin-bottom: 18px;
  2500. font-size: 19.5px;
  2501. line-height: inherit;
  2502. color: #333333;
  2503. border: 0;
  2504. border-bottom: 1px solid #e5e5e5;
  2505. }
  2506. label {
  2507. display: inline-block;
  2508. max-width: 100%;
  2509. margin-bottom: 5px;
  2510. font-weight: bold;
  2511. }
  2512. input[type="search"] {
  2513. -webkit-box-sizing: border-box;
  2514. -moz-box-sizing: border-box;
  2515. box-sizing: border-box;
  2516. }
  2517. input[type="radio"],
  2518. input[type="checkbox"] {
  2519. margin: 4px 0 0;
  2520. margin-top: 1px \9;
  2521. line-height: normal;
  2522. }
  2523. input[type="file"] {
  2524. display: block;
  2525. }
  2526. input[type="range"] {
  2527. display: block;
  2528. width: 100%;
  2529. }
  2530. select[multiple],
  2531. select[size] {
  2532. height: auto;
  2533. }
  2534. input[type="file"]:focus,
  2535. input[type="radio"]:focus,
  2536. input[type="checkbox"]:focus {
  2537. outline: 5px auto -webkit-focus-ring-color;
  2538. outline-offset: -2px;
  2539. }
  2540. output {
  2541. display: block;
  2542. padding-top: 7px;
  2543. font-size: 13px;
  2544. line-height: 1.42857143;
  2545. color: #555555;
  2546. }
  2547. .form-control {
  2548. display: block;
  2549. width: 100%;
  2550. height: 32px;
  2551. padding: 6px 12px;
  2552. font-size: 13px;
  2553. line-height: 1.42857143;
  2554. color: #555555;
  2555. background-color: #fff;
  2556. background-image: none;
  2557. border: 1px solid #ccc;
  2558. border-radius: 2px;
  2559. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2560. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2561. -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  2562. -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  2563. transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  2564. }
  2565. .form-control:focus {
  2566. border-color: #66afe9;
  2567. outline: 0;
  2568. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  2569. box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  2570. }
  2571. .form-control::-moz-placeholder {
  2572. color: #999;
  2573. opacity: 1;
  2574. }
  2575. .form-control:-ms-input-placeholder {
  2576. color: #999;
  2577. }
  2578. .form-control::-webkit-input-placeholder {
  2579. color: #999;
  2580. }
  2581. .form-control::-ms-expand {
  2582. border: 0;
  2583. background-color: transparent;
  2584. }
  2585. .form-control[disabled],
  2586. .form-control[readonly],
  2587. fieldset[disabled] .form-control {
  2588. background-color: #eeeeee;
  2589. opacity: 1;
  2590. }
  2591. .form-control[disabled],
  2592. fieldset[disabled] .form-control {
  2593. cursor: not-allowed;
  2594. }
  2595. textarea.form-control {
  2596. height: auto;
  2597. }
  2598. input[type="search"] {
  2599. -webkit-appearance: none;
  2600. }
  2601. @media screen and (-webkit-min-device-pixel-ratio: 0) {
  2602. input[type="date"].form-control,
  2603. input[type="time"].form-control,
  2604. input[type="datetime-local"].form-control,
  2605. input[type="month"].form-control {
  2606. line-height: 32px;
  2607. }
  2608. input[type="date"].input-sm,
  2609. input[type="time"].input-sm,
  2610. input[type="datetime-local"].input-sm,
  2611. input[type="month"].input-sm,
  2612. .input-group-sm input[type="date"],
  2613. .input-group-sm input[type="time"],
  2614. .input-group-sm input[type="datetime-local"],
  2615. .input-group-sm input[type="month"] {
  2616. line-height: 30px;
  2617. }
  2618. input[type="date"].input-lg,
  2619. input[type="time"].input-lg,
  2620. input[type="datetime-local"].input-lg,
  2621. input[type="month"].input-lg,
  2622. .input-group-lg input[type="date"],
  2623. .input-group-lg input[type="time"],
  2624. .input-group-lg input[type="datetime-local"],
  2625. .input-group-lg input[type="month"] {
  2626. line-height: 45px;
  2627. }
  2628. }
  2629. .form-group {
  2630. margin-bottom: 15px;
  2631. }
  2632. .radio,
  2633. .checkbox {
  2634. position: relative;
  2635. display: block;
  2636. margin-top: 10px;
  2637. margin-bottom: 10px;
  2638. }
  2639. .radio label,
  2640. .checkbox label {
  2641. min-height: 18px;
  2642. padding-left: 20px;
  2643. margin-bottom: 0;
  2644. font-weight: normal;
  2645. cursor: pointer;
  2646. }
  2647. .radio input[type="radio"],
  2648. .radio-inline input[type="radio"],
  2649. .checkbox input[type="checkbox"],
  2650. .checkbox-inline input[type="checkbox"] {
  2651. position: absolute;
  2652. margin-left: -20px;
  2653. margin-top: 4px \9;
  2654. }
  2655. .radio + .radio,
  2656. .checkbox + .checkbox {
  2657. margin-top: -5px;
  2658. }
  2659. .radio-inline,
  2660. .checkbox-inline {
  2661. position: relative;
  2662. display: inline-block;
  2663. padding-left: 20px;
  2664. margin-bottom: 0;
  2665. vertical-align: middle;
  2666. font-weight: normal;
  2667. cursor: pointer;
  2668. }
  2669. .radio-inline + .radio-inline,
  2670. .checkbox-inline + .checkbox-inline {
  2671. margin-top: 0;
  2672. margin-left: 10px;
  2673. }
  2674. input[type="radio"][disabled],
  2675. input[type="checkbox"][disabled],
  2676. input[type="radio"].disabled,
  2677. input[type="checkbox"].disabled,
  2678. fieldset[disabled] input[type="radio"],
  2679. fieldset[disabled] input[type="checkbox"] {
  2680. cursor: not-allowed;
  2681. }
  2682. .radio-inline.disabled,
  2683. .checkbox-inline.disabled,
  2684. fieldset[disabled] .radio-inline,
  2685. fieldset[disabled] .checkbox-inline {
  2686. cursor: not-allowed;
  2687. }
  2688. .radio.disabled label,
  2689. .checkbox.disabled label,
  2690. fieldset[disabled] .radio label,
  2691. fieldset[disabled] .checkbox label {
  2692. cursor: not-allowed;
  2693. }
  2694. .form-control-static {
  2695. padding-top: 7px;
  2696. padding-bottom: 7px;
  2697. margin-bottom: 0;
  2698. min-height: 31px;
  2699. }
  2700. .form-control-static.input-lg,
  2701. .form-control-static.input-sm {
  2702. padding-left: 0;
  2703. padding-right: 0;
  2704. }
  2705. .input-sm {
  2706. height: 30px;
  2707. padding: 5px 10px;
  2708. font-size: 12px;
  2709. line-height: 1.5;
  2710. border-radius: 1px;
  2711. }
  2712. select.input-sm {
  2713. height: 30px;
  2714. line-height: 30px;
  2715. }
  2716. textarea.input-sm,
  2717. select[multiple].input-sm {
  2718. height: auto;
  2719. }
  2720. .form-group-sm .form-control {
  2721. height: 30px;
  2722. padding: 5px 10px;
  2723. font-size: 12px;
  2724. line-height: 1.5;
  2725. border-radius: 1px;
  2726. }
  2727. .form-group-sm select.form-control {
  2728. height: 30px;
  2729. line-height: 30px;
  2730. }
  2731. .form-group-sm textarea.form-control,
  2732. .form-group-sm select[multiple].form-control {
  2733. height: auto;
  2734. }
  2735. .form-group-sm .form-control-static {
  2736. height: 30px;
  2737. min-height: 30px;
  2738. padding: 6px 10px;
  2739. font-size: 12px;
  2740. line-height: 1.5;
  2741. }
  2742. .input-lg {
  2743. height: 45px;
  2744. padding: 10px 16px;
  2745. font-size: 17px;
  2746. line-height: 1.3333333;
  2747. border-radius: 3px;
  2748. }
  2749. select.input-lg {
  2750. height: 45px;
  2751. line-height: 45px;
  2752. }
  2753. textarea.input-lg,
  2754. select[multiple].input-lg {
  2755. height: auto;
  2756. }
  2757. .form-group-lg .form-control {
  2758. height: 45px;
  2759. padding: 10px 16px;
  2760. font-size: 17px;
  2761. line-height: 1.3333333;
  2762. border-radius: 3px;
  2763. }
  2764. .form-group-lg select.form-control {
  2765. height: 45px;
  2766. line-height: 45px;
  2767. }
  2768. .form-group-lg textarea.form-control,
  2769. .form-group-lg select[multiple].form-control {
  2770. height: auto;
  2771. }
  2772. .form-group-lg .form-control-static {
  2773. height: 45px;
  2774. min-height: 35px;
  2775. padding: 11px 16px;
  2776. font-size: 17px;
  2777. line-height: 1.3333333;
  2778. }
  2779. .has-feedback {
  2780. position: relative;
  2781. }
  2782. .has-feedback .form-control {
  2783. padding-right: 40px;
  2784. }
  2785. .form-control-feedback {
  2786. position: absolute;
  2787. top: 0;
  2788. right: 0;
  2789. z-index: 2;
  2790. display: block;
  2791. width: 32px;
  2792. height: 32px;
  2793. line-height: 32px;
  2794. text-align: center;
  2795. pointer-events: none;
  2796. }
  2797. .input-lg + .form-control-feedback,
  2798. .input-group-lg + .form-control-feedback,
  2799. .form-group-lg .form-control + .form-control-feedback {
  2800. width: 45px;
  2801. height: 45px;
  2802. line-height: 45px;
  2803. }
  2804. .input-sm + .form-control-feedback,
  2805. .input-group-sm + .form-control-feedback,
  2806. .form-group-sm .form-control + .form-control-feedback {
  2807. width: 30px;
  2808. height: 30px;
  2809. line-height: 30px;
  2810. }
  2811. .has-success .help-block,
  2812. .has-success .control-label,
  2813. .has-success .radio,
  2814. .has-success .checkbox,
  2815. .has-success .radio-inline,
  2816. .has-success .checkbox-inline,
  2817. .has-success.radio label,
  2818. .has-success.checkbox label,
  2819. .has-success.radio-inline label,
  2820. .has-success.checkbox-inline label {
  2821. color: #3c763d;
  2822. }
  2823. .has-success .form-control {
  2824. border-color: #3c763d;
  2825. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2826. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2827. }
  2828. .has-success .form-control:focus {
  2829. border-color: #2b542c;
  2830. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  2831. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  2832. }
  2833. .has-success .input-group-addon {
  2834. color: #3c763d;
  2835. border-color: #3c763d;
  2836. background-color: #dff0d8;
  2837. }
  2838. .has-success .form-control-feedback {
  2839. color: #3c763d;
  2840. }
  2841. .has-warning .help-block,
  2842. .has-warning .control-label,
  2843. .has-warning .radio,
  2844. .has-warning .checkbox,
  2845. .has-warning .radio-inline,
  2846. .has-warning .checkbox-inline,
  2847. .has-warning.radio label,
  2848. .has-warning.checkbox label,
  2849. .has-warning.radio-inline label,
  2850. .has-warning.checkbox-inline label {
  2851. color: #8a6d3b;
  2852. }
  2853. .has-warning .form-control {
  2854. border-color: #8a6d3b;
  2855. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2856. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2857. }
  2858. .has-warning .form-control:focus {
  2859. border-color: #66512c;
  2860. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  2861. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  2862. }
  2863. .has-warning .input-group-addon {
  2864. color: #8a6d3b;
  2865. border-color: #8a6d3b;
  2866. background-color: #fcf8e3;
  2867. }
  2868. .has-warning .form-control-feedback {
  2869. color: #8a6d3b;
  2870. }
  2871. .has-error .help-block,
  2872. .has-error .control-label,
  2873. .has-error .radio,
  2874. .has-error .checkbox,
  2875. .has-error .radio-inline,
  2876. .has-error .checkbox-inline,
  2877. .has-error.radio label,
  2878. .has-error.checkbox label,
  2879. .has-error.radio-inline label,
  2880. .has-error.checkbox-inline label {
  2881. color: #a94442;
  2882. }
  2883. .has-error .form-control {
  2884. border-color: #a94442;
  2885. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2886. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2887. }
  2888. .has-error .form-control:focus {
  2889. border-color: #843534;
  2890. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  2891. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  2892. }
  2893. .has-error .input-group-addon {
  2894. color: #a94442;
  2895. border-color: #a94442;
  2896. background-color: #f2dede;
  2897. }
  2898. .has-error .form-control-feedback {
  2899. color: #a94442;
  2900. }
  2901. .has-feedback label ~ .form-control-feedback {
  2902. top: 23px;
  2903. }
  2904. .has-feedback label.sr-only ~ .form-control-feedback {
  2905. top: 0;
  2906. }
  2907. .help-block {
  2908. display: block;
  2909. margin-top: 5px;
  2910. margin-bottom: 10px;
  2911. color: #404040;
  2912. }
  2913. @media (min-width: 768px) {
  2914. .form-inline .form-group {
  2915. display: inline-block;
  2916. margin-bottom: 0;
  2917. vertical-align: middle;
  2918. }
  2919. .form-inline .form-control {
  2920. display: inline-block;
  2921. width: auto;
  2922. vertical-align: middle;
  2923. }
  2924. .form-inline .form-control-static {
  2925. display: inline-block;
  2926. }
  2927. .form-inline .input-group {
  2928. display: inline-table;
  2929. vertical-align: middle;
  2930. }
  2931. .form-inline .input-group .input-group-addon,
  2932. .form-inline .input-group .input-group-btn,
  2933. .form-inline .input-group .form-control {
  2934. width: auto;
  2935. }
  2936. .form-inline .input-group > .form-control {
  2937. width: 100%;
  2938. }
  2939. .form-inline .control-label {
  2940. margin-bottom: 0;
  2941. vertical-align: middle;
  2942. }
  2943. .form-inline .radio,
  2944. .form-inline .checkbox {
  2945. display: inline-block;
  2946. margin-top: 0;
  2947. margin-bottom: 0;
  2948. vertical-align: middle;
  2949. }
  2950. .form-inline .radio label,
  2951. .form-inline .checkbox label {
  2952. padding-left: 0;
  2953. }
  2954. .form-inline .radio input[type="radio"],
  2955. .form-inline .checkbox input[type="checkbox"] {
  2956. position: relative;
  2957. margin-left: 0;
  2958. }
  2959. .form-inline .has-feedback .form-control-feedback {
  2960. top: 0;
  2961. }
  2962. }
  2963. .form-horizontal .radio,
  2964. .form-horizontal .checkbox,
  2965. .form-horizontal .radio-inline,
  2966. .form-horizontal .checkbox-inline {
  2967. margin-top: 0;
  2968. margin-bottom: 0;
  2969. padding-top: 7px;
  2970. }
  2971. .form-horizontal .radio,
  2972. .form-horizontal .checkbox {
  2973. min-height: 25px;
  2974. }
  2975. .form-horizontal .form-group {
  2976. margin-left: 0px;
  2977. margin-right: 0px;
  2978. }
  2979. @media (min-width: 768px) {
  2980. .form-horizontal .control-label {
  2981. text-align: right;
  2982. margin-bottom: 0;
  2983. padding-top: 7px;
  2984. }
  2985. }
  2986. .form-horizontal .has-feedback .form-control-feedback {
  2987. right: 0px;
  2988. }
  2989. @media (min-width: 768px) {
  2990. .form-horizontal .form-group-lg .control-label {
  2991. padding-top: 11px;
  2992. font-size: 17px;
  2993. }
  2994. }
  2995. @media (min-width: 768px) {
  2996. .form-horizontal .form-group-sm .control-label {
  2997. padding-top: 6px;
  2998. font-size: 12px;
  2999. }
  3000. }
  3001. .btn {
  3002. display: inline-block;
  3003. margin-bottom: 0;
  3004. font-weight: normal;
  3005. text-align: center;
  3006. vertical-align: middle;
  3007. touch-action: manipulation;
  3008. cursor: pointer;
  3009. background-image: none;
  3010. border: 1px solid transparent;
  3011. white-space: nowrap;
  3012. padding: 6px 12px;
  3013. font-size: 13px;
  3014. line-height: 1.42857143;
  3015. border-radius: 2px;
  3016. -webkit-user-select: none;
  3017. -moz-user-select: none;
  3018. -ms-user-select: none;
  3019. user-select: none;
  3020. }
  3021. .btn:focus,
  3022. .btn:active:focus,
  3023. .btn.active:focus,
  3024. .btn.focus,
  3025. .btn:active.focus,
  3026. .btn.active.focus {
  3027. outline: 5px auto -webkit-focus-ring-color;
  3028. outline-offset: -2px;
  3029. }
  3030. .btn:hover,
  3031. .btn:focus,
  3032. .btn.focus {
  3033. color: #333;
  3034. text-decoration: none;
  3035. }
  3036. .btn:active,
  3037. .btn.active {
  3038. outline: 0;
  3039. background-image: none;
  3040. -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  3041. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  3042. }
  3043. .btn.disabled,
  3044. .btn[disabled],
  3045. fieldset[disabled] .btn {
  3046. cursor: not-allowed;
  3047. opacity: 0.65;
  3048. filter: alpha(opacity=65);
  3049. -webkit-box-shadow: none;
  3050. box-shadow: none;
  3051. }
  3052. a.btn.disabled,
  3053. fieldset[disabled] a.btn {
  3054. pointer-events: none;
  3055. }
  3056. .btn-default {
  3057. color: #333;
  3058. background-color: #fff;
  3059. border-color: #ccc;
  3060. }
  3061. .btn-default:focus,
  3062. .btn-default.focus {
  3063. color: #333;
  3064. background-color: #e6e6e6;
  3065. border-color: #8c8c8c;
  3066. }
  3067. .btn-default:hover {
  3068. color: #333;
  3069. background-color: #e6e6e6;
  3070. border-color: #adadad;
  3071. }
  3072. .btn-default:active,
  3073. .btn-default.active,
  3074. .open > .dropdown-toggle.btn-default {
  3075. color: #333;
  3076. background-color: #e6e6e6;
  3077. border-color: #adadad;
  3078. }
  3079. .btn-default:active:hover,
  3080. .btn-default.active:hover,
  3081. .open > .dropdown-toggle.btn-default:hover,
  3082. .btn-default:active:focus,
  3083. .btn-default.active:focus,
  3084. .open > .dropdown-toggle.btn-default:focus,
  3085. .btn-default:active.focus,
  3086. .btn-default.active.focus,
  3087. .open > .dropdown-toggle.btn-default.focus {
  3088. color: #333;
  3089. background-color: #d4d4d4;
  3090. border-color: #8c8c8c;
  3091. }
  3092. .btn-default:active,
  3093. .btn-default.active,
  3094. .open > .dropdown-toggle.btn-default {
  3095. background-image: none;
  3096. }
  3097. .btn-default.disabled:hover,
  3098. .btn-default[disabled]:hover,
  3099. fieldset[disabled] .btn-default:hover,
  3100. .btn-default.disabled:focus,
  3101. .btn-default[disabled]:focus,
  3102. fieldset[disabled] .btn-default:focus,
  3103. .btn-default.disabled.focus,
  3104. .btn-default[disabled].focus,
  3105. fieldset[disabled] .btn-default.focus {
  3106. background-color: #fff;
  3107. border-color: #ccc;
  3108. }
  3109. .btn-default .badge {
  3110. color: #fff;
  3111. background-color: #333;
  3112. }
  3113. .btn-primary {
  3114. color: #fff;
  3115. background-color: #337ab7;
  3116. border-color: #2e6da4;
  3117. }
  3118. .btn-primary:focus,
  3119. .btn-primary.focus {
  3120. color: #fff;
  3121. background-color: #286090;
  3122. border-color: #122b40;
  3123. }
  3124. .btn-primary:hover {
  3125. color: #fff;
  3126. background-color: #286090;
  3127. border-color: #204d74;
  3128. }
  3129. .btn-primary:active,
  3130. .btn-primary.active,
  3131. .open > .dropdown-toggle.btn-primary {
  3132. color: #fff;
  3133. background-color: #286090;
  3134. border-color: #204d74;
  3135. }
  3136. .btn-primary:active:hover,
  3137. .btn-primary.active:hover,
  3138. .open > .dropdown-toggle.btn-primary:hover,
  3139. .btn-primary:active:focus,
  3140. .btn-primary.active:focus,
  3141. .open > .dropdown-toggle.btn-primary:focus,
  3142. .btn-primary:active.focus,
  3143. .btn-primary.active.focus,
  3144. .open > .dropdown-toggle.btn-primary.focus {
  3145. color: #fff;
  3146. background-color: #204d74;
  3147. border-color: #122b40;
  3148. }
  3149. .btn-primary:active,
  3150. .btn-primary.active,
  3151. .open > .dropdown-toggle.btn-primary {
  3152. background-image: none;
  3153. }
  3154. .btn-primary.disabled:hover,
  3155. .btn-primary[disabled]:hover,
  3156. fieldset[disabled] .btn-primary:hover,
  3157. .btn-primary.disabled:focus,
  3158. .btn-primary[disabled]:focus,
  3159. fieldset[disabled] .btn-primary:focus,
  3160. .btn-primary.disabled.focus,
  3161. .btn-primary[disabled].focus,
  3162. fieldset[disabled] .btn-primary.focus {
  3163. background-color: #337ab7;
  3164. border-color: #2e6da4;
  3165. }
  3166. .btn-primary .badge {
  3167. color: #337ab7;
  3168. background-color: #fff;
  3169. }
  3170. .btn-success {
  3171. color: #fff;
  3172. background-color: #5cb85c;
  3173. border-color: #4cae4c;
  3174. }
  3175. .btn-success:focus,
  3176. .btn-success.focus {
  3177. color: #fff;
  3178. background-color: #449d44;
  3179. border-color: #255625;
  3180. }
  3181. .btn-success:hover {
  3182. color: #fff;
  3183. background-color: #449d44;
  3184. border-color: #398439;
  3185. }
  3186. .btn-success:active,
  3187. .btn-success.active,
  3188. .open > .dropdown-toggle.btn-success {
  3189. color: #fff;
  3190. background-color: #449d44;
  3191. border-color: #398439;
  3192. }
  3193. .btn-success:active:hover,
  3194. .btn-success.active:hover,
  3195. .open > .dropdown-toggle.btn-success:hover,
  3196. .btn-success:active:focus,
  3197. .btn-success.active:focus,
  3198. .open > .dropdown-toggle.btn-success:focus,
  3199. .btn-success:active.focus,
  3200. .btn-success.active.focus,
  3201. .open > .dropdown-toggle.btn-success.focus {
  3202. color: #fff;
  3203. background-color: #398439;
  3204. border-color: #255625;
  3205. }
  3206. .btn-success:active,
  3207. .btn-success.active,
  3208. .open > .dropdown-toggle.btn-success {
  3209. background-image: none;
  3210. }
  3211. .btn-success.disabled:hover,
  3212. .btn-success[disabled]:hover,
  3213. fieldset[disabled] .btn-success:hover,
  3214. .btn-success.disabled:focus,
  3215. .btn-success[disabled]:focus,
  3216. fieldset[disabled] .btn-success:focus,
  3217. .btn-success.disabled.focus,
  3218. .btn-success[disabled].focus,
  3219. fieldset[disabled] .btn-success.focus {
  3220. background-color: #5cb85c;
  3221. border-color: #4cae4c;
  3222. }
  3223. .btn-success .badge {
  3224. color: #5cb85c;
  3225. background-color: #fff;
  3226. }
  3227. .btn-info {
  3228. color: #fff;
  3229. background-color: #5bc0de;
  3230. border-color: #46b8da;
  3231. }
  3232. .btn-info:focus,
  3233. .btn-info.focus {
  3234. color: #fff;
  3235. background-color: #31b0d5;
  3236. border-color: #1b6d85;
  3237. }
  3238. .btn-info:hover {
  3239. color: #fff;
  3240. background-color: #31b0d5;
  3241. border-color: #269abc;
  3242. }
  3243. .btn-info:active,
  3244. .btn-info.active,
  3245. .open > .dropdown-toggle.btn-info {
  3246. color: #fff;
  3247. background-color: #31b0d5;
  3248. border-color: #269abc;
  3249. }
  3250. .btn-info:active:hover,
  3251. .btn-info.active:hover,
  3252. .open > .dropdown-toggle.btn-info:hover,
  3253. .btn-info:active:focus,
  3254. .btn-info.active:focus,
  3255. .open > .dropdown-toggle.btn-info:focus,
  3256. .btn-info:active.focus,
  3257. .btn-info.active.focus,
  3258. .open > .dropdown-toggle.btn-info.focus {
  3259. color: #fff;
  3260. background-color: #269abc;
  3261. border-color: #1b6d85;
  3262. }
  3263. .btn-info:active,
  3264. .btn-info.active,
  3265. .open > .dropdown-toggle.btn-info {
  3266. background-image: none;
  3267. }
  3268. .btn-info.disabled:hover,
  3269. .btn-info[disabled]:hover,
  3270. fieldset[disabled] .btn-info:hover,
  3271. .btn-info.disabled:focus,
  3272. .btn-info[disabled]:focus,
  3273. fieldset[disabled] .btn-info:focus,
  3274. .btn-info.disabled.focus,
  3275. .btn-info[disabled].focus,
  3276. fieldset[disabled] .btn-info.focus {
  3277. background-color: #5bc0de;
  3278. border-color: #46b8da;
  3279. }
  3280. .btn-info .badge {
  3281. color: #5bc0de;
  3282. background-color: #fff;
  3283. }
  3284. .btn-warning {
  3285. color: #fff;
  3286. background-color: #f0ad4e;
  3287. border-color: #eea236;
  3288. }
  3289. .btn-warning:focus,
  3290. .btn-warning.focus {
  3291. color: #fff;
  3292. background-color: #ec971f;
  3293. border-color: #985f0d;
  3294. }
  3295. .btn-warning:hover {
  3296. color: #fff;
  3297. background-color: #ec971f;
  3298. border-color: #d58512;
  3299. }
  3300. .btn-warning:active,
  3301. .btn-warning.active,
  3302. .open > .dropdown-toggle.btn-warning {
  3303. color: #fff;
  3304. background-color: #ec971f;
  3305. border-color: #d58512;
  3306. }
  3307. .btn-warning:active:hover,
  3308. .btn-warning.active:hover,
  3309. .open > .dropdown-toggle.btn-warning:hover,
  3310. .btn-warning:active:focus,
  3311. .btn-warning.active:focus,
  3312. .open > .dropdown-toggle.btn-warning:focus,
  3313. .btn-warning:active.focus,
  3314. .btn-warning.active.focus,
  3315. .open > .dropdown-toggle.btn-warning.focus {
  3316. color: #fff;
  3317. background-color: #d58512;
  3318. border-color: #985f0d;
  3319. }
  3320. .btn-warning:active,
  3321. .btn-warning.active,
  3322. .open > .dropdown-toggle.btn-warning {
  3323. background-image: none;
  3324. }
  3325. .btn-warning.disabled:hover,
  3326. .btn-warning[disabled]:hover,
  3327. fieldset[disabled] .btn-warning:hover,
  3328. .btn-warning.disabled:focus,
  3329. .btn-warning[disabled]:focus,
  3330. fieldset[disabled] .btn-warning:focus,
  3331. .btn-warning.disabled.focus,
  3332. .btn-warning[disabled].focus,
  3333. fieldset[disabled] .btn-warning.focus {
  3334. background-color: #f0ad4e;
  3335. border-color: #eea236;
  3336. }
  3337. .btn-warning .badge {
  3338. color: #f0ad4e;
  3339. background-color: #fff;
  3340. }
  3341. .btn-danger {
  3342. color: #fff;
  3343. background-color: #d9534f;
  3344. border-color: #d43f3a;
  3345. }
  3346. .btn-danger:focus,
  3347. .btn-danger.focus {
  3348. color: #fff;
  3349. background-color: #c9302c;
  3350. border-color: #761c19;
  3351. }
  3352. .btn-danger:hover {
  3353. color: #fff;
  3354. background-color: #c9302c;
  3355. border-color: #ac2925;
  3356. }
  3357. .btn-danger:active,
  3358. .btn-danger.active,
  3359. .open > .dropdown-toggle.btn-danger {
  3360. color: #fff;
  3361. background-color: #c9302c;
  3362. border-color: #ac2925;
  3363. }
  3364. .btn-danger:active:hover,
  3365. .btn-danger.active:hover,
  3366. .open > .dropdown-toggle.btn-danger:hover,
  3367. .btn-danger:active:focus,
  3368. .btn-danger.active:focus,
  3369. .open > .dropdown-toggle.btn-danger:focus,
  3370. .btn-danger:active.focus,
  3371. .btn-danger.active.focus,
  3372. .open > .dropdown-toggle.btn-danger.focus {
  3373. color: #fff;
  3374. background-color: #ac2925;
  3375. border-color: #761c19;
  3376. }
  3377. .btn-danger:active,
  3378. .btn-danger.active,
  3379. .open > .dropdown-toggle.btn-danger {
  3380. background-image: none;
  3381. }
  3382. .btn-danger.disabled:hover,
  3383. .btn-danger[disabled]:hover,
  3384. fieldset[disabled] .btn-danger:hover,
  3385. .btn-danger.disabled:focus,
  3386. .btn-danger[disabled]:focus,
  3387. fieldset[disabled] .btn-danger:focus,
  3388. .btn-danger.disabled.focus,
  3389. .btn-danger[disabled].focus,
  3390. fieldset[disabled] .btn-danger.focus {
  3391. background-color: #d9534f;
  3392. border-color: #d43f3a;
  3393. }
  3394. .btn-danger .badge {
  3395. color: #d9534f;
  3396. background-color: #fff;
  3397. }
  3398. .btn-link {
  3399. color: #337ab7;
  3400. font-weight: normal;
  3401. border-radius: 0;
  3402. }
  3403. .btn-link,
  3404. .btn-link:active,
  3405. .btn-link.active,
  3406. .btn-link[disabled],
  3407. fieldset[disabled] .btn-link {
  3408. background-color: transparent;
  3409. -webkit-box-shadow: none;
  3410. box-shadow: none;
  3411. }
  3412. .btn-link,
  3413. .btn-link:hover,
  3414. .btn-link:focus,
  3415. .btn-link:active {
  3416. border-color: transparent;
  3417. }
  3418. .btn-link:hover,
  3419. .btn-link:focus {
  3420. color: #23527c;
  3421. text-decoration: underline;
  3422. background-color: transparent;
  3423. }
  3424. .btn-link[disabled]:hover,
  3425. fieldset[disabled] .btn-link:hover,
  3426. .btn-link[disabled]:focus,
  3427. fieldset[disabled] .btn-link:focus {
  3428. color: #777777;
  3429. text-decoration: none;
  3430. }
  3431. .btn-lg,
  3432. .btn-group-lg > .btn {
  3433. padding: 10px 16px;
  3434. font-size: 17px;
  3435. line-height: 1.3333333;
  3436. border-radius: 3px;
  3437. }
  3438. .btn-sm,
  3439. .btn-group-sm > .btn {
  3440. padding: 5px 10px;
  3441. font-size: 12px;
  3442. line-height: 1.5;
  3443. border-radius: 1px;
  3444. }
  3445. .btn-xs,
  3446. .btn-group-xs > .btn {
  3447. padding: 1px 5px;
  3448. font-size: 12px;
  3449. line-height: 1.5;
  3450. border-radius: 1px;
  3451. }
  3452. .btn-block {
  3453. display: block;
  3454. width: 100%;
  3455. }
  3456. .btn-block + .btn-block {
  3457. margin-top: 5px;
  3458. }
  3459. input[type="submit"].btn-block,
  3460. input[type="reset"].btn-block,
  3461. input[type="button"].btn-block {
  3462. width: 100%;
  3463. }
  3464. .fade {
  3465. opacity: 0;
  3466. -webkit-transition: opacity 0.15s linear;
  3467. -o-transition: opacity 0.15s linear;
  3468. transition: opacity 0.15s linear;
  3469. }
  3470. .fade.in {
  3471. opacity: 1;
  3472. }
  3473. .collapse {
  3474. display: none;
  3475. }
  3476. .collapse.in {
  3477. display: block;
  3478. }
  3479. tr.collapse.in {
  3480. display: table-row;
  3481. }
  3482. tbody.collapse.in {
  3483. display: table-row-group;
  3484. }
  3485. .collapsing {
  3486. position: relative;
  3487. height: 0;
  3488. overflow: hidden;
  3489. -webkit-transition-property: height, visibility;
  3490. transition-property: height, visibility;
  3491. -webkit-transition-duration: 0.35s;
  3492. transition-duration: 0.35s;
  3493. -webkit-transition-timing-function: ease;
  3494. transition-timing-function: ease;
  3495. }
  3496. .caret {
  3497. display: inline-block;
  3498. width: 0;
  3499. height: 0;
  3500. margin-left: 2px;
  3501. vertical-align: middle;
  3502. border-top: 4px dashed;
  3503. border-top: 4px solid \9;
  3504. border-right: 4px solid transparent;
  3505. border-left: 4px solid transparent;
  3506. }
  3507. .dropup,
  3508. .dropdown {
  3509. position: relative;
  3510. }
  3511. .dropdown-toggle:focus {
  3512. outline: 0;
  3513. }
  3514. .dropdown-menu {
  3515. position: absolute;
  3516. top: 100%;
  3517. left: 0;
  3518. z-index: 1000;
  3519. display: none;
  3520. float: left;
  3521. min-width: 160px;
  3522. padding: 5px 0;
  3523. margin: 2px 0 0;
  3524. list-style: none;
  3525. font-size: 13px;
  3526. text-align: left;
  3527. background-color: #fff;
  3528. border: 1px solid #ccc;
  3529. border: 1px solid rgba(0, 0, 0, 0.15);
  3530. border-radius: 2px;
  3531. -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  3532. box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  3533. background-clip: padding-box;
  3534. }
  3535. .dropdown-menu.pull-right {
  3536. right: 0;
  3537. left: auto;
  3538. }
  3539. .dropdown-menu .divider {
  3540. height: 1px;
  3541. margin: 8px 0;
  3542. overflow: hidden;
  3543. background-color: #e5e5e5;
  3544. }
  3545. .dropdown-menu > li > a {
  3546. display: block;
  3547. padding: 3px 20px;
  3548. clear: both;
  3549. font-weight: normal;
  3550. line-height: 1.42857143;
  3551. color: #333333;
  3552. white-space: nowrap;
  3553. }
  3554. .dropdown-menu > li > a:hover,
  3555. .dropdown-menu > li > a:focus {
  3556. text-decoration: none;
  3557. color: #262626;
  3558. background-color: #f5f5f5;
  3559. }
  3560. .dropdown-menu > .active > a,
  3561. .dropdown-menu > .active > a:hover,
  3562. .dropdown-menu > .active > a:focus {
  3563. color: #fff;
  3564. text-decoration: none;
  3565. outline: 0;
  3566. background-color: #337ab7;
  3567. }
  3568. .dropdown-menu > .disabled > a,
  3569. .dropdown-menu > .disabled > a:hover,
  3570. .dropdown-menu > .disabled > a:focus {
  3571. color: #777777;
  3572. }
  3573. .dropdown-menu > .disabled > a:hover,
  3574. .dropdown-menu > .disabled > a:focus {
  3575. text-decoration: none;
  3576. background-color: transparent;
  3577. background-image: none;
  3578. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  3579. cursor: not-allowed;
  3580. }
  3581. .open > .dropdown-menu {
  3582. display: block;
  3583. }
  3584. .open > a {
  3585. outline: 0;
  3586. }
  3587. .dropdown-menu-right {
  3588. left: auto;
  3589. right: 0;
  3590. }
  3591. .dropdown-menu-left {
  3592. left: 0;
  3593. right: auto;
  3594. }
  3595. .dropdown-header {
  3596. display: block;
  3597. padding: 3px 20px;
  3598. font-size: 12px;
  3599. line-height: 1.42857143;
  3600. color: #777777;
  3601. white-space: nowrap;
  3602. }
  3603. .dropdown-backdrop {
  3604. position: fixed;
  3605. left: 0;
  3606. right: 0;
  3607. bottom: 0;
  3608. top: 0;
  3609. z-index: 990;
  3610. }
  3611. .pull-right > .dropdown-menu {
  3612. right: 0;
  3613. left: auto;
  3614. }
  3615. .dropup .caret,
  3616. .navbar-fixed-bottom .dropdown .caret {
  3617. border-top: 0;
  3618. border-bottom: 4px dashed;
  3619. border-bottom: 4px solid \9;
  3620. content: "";
  3621. }
  3622. .dropup .dropdown-menu,
  3623. .navbar-fixed-bottom .dropdown .dropdown-menu {
  3624. top: auto;
  3625. bottom: 100%;
  3626. margin-bottom: 2px;
  3627. }
  3628. @media (min-width: 541px) {
  3629. .navbar-right .dropdown-menu {
  3630. left: auto;
  3631. right: 0;
  3632. }
  3633. .navbar-right .dropdown-menu-left {
  3634. left: 0;
  3635. right: auto;
  3636. }
  3637. }
  3638. .btn-group,
  3639. .btn-group-vertical {
  3640. position: relative;
  3641. display: inline-block;
  3642. vertical-align: middle;
  3643. }
  3644. .btn-group > .btn,
  3645. .btn-group-vertical > .btn {
  3646. position: relative;
  3647. float: left;
  3648. }
  3649. .btn-group > .btn:hover,
  3650. .btn-group-vertical > .btn:hover,
  3651. .btn-group > .btn:focus,
  3652. .btn-group-vertical > .btn:focus,
  3653. .btn-group > .btn:active,
  3654. .btn-group-vertical > .btn:active,
  3655. .btn-group > .btn.active,
  3656. .btn-group-vertical > .btn.active {
  3657. z-index: 2;
  3658. }
  3659. .btn-group .btn + .btn,
  3660. .btn-group .btn + .btn-group,
  3661. .btn-group .btn-group + .btn,
  3662. .btn-group .btn-group + .btn-group {
  3663. margin-left: -1px;
  3664. }
  3665. .btn-toolbar {
  3666. margin-left: -5px;
  3667. }
  3668. .btn-toolbar .btn,
  3669. .btn-toolbar .btn-group,
  3670. .btn-toolbar .input-group {
  3671. float: left;
  3672. }
  3673. .btn-toolbar > .btn,
  3674. .btn-toolbar > .btn-group,
  3675. .btn-toolbar > .input-group {
  3676. margin-left: 5px;
  3677. }
  3678. .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  3679. border-radius: 0;
  3680. }
  3681. .btn-group > .btn:first-child {
  3682. margin-left: 0;
  3683. }
  3684. .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  3685. border-bottom-right-radius: 0;
  3686. border-top-right-radius: 0;
  3687. }
  3688. .btn-group > .btn:last-child:not(:first-child),
  3689. .btn-group > .dropdown-toggle:not(:first-child) {
  3690. border-bottom-left-radius: 0;
  3691. border-top-left-radius: 0;
  3692. }
  3693. .btn-group > .btn-group {
  3694. float: left;
  3695. }
  3696. .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  3697. border-radius: 0;
  3698. }
  3699. .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
  3700. .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  3701. border-bottom-right-radius: 0;
  3702. border-top-right-radius: 0;
  3703. }
  3704. .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  3705. border-bottom-left-radius: 0;
  3706. border-top-left-radius: 0;
  3707. }
  3708. .btn-group .dropdown-toggle:active,
  3709. .btn-group.open .dropdown-toggle {
  3710. outline: 0;
  3711. }
  3712. .btn-group > .btn + .dropdown-toggle {
  3713. padding-left: 8px;
  3714. padding-right: 8px;
  3715. }
  3716. .btn-group > .btn-lg + .dropdown-toggle {
  3717. padding-left: 12px;
  3718. padding-right: 12px;
  3719. }
  3720. .btn-group.open .dropdown-toggle {
  3721. -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  3722. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  3723. }
  3724. .btn-group.open .dropdown-toggle.btn-link {
  3725. -webkit-box-shadow: none;
  3726. box-shadow: none;
  3727. }
  3728. .btn .caret {
  3729. margin-left: 0;
  3730. }
  3731. .btn-lg .caret {
  3732. border-width: 5px 5px 0;
  3733. border-bottom-width: 0;
  3734. }
  3735. .dropup .btn-lg .caret {
  3736. border-width: 0 5px 5px;
  3737. }
  3738. .btn-group-vertical > .btn,
  3739. .btn-group-vertical > .btn-group,
  3740. .btn-group-vertical > .btn-group > .btn {
  3741. display: block;
  3742. float: none;
  3743. width: 100%;
  3744. max-width: 100%;
  3745. }
  3746. .btn-group-vertical > .btn-group > .btn {
  3747. float: none;
  3748. }
  3749. .btn-group-vertical > .btn + .btn,
  3750. .btn-group-vertical > .btn + .btn-group,
  3751. .btn-group-vertical > .btn-group + .btn,
  3752. .btn-group-vertical > .btn-group + .btn-group {
  3753. margin-top: -1px;
  3754. margin-left: 0;
  3755. }
  3756. .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  3757. border-radius: 0;
  3758. }
  3759. .btn-group-vertical > .btn:first-child:not(:last-child) {
  3760. border-top-right-radius: 2px;
  3761. border-top-left-radius: 2px;
  3762. border-bottom-right-radius: 0;
  3763. border-bottom-left-radius: 0;
  3764. }
  3765. .btn-group-vertical > .btn:last-child:not(:first-child) {
  3766. border-top-right-radius: 0;
  3767. border-top-left-radius: 0;
  3768. border-bottom-right-radius: 2px;
  3769. border-bottom-left-radius: 2px;
  3770. }
  3771. .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  3772. border-radius: 0;
  3773. }
  3774. .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
  3775. .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  3776. border-bottom-right-radius: 0;
  3777. border-bottom-left-radius: 0;
  3778. }
  3779. .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  3780. border-top-right-radius: 0;
  3781. border-top-left-radius: 0;
  3782. }
  3783. .btn-group-justified {
  3784. display: table;
  3785. width: 100%;
  3786. table-layout: fixed;
  3787. border-collapse: separate;
  3788. }
  3789. .btn-group-justified > .btn,
  3790. .btn-group-justified > .btn-group {
  3791. float: none;
  3792. display: table-cell;
  3793. width: 1%;
  3794. }
  3795. .btn-group-justified > .btn-group .btn {
  3796. width: 100%;
  3797. }
  3798. .btn-group-justified > .btn-group .dropdown-menu {
  3799. left: auto;
  3800. }
  3801. [data-toggle="buttons"] > .btn input[type="radio"],
  3802. [data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
  3803. [data-toggle="buttons"] > .btn input[type="checkbox"],
  3804. [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  3805. position: absolute;
  3806. clip: rect(0, 0, 0, 0);
  3807. pointer-events: none;
  3808. }
  3809. .input-group {
  3810. position: relative;
  3811. display: table;
  3812. border-collapse: separate;
  3813. }
  3814. .input-group[class*="col-"] {
  3815. float: none;
  3816. padding-left: 0;
  3817. padding-right: 0;
  3818. }
  3819. .input-group .form-control {
  3820. position: relative;
  3821. z-index: 2;
  3822. float: left;
  3823. width: 100%;
  3824. margin-bottom: 0;
  3825. }
  3826. .input-group .form-control:focus {
  3827. z-index: 3;
  3828. }
  3829. .input-group-lg > .form-control,
  3830. .input-group-lg > .input-group-addon,
  3831. .input-group-lg > .input-group-btn > .btn {
  3832. height: 45px;
  3833. padding: 10px 16px;
  3834. font-size: 17px;
  3835. line-height: 1.3333333;
  3836. border-radius: 3px;
  3837. }
  3838. select.input-group-lg > .form-control,
  3839. select.input-group-lg > .input-group-addon,
  3840. select.input-group-lg > .input-group-btn > .btn {
  3841. height: 45px;
  3842. line-height: 45px;
  3843. }
  3844. textarea.input-group-lg > .form-control,
  3845. textarea.input-group-lg > .input-group-addon,
  3846. textarea.input-group-lg > .input-group-btn > .btn,
  3847. select[multiple].input-group-lg > .form-control,
  3848. select[multiple].input-group-lg > .input-group-addon,
  3849. select[multiple].input-group-lg > .input-group-btn > .btn {
  3850. height: auto;
  3851. }
  3852. .input-group-sm > .form-control,
  3853. .input-group-sm > .input-group-addon,
  3854. .input-group-sm > .input-group-btn > .btn {
  3855. height: 30px;
  3856. padding: 5px 10px;
  3857. font-size: 12px;
  3858. line-height: 1.5;
  3859. border-radius: 1px;
  3860. }
  3861. select.input-group-sm > .form-control,
  3862. select.input-group-sm > .input-group-addon,
  3863. select.input-group-sm > .input-group-btn > .btn {
  3864. height: 30px;
  3865. line-height: 30px;
  3866. }
  3867. textarea.input-group-sm > .form-control,
  3868. textarea.input-group-sm > .input-group-addon,
  3869. textarea.input-group-sm > .input-group-btn > .btn,
  3870. select[multiple].input-group-sm > .form-control,
  3871. select[multiple].input-group-sm > .input-group-addon,
  3872. select[multiple].input-group-sm > .input-group-btn > .btn {
  3873. height: auto;
  3874. }
  3875. .input-group-addon,
  3876. .input-group-btn,
  3877. .input-group .form-control {
  3878. display: table-cell;
  3879. }
  3880. .input-group-addon:not(:first-child):not(:last-child),
  3881. .input-group-btn:not(:first-child):not(:last-child),
  3882. .input-group .form-control:not(:first-child):not(:last-child) {
  3883. border-radius: 0;
  3884. }
  3885. .input-group-addon,
  3886. .input-group-btn {
  3887. width: 1%;
  3888. white-space: nowrap;
  3889. vertical-align: middle;
  3890. }
  3891. .input-group-addon {
  3892. padding: 6px 12px;
  3893. font-size: 13px;
  3894. font-weight: normal;
  3895. line-height: 1;
  3896. color: #555555;
  3897. text-align: center;
  3898. background-color: #eeeeee;
  3899. border: 1px solid #ccc;
  3900. border-radius: 2px;
  3901. }
  3902. .input-group-addon.input-sm {
  3903. padding: 5px 10px;
  3904. font-size: 12px;
  3905. border-radius: 1px;
  3906. }
  3907. .input-group-addon.input-lg {
  3908. padding: 10px 16px;
  3909. font-size: 17px;
  3910. border-radius: 3px;
  3911. }
  3912. .input-group-addon input[type="radio"],
  3913. .input-group-addon input[type="checkbox"] {
  3914. margin-top: 0;
  3915. }
  3916. .input-group .form-control:first-child,
  3917. .input-group-addon:first-child,
  3918. .input-group-btn:first-child > .btn,
  3919. .input-group-btn:first-child > .btn-group > .btn,
  3920. .input-group-btn:first-child > .dropdown-toggle,
  3921. .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
  3922. .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  3923. border-bottom-right-radius: 0;
  3924. border-top-right-radius: 0;
  3925. }
  3926. .input-group-addon:first-child {
  3927. border-right: 0;
  3928. }
  3929. .input-group .form-control:last-child,
  3930. .input-group-addon:last-child,
  3931. .input-group-btn:last-child > .btn,
  3932. .input-group-btn:last-child > .btn-group > .btn,
  3933. .input-group-btn:last-child > .dropdown-toggle,
  3934. .input-group-btn:first-child > .btn:not(:first-child),
  3935. .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  3936. border-bottom-left-radius: 0;
  3937. border-top-left-radius: 0;
  3938. }
  3939. .input-group-addon:last-child {
  3940. border-left: 0;
  3941. }
  3942. .input-group-btn {
  3943. position: relative;
  3944. font-size: 0;
  3945. white-space: nowrap;
  3946. }
  3947. .input-group-btn > .btn {
  3948. position: relative;
  3949. }
  3950. .input-group-btn > .btn + .btn {
  3951. margin-left: -1px;
  3952. }
  3953. .input-group-btn > .btn:hover,
  3954. .input-group-btn > .btn:focus,
  3955. .input-group-btn > .btn:active {
  3956. z-index: 2;
  3957. }
  3958. .input-group-btn:first-child > .btn,
  3959. .input-group-btn:first-child > .btn-group {
  3960. margin-right: -1px;
  3961. }
  3962. .input-group-btn:last-child > .btn,
  3963. .input-group-btn:last-child > .btn-group {
  3964. z-index: 2;
  3965. margin-left: -1px;
  3966. }
  3967. .nav {
  3968. margin-bottom: 0;
  3969. padding-left: 0;
  3970. list-style: none;
  3971. }
  3972. .nav > li {
  3973. position: relative;
  3974. display: block;
  3975. }
  3976. .nav > li > a {
  3977. position: relative;
  3978. display: block;
  3979. padding: 10px 15px;
  3980. }
  3981. .nav > li > a:hover,
  3982. .nav > li > a:focus {
  3983. text-decoration: none;
  3984. background-color: #eeeeee;
  3985. }
  3986. .nav > li.disabled > a {
  3987. color: #777777;
  3988. }
  3989. .nav > li.disabled > a:hover,
  3990. .nav > li.disabled > a:focus {
  3991. color: #777777;
  3992. text-decoration: none;
  3993. background-color: transparent;
  3994. cursor: not-allowed;
  3995. }
  3996. .nav .open > a,
  3997. .nav .open > a:hover,
  3998. .nav .open > a:focus {
  3999. background-color: #eeeeee;
  4000. border-color: #337ab7;
  4001. }
  4002. .nav .nav-divider {
  4003. height: 1px;
  4004. margin: 8px 0;
  4005. overflow: hidden;
  4006. background-color: #e5e5e5;
  4007. }
  4008. .nav > li > a > img {
  4009. max-width: none;
  4010. }
  4011. .nav-tabs {
  4012. border-bottom: 1px solid #ddd;
  4013. }
  4014. .nav-tabs > li {
  4015. float: left;
  4016. margin-bottom: -1px;
  4017. }
  4018. .nav-tabs > li > a {
  4019. margin-right: 2px;
  4020. line-height: 1.42857143;
  4021. border: 1px solid transparent;
  4022. border-radius: 2px 2px 0 0;
  4023. }
  4024. .nav-tabs > li > a:hover {
  4025. border-color: #eeeeee #eeeeee #ddd;
  4026. }
  4027. .nav-tabs > li.active > a,
  4028. .nav-tabs > li.active > a:hover,
  4029. .nav-tabs > li.active > a:focus {
  4030. color: #555555;
  4031. background-color: #fff;
  4032. border: 1px solid #ddd;
  4033. border-bottom-color: transparent;
  4034. cursor: default;
  4035. }
  4036. .nav-tabs.nav-justified {
  4037. width: 100%;
  4038. border-bottom: 0;
  4039. }
  4040. .nav-tabs.nav-justified > li {
  4041. float: none;
  4042. }
  4043. .nav-tabs.nav-justified > li > a {
  4044. text-align: center;
  4045. margin-bottom: 5px;
  4046. }
  4047. .nav-tabs.nav-justified > .dropdown .dropdown-menu {
  4048. top: auto;
  4049. left: auto;
  4050. }
  4051. @media (min-width: 768px) {
  4052. .nav-tabs.nav-justified > li {
  4053. display: table-cell;
  4054. width: 1%;
  4055. }
  4056. .nav-tabs.nav-justified > li > a {
  4057. margin-bottom: 0;
  4058. }
  4059. }
  4060. .nav-tabs.nav-justified > li > a {
  4061. margin-right: 0;
  4062. border-radius: 2px;
  4063. }
  4064. .nav-tabs.nav-justified > .active > a,
  4065. .nav-tabs.nav-justified > .active > a:hover,
  4066. .nav-tabs.nav-justified > .active > a:focus {
  4067. border: 1px solid #ddd;
  4068. }
  4069. @media (min-width: 768px) {
  4070. .nav-tabs.nav-justified > li > a {
  4071. border-bottom: 1px solid #ddd;
  4072. border-radius: 2px 2px 0 0;
  4073. }
  4074. .nav-tabs.nav-justified > .active > a,
  4075. .nav-tabs.nav-justified > .active > a:hover,
  4076. .nav-tabs.nav-justified > .active > a:focus {
  4077. border-bottom-color: #fff;
  4078. }
  4079. }
  4080. .nav-pills > li {
  4081. float: left;
  4082. }
  4083. .nav-pills > li > a {
  4084. border-radius: 2px;
  4085. }
  4086. .nav-pills > li + li {
  4087. margin-left: 2px;
  4088. }
  4089. .nav-pills > li.active > a,
  4090. .nav-pills > li.active > a:hover,
  4091. .nav-pills > li.active > a:focus {
  4092. color: #fff;
  4093. background-color: #337ab7;
  4094. }
  4095. .nav-stacked > li {
  4096. float: none;
  4097. }
  4098. .nav-stacked > li + li {
  4099. margin-top: 2px;
  4100. margin-left: 0;
  4101. }
  4102. .nav-justified {
  4103. width: 100%;
  4104. }
  4105. .nav-justified > li {
  4106. float: none;
  4107. }
  4108. .nav-justified > li > a {
  4109. text-align: center;
  4110. margin-bottom: 5px;
  4111. }
  4112. .nav-justified > .dropdown .dropdown-menu {
  4113. top: auto;
  4114. left: auto;
  4115. }
  4116. @media (min-width: 768px) {
  4117. .nav-justified > li {
  4118. display: table-cell;
  4119. width: 1%;
  4120. }
  4121. .nav-justified > li > a {
  4122. margin-bottom: 0;
  4123. }
  4124. }
  4125. .nav-tabs-justified {
  4126. border-bottom: 0;
  4127. }
  4128. .nav-tabs-justified > li > a {
  4129. margin-right: 0;
  4130. border-radius: 2px;
  4131. }
  4132. .nav-tabs-justified > .active > a,
  4133. .nav-tabs-justified > .active > a:hover,
  4134. .nav-tabs-justified > .active > a:focus {
  4135. border: 1px solid #ddd;
  4136. }
  4137. @media (min-width: 768px) {
  4138. .nav-tabs-justified > li > a {
  4139. border-bottom: 1px solid #ddd;
  4140. border-radius: 2px 2px 0 0;
  4141. }
  4142. .nav-tabs-justified > .active > a,
  4143. .nav-tabs-justified > .active > a:hover,
  4144. .nav-tabs-justified > .active > a:focus {
  4145. border-bottom-color: #fff;
  4146. }
  4147. }
  4148. .tab-content > .tab-pane {
  4149. display: none;
  4150. }
  4151. .tab-content > .active {
  4152. display: block;
  4153. }
  4154. .nav-tabs .dropdown-menu {
  4155. margin-top: -1px;
  4156. border-top-right-radius: 0;
  4157. border-top-left-radius: 0;
  4158. }
  4159. .navbar {
  4160. position: relative;
  4161. min-height: 30px;
  4162. margin-bottom: 18px;
  4163. border: 1px solid transparent;
  4164. }
  4165. @media (min-width: 541px) {
  4166. .navbar {
  4167. border-radius: 2px;
  4168. }
  4169. }
  4170. @media (min-width: 541px) {
  4171. .navbar-header {
  4172. float: left;
  4173. }
  4174. }
  4175. .navbar-collapse {
  4176. overflow-x: visible;
  4177. padding-right: 0px;
  4178. padding-left: 0px;
  4179. border-top: 1px solid transparent;
  4180. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  4181. -webkit-overflow-scrolling: touch;
  4182. }
  4183. .navbar-collapse.in {
  4184. overflow-y: auto;
  4185. }
  4186. @media (min-width: 541px) {
  4187. .navbar-collapse {
  4188. width: auto;
  4189. border-top: 0;
  4190. box-shadow: none;
  4191. }
  4192. .navbar-collapse.collapse {
  4193. display: block !important;
  4194. height: auto !important;
  4195. padding-bottom: 0;
  4196. overflow: visible !important;
  4197. }
  4198. .navbar-collapse.in {
  4199. overflow-y: visible;
  4200. }
  4201. .navbar-fixed-top .navbar-collapse,
  4202. .navbar-static-top .navbar-collapse,
  4203. .navbar-fixed-bottom .navbar-collapse {
  4204. padding-left: 0;
  4205. padding-right: 0;
  4206. }
  4207. }
  4208. .navbar-fixed-top .navbar-collapse,
  4209. .navbar-fixed-bottom .navbar-collapse {
  4210. max-height: 340px;
  4211. }
  4212. @media (max-device-width: 540px) and (orientation: landscape) {
  4213. .navbar-fixed-top .navbar-collapse,
  4214. .navbar-fixed-bottom .navbar-collapse {
  4215. max-height: 200px;
  4216. }
  4217. }
  4218. .container > .navbar-header,
  4219. .container-fluid > .navbar-header,
  4220. .container > .navbar-collapse,
  4221. .container-fluid > .navbar-collapse {
  4222. margin-right: 0px;
  4223. margin-left: 0px;
  4224. }
  4225. @media (min-width: 541px) {
  4226. .container > .navbar-header,
  4227. .container-fluid > .navbar-header,
  4228. .container > .navbar-collapse,
  4229. .container-fluid > .navbar-collapse {
  4230. margin-right: 0;
  4231. margin-left: 0;
  4232. }
  4233. }
  4234. .navbar-static-top {
  4235. z-index: 1000;
  4236. border-width: 0 0 1px;
  4237. }
  4238. @media (min-width: 541px) {
  4239. .navbar-static-top {
  4240. border-radius: 0;
  4241. }
  4242. }
  4243. .navbar-fixed-top,
  4244. .navbar-fixed-bottom {
  4245. position: fixed;
  4246. right: 0;
  4247. left: 0;
  4248. z-index: 1030;
  4249. }
  4250. @media (min-width: 541px) {
  4251. .navbar-fixed-top,
  4252. .navbar-fixed-bottom {
  4253. border-radius: 0;
  4254. }
  4255. }
  4256. .navbar-fixed-top {
  4257. top: 0;
  4258. border-width: 0 0 1px;
  4259. }
  4260. .navbar-fixed-bottom {
  4261. bottom: 0;
  4262. margin-bottom: 0;
  4263. border-width: 1px 0 0;
  4264. }
  4265. .navbar-brand {
  4266. float: left;
  4267. padding: 6px 0px;
  4268. font-size: 17px;
  4269. line-height: 18px;
  4270. height: 30px;
  4271. }
  4272. .navbar-brand:hover,
  4273. .navbar-brand:focus {
  4274. text-decoration: none;
  4275. }
  4276. .navbar-brand > img {
  4277. display: block;
  4278. }
  4279. @media (min-width: 541px) {
  4280. .navbar > .container .navbar-brand,
  4281. .navbar > .container-fluid .navbar-brand {
  4282. margin-left: 0px;
  4283. }
  4284. }
  4285. .navbar-toggle {
  4286. position: relative;
  4287. float: right;
  4288. margin-right: 0px;
  4289. padding: 9px 10px;
  4290. margin-top: -2px;
  4291. margin-bottom: -2px;
  4292. background-color: transparent;
  4293. background-image: none;
  4294. border: 1px solid transparent;
  4295. border-radius: 2px;
  4296. }
  4297. .navbar-toggle:focus {
  4298. outline: 0;
  4299. }
  4300. .navbar-toggle .icon-bar {
  4301. display: block;
  4302. width: 22px;
  4303. height: 2px;
  4304. border-radius: 1px;
  4305. }
  4306. .navbar-toggle .icon-bar + .icon-bar {
  4307. margin-top: 4px;
  4308. }
  4309. @media (min-width: 541px) {
  4310. .navbar-toggle {
  4311. display: none;
  4312. }
  4313. }
  4314. .navbar-nav {
  4315. margin: 3px 0px;
  4316. }
  4317. .navbar-nav > li > a {
  4318. padding-top: 10px;
  4319. padding-bottom: 10px;
  4320. line-height: 18px;
  4321. }
  4322. @media (max-width: 540px) {
  4323. .navbar-nav .open .dropdown-menu {
  4324. position: static;
  4325. float: none;
  4326. width: auto;
  4327. margin-top: 0;
  4328. background-color: transparent;
  4329. border: 0;
  4330. box-shadow: none;
  4331. }
  4332. .navbar-nav .open .dropdown-menu > li > a,
  4333. .navbar-nav .open .dropdown-menu .dropdown-header {
  4334. padding: 5px 15px 5px 25px;
  4335. }
  4336. .navbar-nav .open .dropdown-menu > li > a {
  4337. line-height: 18px;
  4338. }
  4339. .navbar-nav .open .dropdown-menu > li > a:hover,
  4340. .navbar-nav .open .dropdown-menu > li > a:focus {
  4341. background-image: none;
  4342. }
  4343. }
  4344. @media (min-width: 541px) {
  4345. .navbar-nav {
  4346. float: left;
  4347. margin: 0;
  4348. }
  4349. .navbar-nav > li {
  4350. float: left;
  4351. }
  4352. .navbar-nav > li > a {
  4353. padding-top: 6px;
  4354. padding-bottom: 6px;
  4355. }
  4356. }
  4357. .navbar-form {
  4358. margin-left: 0px;
  4359. margin-right: 0px;
  4360. padding: 10px 0px;
  4361. border-top: 1px solid transparent;
  4362. border-bottom: 1px solid transparent;
  4363. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  4364. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  4365. margin-top: -1px;
  4366. margin-bottom: -1px;
  4367. }
  4368. @media (min-width: 768px) {
  4369. .navbar-form .form-group {
  4370. display: inline-block;
  4371. margin-bottom: 0;
  4372. vertical-align: middle;
  4373. }
  4374. .navbar-form .form-control {
  4375. display: inline-block;
  4376. width: auto;
  4377. vertical-align: middle;
  4378. }
  4379. .navbar-form .form-control-static {
  4380. display: inline-block;
  4381. }
  4382. .navbar-form .input-group {
  4383. display: inline-table;
  4384. vertical-align: middle;
  4385. }
  4386. .navbar-form .input-group .input-group-addon,
  4387. .navbar-form .input-group .input-group-btn,
  4388. .navbar-form .input-group .form-control {
  4389. width: auto;
  4390. }
  4391. .navbar-form .input-group > .form-control {
  4392. width: 100%;
  4393. }
  4394. .navbar-form .control-label {
  4395. margin-bottom: 0;
  4396. vertical-align: middle;
  4397. }
  4398. .navbar-form .radio,
  4399. .navbar-form .checkbox {
  4400. display: inline-block;
  4401. margin-top: 0;
  4402. margin-bottom: 0;
  4403. vertical-align: middle;
  4404. }
  4405. .navbar-form .radio label,
  4406. .navbar-form .checkbox label {
  4407. padding-left: 0;
  4408. }
  4409. .navbar-form .radio input[type="radio"],
  4410. .navbar-form .checkbox input[type="checkbox"] {
  4411. position: relative;
  4412. margin-left: 0;
  4413. }
  4414. .navbar-form .has-feedback .form-control-feedback {
  4415. top: 0;
  4416. }
  4417. }
  4418. @media (max-width: 540px) {
  4419. .navbar-form .form-group {
  4420. margin-bottom: 5px;
  4421. }
  4422. .navbar-form .form-group:last-child {
  4423. margin-bottom: 0;
  4424. }
  4425. }
  4426. @media (min-width: 541px) {
  4427. .navbar-form {
  4428. width: auto;
  4429. border: 0;
  4430. margin-left: 0;
  4431. margin-right: 0;
  4432. padding-top: 0;
  4433. padding-bottom: 0;
  4434. -webkit-box-shadow: none;
  4435. box-shadow: none;
  4436. }
  4437. }
  4438. .navbar-nav > li > .dropdown-menu {
  4439. margin-top: 0;
  4440. border-top-right-radius: 0;
  4441. border-top-left-radius: 0;
  4442. }
  4443. .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  4444. margin-bottom: 0;
  4445. border-top-right-radius: 2px;
  4446. border-top-left-radius: 2px;
  4447. border-bottom-right-radius: 0;
  4448. border-bottom-left-radius: 0;
  4449. }
  4450. .navbar-btn {
  4451. margin-top: -1px;
  4452. margin-bottom: -1px;
  4453. }
  4454. .navbar-btn.btn-sm {
  4455. margin-top: 0px;
  4456. margin-bottom: 0px;
  4457. }
  4458. .navbar-btn.btn-xs {
  4459. margin-top: 4px;
  4460. margin-bottom: 4px;
  4461. }
  4462. .navbar-text {
  4463. margin-top: 6px;
  4464. margin-bottom: 6px;
  4465. }
  4466. @media (min-width: 541px) {
  4467. .navbar-text {
  4468. float: left;
  4469. margin-left: 0px;
  4470. margin-right: 0px;
  4471. }
  4472. }
  4473. @media (min-width: 541px) {
  4474. .navbar-left {
  4475. float: left !important;
  4476. float: left;
  4477. }
  4478. .navbar-right {
  4479. float: right !important;
  4480. float: right;
  4481. margin-right: 0px;
  4482. }
  4483. .navbar-right ~ .navbar-right {
  4484. margin-right: 0;
  4485. }
  4486. }
  4487. .navbar-default {
  4488. background-color: #f8f8f8;
  4489. border-color: #e7e7e7;
  4490. }
  4491. .navbar-default .navbar-brand {
  4492. color: #777;
  4493. }
  4494. .navbar-default .navbar-brand:hover,
  4495. .navbar-default .navbar-brand:focus {
  4496. color: #5e5e5e;
  4497. background-color: transparent;
  4498. }
  4499. .navbar-default .navbar-text {
  4500. color: #777;
  4501. }
  4502. .navbar-default .navbar-nav > li > a {
  4503. color: #777;
  4504. }
  4505. .navbar-default .navbar-nav > li > a:hover,
  4506. .navbar-default .navbar-nav > li > a:focus {
  4507. color: #333;
  4508. background-color: transparent;
  4509. }
  4510. .navbar-default .navbar-nav > .active > a,
  4511. .navbar-default .navbar-nav > .active > a:hover,
  4512. .navbar-default .navbar-nav > .active > a:focus {
  4513. color: #555;
  4514. background-color: #e7e7e7;
  4515. }
  4516. .navbar-default .navbar-nav > .disabled > a,
  4517. .navbar-default .navbar-nav > .disabled > a:hover,
  4518. .navbar-default .navbar-nav > .disabled > a:focus {
  4519. color: #ccc;
  4520. background-color: transparent;
  4521. }
  4522. .navbar-default .navbar-toggle {
  4523. border-color: #ddd;
  4524. }
  4525. .navbar-default .navbar-toggle:hover,
  4526. .navbar-default .navbar-toggle:focus {
  4527. background-color: #ddd;
  4528. }
  4529. .navbar-default .navbar-toggle .icon-bar {
  4530. background-color: #888;
  4531. }
  4532. .navbar-default .navbar-collapse,
  4533. .navbar-default .navbar-form {
  4534. border-color: #e7e7e7;
  4535. }
  4536. .navbar-default .navbar-nav > .open > a,
  4537. .navbar-default .navbar-nav > .open > a:hover,
  4538. .navbar-default .navbar-nav > .open > a:focus {
  4539. background-color: #e7e7e7;
  4540. color: #555;
  4541. }
  4542. @media (max-width: 540px) {
  4543. .navbar-default .navbar-nav .open .dropdown-menu > li > a {
  4544. color: #777;
  4545. }
  4546. .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  4547. .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  4548. color: #333;
  4549. background-color: transparent;
  4550. }
  4551. .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  4552. .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  4553. .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  4554. color: #555;
  4555. background-color: #e7e7e7;
  4556. }
  4557. .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  4558. .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  4559. .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  4560. color: #ccc;
  4561. background-color: transparent;
  4562. }
  4563. }
  4564. .navbar-default .navbar-link {
  4565. color: #777;
  4566. }
  4567. .navbar-default .navbar-link:hover {
  4568. color: #333;
  4569. }
  4570. .navbar-default .btn-link {
  4571. color: #777;
  4572. }
  4573. .navbar-default .btn-link:hover,
  4574. .navbar-default .btn-link:focus {
  4575. color: #333;
  4576. }
  4577. .navbar-default .btn-link[disabled]:hover,
  4578. fieldset[disabled] .navbar-default .btn-link:hover,
  4579. .navbar-default .btn-link[disabled]:focus,
  4580. fieldset[disabled] .navbar-default .btn-link:focus {
  4581. color: #ccc;
  4582. }
  4583. .navbar-inverse {
  4584. background-color: #222;
  4585. border-color: #080808;
  4586. }
  4587. .navbar-inverse .navbar-brand {
  4588. color: #9d9d9d;
  4589. }
  4590. .navbar-inverse .navbar-brand:hover,
  4591. .navbar-inverse .navbar-brand:focus {
  4592. color: #fff;
  4593. background-color: transparent;
  4594. }
  4595. .navbar-inverse .navbar-text {
  4596. color: #9d9d9d;
  4597. }
  4598. .navbar-inverse .navbar-nav > li > a {
  4599. color: #9d9d9d;
  4600. }
  4601. .navbar-inverse .navbar-nav > li > a:hover,
  4602. .navbar-inverse .navbar-nav > li > a:focus {
  4603. color: #fff;
  4604. background-color: transparent;
  4605. }
  4606. .navbar-inverse .navbar-nav > .active > a,
  4607. .navbar-inverse .navbar-nav > .active > a:hover,
  4608. .navbar-inverse .navbar-nav > .active > a:focus {
  4609. color: #fff;
  4610. background-color: #080808;
  4611. }
  4612. .navbar-inverse .navbar-nav > .disabled > a,
  4613. .navbar-inverse .navbar-nav > .disabled > a:hover,
  4614. .navbar-inverse .navbar-nav > .disabled > a:focus {
  4615. color: #444;
  4616. background-color: transparent;
  4617. }
  4618. .navbar-inverse .navbar-toggle {
  4619. border-color: #333;
  4620. }
  4621. .navbar-inverse .navbar-toggle:hover,
  4622. .navbar-inverse .navbar-toggle:focus {
  4623. background-color: #333;
  4624. }
  4625. .navbar-inverse .navbar-toggle .icon-bar {
  4626. background-color: #fff;
  4627. }
  4628. .navbar-inverse .navbar-collapse,
  4629. .navbar-inverse .navbar-form {
  4630. border-color: #101010;
  4631. }
  4632. .navbar-inverse .navbar-nav > .open > a,
  4633. .navbar-inverse .navbar-nav > .open > a:hover,
  4634. .navbar-inverse .navbar-nav > .open > a:focus {
  4635. background-color: #080808;
  4636. color: #fff;
  4637. }
  4638. @media (max-width: 540px) {
  4639. .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
  4640. border-color: #080808;
  4641. }
  4642. .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
  4643. background-color: #080808;
  4644. }
  4645. .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
  4646. color: #9d9d9d;
  4647. }
  4648. .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  4649. .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
  4650. color: #fff;
  4651. background-color: transparent;
  4652. }
  4653. .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  4654. .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  4655. .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
  4656. color: #fff;
  4657. background-color: #080808;
  4658. }
  4659. .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  4660. .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  4661. .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  4662. color: #444;
  4663. background-color: transparent;
  4664. }
  4665. }
  4666. .navbar-inverse .navbar-link {
  4667. color: #9d9d9d;
  4668. }
  4669. .navbar-inverse .navbar-link:hover {
  4670. color: #fff;
  4671. }
  4672. .navbar-inverse .btn-link {
  4673. color: #9d9d9d;
  4674. }
  4675. .navbar-inverse .btn-link:hover,
  4676. .navbar-inverse .btn-link:focus {
  4677. color: #fff;
  4678. }
  4679. .navbar-inverse .btn-link[disabled]:hover,
  4680. fieldset[disabled] .navbar-inverse .btn-link:hover,
  4681. .navbar-inverse .btn-link[disabled]:focus,
  4682. fieldset[disabled] .navbar-inverse .btn-link:focus {
  4683. color: #444;
  4684. }
  4685. .breadcrumb {
  4686. padding: 8px 15px;
  4687. margin-bottom: 18px;
  4688. list-style: none;
  4689. background-color: #f5f5f5;
  4690. border-radius: 2px;
  4691. }
  4692. .breadcrumb > li {
  4693. display: inline-block;
  4694. }
  4695. .breadcrumb > li + li:before {
  4696. content: "/\00a0";
  4697. padding: 0 5px;
  4698. color: #5e5e5e;
  4699. }
  4700. .breadcrumb > .active {
  4701. color: #777777;
  4702. }
  4703. .pagination {
  4704. display: inline-block;
  4705. padding-left: 0;
  4706. margin: 18px 0;
  4707. border-radius: 2px;
  4708. }
  4709. .pagination > li {
  4710. display: inline;
  4711. }
  4712. .pagination > li > a,
  4713. .pagination > li > span {
  4714. position: relative;
  4715. float: left;
  4716. padding: 6px 12px;
  4717. line-height: 1.42857143;
  4718. text-decoration: none;
  4719. color: #337ab7;
  4720. background-color: #fff;
  4721. border: 1px solid #ddd;
  4722. margin-left: -1px;
  4723. }
  4724. .pagination > li:first-child > a,
  4725. .pagination > li:first-child > span {
  4726. margin-left: 0;
  4727. border-bottom-left-radius: 2px;
  4728. border-top-left-radius: 2px;
  4729. }
  4730. .pagination > li:last-child > a,
  4731. .pagination > li:last-child > span {
  4732. border-bottom-right-radius: 2px;
  4733. border-top-right-radius: 2px;
  4734. }
  4735. .pagination > li > a:hover,
  4736. .pagination > li > span:hover,
  4737. .pagination > li > a:focus,
  4738. .pagination > li > span:focus {
  4739. z-index: 2;
  4740. color: #23527c;
  4741. background-color: #eeeeee;
  4742. border-color: #ddd;
  4743. }
  4744. .pagination > .active > a,
  4745. .pagination > .active > span,
  4746. .pagination > .active > a:hover,
  4747. .pagination > .active > span:hover,
  4748. .pagination > .active > a:focus,
  4749. .pagination > .active > span:focus {
  4750. z-index: 3;
  4751. color: #fff;
  4752. background-color: #337ab7;
  4753. border-color: #337ab7;
  4754. cursor: default;
  4755. }
  4756. .pagination > .disabled > span,
  4757. .pagination > .disabled > span:hover,
  4758. .pagination > .disabled > span:focus,
  4759. .pagination > .disabled > a,
  4760. .pagination > .disabled > a:hover,
  4761. .pagination > .disabled > a:focus {
  4762. color: #777777;
  4763. background-color: #fff;
  4764. border-color: #ddd;
  4765. cursor: not-allowed;
  4766. }
  4767. .pagination-lg > li > a,
  4768. .pagination-lg > li > span {
  4769. padding: 10px 16px;
  4770. font-size: 17px;
  4771. line-height: 1.3333333;
  4772. }
  4773. .pagination-lg > li:first-child > a,
  4774. .pagination-lg > li:first-child > span {
  4775. border-bottom-left-radius: 3px;
  4776. border-top-left-radius: 3px;
  4777. }
  4778. .pagination-lg > li:last-child > a,
  4779. .pagination-lg > li:last-child > span {
  4780. border-bottom-right-radius: 3px;
  4781. border-top-right-radius: 3px;
  4782. }
  4783. .pagination-sm > li > a,
  4784. .pagination-sm > li > span {
  4785. padding: 5px 10px;
  4786. font-size: 12px;
  4787. line-height: 1.5;
  4788. }
  4789. .pagination-sm > li:first-child > a,
  4790. .pagination-sm > li:first-child > span {
  4791. border-bottom-left-radius: 1px;
  4792. border-top-left-radius: 1px;
  4793. }
  4794. .pagination-sm > li:last-child > a,
  4795. .pagination-sm > li:last-child > span {
  4796. border-bottom-right-radius: 1px;
  4797. border-top-right-radius: 1px;
  4798. }
  4799. .pager {
  4800. padding-left: 0;
  4801. margin: 18px 0;
  4802. list-style: none;
  4803. text-align: center;
  4804. }
  4805. .pager li {
  4806. display: inline;
  4807. }
  4808. .pager li > a,
  4809. .pager li > span {
  4810. display: inline-block;
  4811. padding: 5px 14px;
  4812. background-color: #fff;
  4813. border: 1px solid #ddd;
  4814. border-radius: 15px;
  4815. }
  4816. .pager li > a:hover,
  4817. .pager li > a:focus {
  4818. text-decoration: none;
  4819. background-color: #eeeeee;
  4820. }
  4821. .pager .next > a,
  4822. .pager .next > span {
  4823. float: right;
  4824. }
  4825. .pager .previous > a,
  4826. .pager .previous > span {
  4827. float: left;
  4828. }
  4829. .pager .disabled > a,
  4830. .pager .disabled > a:hover,
  4831. .pager .disabled > a:focus,
  4832. .pager .disabled > span {
  4833. color: #777777;
  4834. background-color: #fff;
  4835. cursor: not-allowed;
  4836. }
  4837. .label {
  4838. display: inline;
  4839. padding: .2em .6em .3em;
  4840. font-size: 75%;
  4841. font-weight: bold;
  4842. line-height: 1;
  4843. color: #fff;
  4844. text-align: center;
  4845. white-space: nowrap;
  4846. vertical-align: baseline;
  4847. border-radius: .25em;
  4848. }
  4849. a.label:hover,
  4850. a.label:focus {
  4851. color: #fff;
  4852. text-decoration: none;
  4853. cursor: pointer;
  4854. }
  4855. .label:empty {
  4856. display: none;
  4857. }
  4858. .btn .label {
  4859. position: relative;
  4860. top: -1px;
  4861. }
  4862. .label-default {
  4863. background-color: #777777;
  4864. }
  4865. .label-default[href]:hover,
  4866. .label-default[href]:focus {
  4867. background-color: #5e5e5e;
  4868. }
  4869. .label-primary {
  4870. background-color: #337ab7;
  4871. }
  4872. .label-primary[href]:hover,
  4873. .label-primary[href]:focus {
  4874. background-color: #286090;
  4875. }
  4876. .label-success {
  4877. background-color: #5cb85c;
  4878. }
  4879. .label-success[href]:hover,
  4880. .label-success[href]:focus {
  4881. background-color: #449d44;
  4882. }
  4883. .label-info {
  4884. background-color: #5bc0de;
  4885. }
  4886. .label-info[href]:hover,
  4887. .label-info[href]:focus {
  4888. background-color: #31b0d5;
  4889. }
  4890. .label-warning {
  4891. background-color: #f0ad4e;
  4892. }
  4893. .label-warning[href]:hover,
  4894. .label-warning[href]:focus {
  4895. background-color: #ec971f;
  4896. }
  4897. .label-danger {
  4898. background-color: #d9534f;
  4899. }
  4900. .label-danger[href]:hover,
  4901. .label-danger[href]:focus {
  4902. background-color: #c9302c;
  4903. }
  4904. .badge {
  4905. display: inline-block;
  4906. min-width: 10px;
  4907. padding: 3px 7px;
  4908. font-size: 12px;
  4909. font-weight: bold;
  4910. color: #fff;
  4911. line-height: 1;
  4912. vertical-align: middle;
  4913. white-space: nowrap;
  4914. text-align: center;
  4915. background-color: #777777;
  4916. border-radius: 10px;
  4917. }
  4918. .badge:empty {
  4919. display: none;
  4920. }
  4921. .btn .badge {
  4922. position: relative;
  4923. top: -1px;
  4924. }
  4925. .btn-xs .badge,
  4926. .btn-group-xs > .btn .badge {
  4927. top: 0;
  4928. padding: 1px 5px;
  4929. }
  4930. a.badge:hover,
  4931. a.badge:focus {
  4932. color: #fff;
  4933. text-decoration: none;
  4934. cursor: pointer;
  4935. }
  4936. .list-group-item.active > .badge,
  4937. .nav-pills > .active > a > .badge {
  4938. color: #337ab7;
  4939. background-color: #fff;
  4940. }
  4941. .list-group-item > .badge {
  4942. float: right;
  4943. }
  4944. .list-group-item > .badge + .badge {
  4945. margin-right: 5px;
  4946. }
  4947. .nav-pills > li > a > .badge {
  4948. margin-left: 3px;
  4949. }
  4950. .jumbotron {
  4951. padding-top: 30px;
  4952. padding-bottom: 30px;
  4953. margin-bottom: 30px;
  4954. color: inherit;
  4955. background-color: #eeeeee;
  4956. }
  4957. .jumbotron h1,
  4958. .jumbotron .h1 {
  4959. color: inherit;
  4960. }
  4961. .jumbotron p {
  4962. margin-bottom: 15px;
  4963. font-size: 20px;
  4964. font-weight: 200;
  4965. }
  4966. .jumbotron > hr {
  4967. border-top-color: #d5d5d5;
  4968. }
  4969. .container .jumbotron,
  4970. .container-fluid .jumbotron {
  4971. border-radius: 3px;
  4972. padding-left: 0px;
  4973. padding-right: 0px;
  4974. }
  4975. .jumbotron .container {
  4976. max-width: 100%;
  4977. }
  4978. @media screen and (min-width: 768px) {
  4979. .jumbotron {
  4980. padding-top: 48px;
  4981. padding-bottom: 48px;
  4982. }
  4983. .container .jumbotron,
  4984. .container-fluid .jumbotron {
  4985. padding-left: 60px;
  4986. padding-right: 60px;
  4987. }
  4988. .jumbotron h1,
  4989. .jumbotron .h1 {
  4990. font-size: 59px;
  4991. }
  4992. }
  4993. .thumbnail {
  4994. display: block;
  4995. padding: 4px;
  4996. margin-bottom: 18px;
  4997. line-height: 1.42857143;
  4998. background-color: #fff;
  4999. border: 1px solid #ddd;
  5000. border-radius: 2px;
  5001. -webkit-transition: border 0.2s ease-in-out;
  5002. -o-transition: border 0.2s ease-in-out;
  5003. transition: border 0.2s ease-in-out;
  5004. }
  5005. .thumbnail > img,
  5006. .thumbnail a > img {
  5007. margin-left: auto;
  5008. margin-right: auto;
  5009. }
  5010. a.thumbnail:hover,
  5011. a.thumbnail:focus,
  5012. a.thumbnail.active {
  5013. border-color: #337ab7;
  5014. }
  5015. .thumbnail .caption {
  5016. padding: 9px;
  5017. color: #000;
  5018. }
  5019. .alert {
  5020. padding: 15px;
  5021. margin-bottom: 18px;
  5022. border: 1px solid transparent;
  5023. border-radius: 2px;
  5024. }
  5025. .alert h4 {
  5026. margin-top: 0;
  5027. color: inherit;
  5028. }
  5029. .alert .alert-link {
  5030. font-weight: bold;
  5031. }
  5032. .alert > p,
  5033. .alert > ul {
  5034. margin-bottom: 0;
  5035. }
  5036. .alert > p + p {
  5037. margin-top: 5px;
  5038. }
  5039. .alert-dismissable,
  5040. .alert-dismissible {
  5041. padding-right: 35px;
  5042. }
  5043. .alert-dismissable .close,
  5044. .alert-dismissible .close {
  5045. position: relative;
  5046. top: -2px;
  5047. right: -21px;
  5048. color: inherit;
  5049. }
  5050. .alert-success {
  5051. background-color: #dff0d8;
  5052. border-color: #d6e9c6;
  5053. color: #3c763d;
  5054. }
  5055. .alert-success hr {
  5056. border-top-color: #c9e2b3;
  5057. }
  5058. .alert-success .alert-link {
  5059. color: #2b542c;
  5060. }
  5061. .alert-info {
  5062. background-color: #d9edf7;
  5063. border-color: #bce8f1;
  5064. color: #31708f;
  5065. }
  5066. .alert-info hr {
  5067. border-top-color: #a6e1ec;
  5068. }
  5069. .alert-info .alert-link {
  5070. color: #245269;
  5071. }
  5072. .alert-warning {
  5073. background-color: #fcf8e3;
  5074. border-color: #faebcc;
  5075. color: #8a6d3b;
  5076. }
  5077. .alert-warning hr {
  5078. border-top-color: #f7e1b5;
  5079. }
  5080. .alert-warning .alert-link {
  5081. color: #66512c;
  5082. }
  5083. .alert-danger {
  5084. background-color: #f2dede;
  5085. border-color: #ebccd1;
  5086. color: #a94442;
  5087. }
  5088. .alert-danger hr {
  5089. border-top-color: #e4b9c0;
  5090. }
  5091. .alert-danger .alert-link {
  5092. color: #843534;
  5093. }
  5094. @-webkit-keyframes progress-bar-stripes {
  5095. from {
  5096. background-position: 40px 0;
  5097. }
  5098. to {
  5099. background-position: 0 0;
  5100. }
  5101. }
  5102. @keyframes progress-bar-stripes {
  5103. from {
  5104. background-position: 40px 0;
  5105. }
  5106. to {
  5107. background-position: 0 0;
  5108. }
  5109. }
  5110. .progress {
  5111. overflow: hidden;
  5112. height: 18px;
  5113. margin-bottom: 18px;
  5114. background-color: #f5f5f5;
  5115. border-radius: 2px;
  5116. -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  5117. box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  5118. }
  5119. .progress-bar {
  5120. float: left;
  5121. width: 0%;
  5122. height: 100%;
  5123. font-size: 12px;
  5124. line-height: 18px;
  5125. color: #fff;
  5126. text-align: center;
  5127. background-color: #337ab7;
  5128. -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  5129. box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  5130. -webkit-transition: width 0.6s ease;
  5131. -o-transition: width 0.6s ease;
  5132. transition: width 0.6s ease;
  5133. }
  5134. .progress-striped .progress-bar,
  5135. .progress-bar-striped {
  5136. 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);
  5137. 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);
  5138. 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);
  5139. background-size: 40px 40px;
  5140. }
  5141. .progress.active .progress-bar,
  5142. .progress-bar.active {
  5143. -webkit-animation: progress-bar-stripes 2s linear infinite;
  5144. -o-animation: progress-bar-stripes 2s linear infinite;
  5145. animation: progress-bar-stripes 2s linear infinite;
  5146. }
  5147. .progress-bar-success {
  5148. background-color: #5cb85c;
  5149. }
  5150. .progress-striped .progress-bar-success {
  5151. 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);
  5152. 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);
  5153. 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);
  5154. }
  5155. .progress-bar-info {
  5156. background-color: #5bc0de;
  5157. }
  5158. .progress-striped .progress-bar-info {
  5159. 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);
  5160. 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);
  5161. 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);
  5162. }
  5163. .progress-bar-warning {
  5164. background-color: #f0ad4e;
  5165. }
  5166. .progress-striped .progress-bar-warning {
  5167. 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);
  5168. 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);
  5169. 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);
  5170. }
  5171. .progress-bar-danger {
  5172. background-color: #d9534f;
  5173. }
  5174. .progress-striped .progress-bar-danger {
  5175. 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);
  5176. 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);
  5177. 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);
  5178. }
  5179. .media {
  5180. margin-top: 15px;
  5181. }
  5182. .media:first-child {
  5183. margin-top: 0;
  5184. }
  5185. .media,
  5186. .media-body {
  5187. zoom: 1;
  5188. overflow: hidden;
  5189. }
  5190. .media-body {
  5191. width: 10000px;
  5192. }
  5193. .media-object {
  5194. display: block;
  5195. }
  5196. .media-object.img-thumbnail {
  5197. max-width: none;
  5198. }
  5199. .media-right,
  5200. .media > .pull-right {
  5201. padding-left: 10px;
  5202. }
  5203. .media-left,
  5204. .media > .pull-left {
  5205. padding-right: 10px;
  5206. }
  5207. .media-left,
  5208. .media-right,
  5209. .media-body {
  5210. display: table-cell;
  5211. vertical-align: top;
  5212. }
  5213. .media-middle {
  5214. vertical-align: middle;
  5215. }
  5216. .media-bottom {
  5217. vertical-align: bottom;
  5218. }
  5219. .media-heading {
  5220. margin-top: 0;
  5221. margin-bottom: 5px;
  5222. }
  5223. .media-list {
  5224. padding-left: 0;
  5225. list-style: none;
  5226. }
  5227. .list-group {
  5228. margin-bottom: 20px;
  5229. padding-left: 0;
  5230. }
  5231. .list-group-item {
  5232. position: relative;
  5233. display: block;
  5234. padding: 10px 15px;
  5235. margin-bottom: -1px;
  5236. background-color: #fff;
  5237. border: 1px solid #ddd;
  5238. }
  5239. .list-group-item:first-child {
  5240. border-top-right-radius: 2px;
  5241. border-top-left-radius: 2px;
  5242. }
  5243. .list-group-item:last-child {
  5244. margin-bottom: 0;
  5245. border-bottom-right-radius: 2px;
  5246. border-bottom-left-radius: 2px;
  5247. }
  5248. a.list-group-item,
  5249. button.list-group-item {
  5250. color: #555;
  5251. }
  5252. a.list-group-item .list-group-item-heading,
  5253. button.list-group-item .list-group-item-heading {
  5254. color: #333;
  5255. }
  5256. a.list-group-item:hover,
  5257. button.list-group-item:hover,
  5258. a.list-group-item:focus,
  5259. button.list-group-item:focus {
  5260. text-decoration: none;
  5261. color: #555;
  5262. background-color: #f5f5f5;
  5263. }
  5264. button.list-group-item {
  5265. width: 100%;
  5266. text-align: left;
  5267. }
  5268. .list-group-item.disabled,
  5269. .list-group-item.disabled:hover,
  5270. .list-group-item.disabled:focus {
  5271. background-color: #eeeeee;
  5272. color: #777777;
  5273. cursor: not-allowed;
  5274. }
  5275. .list-group-item.disabled .list-group-item-heading,
  5276. .list-group-item.disabled:hover .list-group-item-heading,
  5277. .list-group-item.disabled:focus .list-group-item-heading {
  5278. color: inherit;
  5279. }
  5280. .list-group-item.disabled .list-group-item-text,
  5281. .list-group-item.disabled:hover .list-group-item-text,
  5282. .list-group-item.disabled:focus .list-group-item-text {
  5283. color: #777777;
  5284. }
  5285. .list-group-item.active,
  5286. .list-group-item.active:hover,
  5287. .list-group-item.active:focus {
  5288. z-index: 2;
  5289. color: #fff;
  5290. background-color: #337ab7;
  5291. border-color: #337ab7;
  5292. }
  5293. .list-group-item.active .list-group-item-heading,
  5294. .list-group-item.active:hover .list-group-item-heading,
  5295. .list-group-item.active:focus .list-group-item-heading,
  5296. .list-group-item.active .list-group-item-heading > small,
  5297. .list-group-item.active:hover .list-group-item-heading > small,
  5298. .list-group-item.active:focus .list-group-item-heading > small,
  5299. .list-group-item.active .list-group-item-heading > .small,
  5300. .list-group-item.active:hover .list-group-item-heading > .small,
  5301. .list-group-item.active:focus .list-group-item-heading > .small {
  5302. color: inherit;
  5303. }
  5304. .list-group-item.active .list-group-item-text,
  5305. .list-group-item.active:hover .list-group-item-text,
  5306. .list-group-item.active:focus .list-group-item-text {
  5307. color: #c7ddef;
  5308. }
  5309. .list-group-item-success {
  5310. color: #3c763d;
  5311. background-color: #dff0d8;
  5312. }
  5313. a.list-group-item-success,
  5314. button.list-group-item-success {
  5315. color: #3c763d;
  5316. }
  5317. a.list-group-item-success .list-group-item-heading,
  5318. button.list-group-item-success .list-group-item-heading {
  5319. color: inherit;
  5320. }
  5321. a.list-group-item-success:hover,
  5322. button.list-group-item-success:hover,
  5323. a.list-group-item-success:focus,
  5324. button.list-group-item-success:focus {
  5325. color: #3c763d;
  5326. background-color: #d0e9c6;
  5327. }
  5328. a.list-group-item-success.active,
  5329. button.list-group-item-success.active,
  5330. a.list-group-item-success.active:hover,
  5331. button.list-group-item-success.active:hover,
  5332. a.list-group-item-success.active:focus,
  5333. button.list-group-item-success.active:focus {
  5334. color: #fff;
  5335. background-color: #3c763d;
  5336. border-color: #3c763d;
  5337. }
  5338. .list-group-item-info {
  5339. color: #31708f;
  5340. background-color: #d9edf7;
  5341. }
  5342. a.list-group-item-info,
  5343. button.list-group-item-info {
  5344. color: #31708f;
  5345. }
  5346. a.list-group-item-info .list-group-item-heading,
  5347. button.list-group-item-info .list-group-item-heading {
  5348. color: inherit;
  5349. }
  5350. a.list-group-item-info:hover,
  5351. button.list-group-item-info:hover,
  5352. a.list-group-item-info:focus,
  5353. button.list-group-item-info:focus {
  5354. color: #31708f;
  5355. background-color: #c4e3f3;
  5356. }
  5357. a.list-group-item-info.active,
  5358. button.list-group-item-info.active,
  5359. a.list-group-item-info.active:hover,
  5360. button.list-group-item-info.active:hover,
  5361. a.list-group-item-info.active:focus,
  5362. button.list-group-item-info.active:focus {
  5363. color: #fff;
  5364. background-color: #31708f;
  5365. border-color: #31708f;
  5366. }
  5367. .list-group-item-warning {
  5368. color: #8a6d3b;
  5369. background-color: #fcf8e3;
  5370. }
  5371. a.list-group-item-warning,
  5372. button.list-group-item-warning {
  5373. color: #8a6d3b;
  5374. }
  5375. a.list-group-item-warning .list-group-item-heading,
  5376. button.list-group-item-warning .list-group-item-heading {
  5377. color: inherit;
  5378. }
  5379. a.list-group-item-warning:hover,
  5380. button.list-group-item-warning:hover,
  5381. a.list-group-item-warning:focus,
  5382. button.list-group-item-warning:focus {
  5383. color: #8a6d3b;
  5384. background-color: #faf2cc;
  5385. }
  5386. a.list-group-item-warning.active,
  5387. button.list-group-item-warning.active,
  5388. a.list-group-item-warning.active:hover,
  5389. button.list-group-item-warning.active:hover,
  5390. a.list-group-item-warning.active:focus,
  5391. button.list-group-item-warning.active:focus {
  5392. color: #fff;
  5393. background-color: #8a6d3b;
  5394. border-color: #8a6d3b;
  5395. }
  5396. .list-group-item-danger {
  5397. color: #a94442;
  5398. background-color: #f2dede;
  5399. }
  5400. a.list-group-item-danger,
  5401. button.list-group-item-danger {
  5402. color: #a94442;
  5403. }
  5404. a.list-group-item-danger .list-group-item-heading,
  5405. button.list-group-item-danger .list-group-item-heading {
  5406. color: inherit;
  5407. }
  5408. a.list-group-item-danger:hover,
  5409. button.list-group-item-danger:hover,
  5410. a.list-group-item-danger:focus,
  5411. button.list-group-item-danger:focus {
  5412. color: #a94442;
  5413. background-color: #ebcccc;
  5414. }
  5415. a.list-group-item-danger.active,
  5416. button.list-group-item-danger.active,
  5417. a.list-group-item-danger.active:hover,
  5418. button.list-group-item-danger.active:hover,
  5419. a.list-group-item-danger.active:focus,
  5420. button.list-group-item-danger.active:focus {
  5421. color: #fff;
  5422. background-color: #a94442;
  5423. border-color: #a94442;
  5424. }
  5425. .list-group-item-heading {
  5426. margin-top: 0;
  5427. margin-bottom: 5px;
  5428. }
  5429. .list-group-item-text {
  5430. margin-bottom: 0;
  5431. line-height: 1.3;
  5432. }
  5433. .panel {
  5434. margin-bottom: 18px;
  5435. background-color: #fff;
  5436. border: 1px solid transparent;
  5437. border-radius: 2px;
  5438. -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  5439. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  5440. }
  5441. .panel-body {
  5442. padding: 15px;
  5443. }
  5444. .panel-heading {
  5445. padding: 10px 15px;
  5446. border-bottom: 1px solid transparent;
  5447. border-top-right-radius: 1px;
  5448. border-top-left-radius: 1px;
  5449. }
  5450. .panel-heading > .dropdown .dropdown-toggle {
  5451. color: inherit;
  5452. }
  5453. .panel-title {
  5454. margin-top: 0;
  5455. margin-bottom: 0;
  5456. font-size: 15px;
  5457. color: inherit;
  5458. }
  5459. .panel-title > a,
  5460. .panel-title > small,
  5461. .panel-title > .small,
  5462. .panel-title > small > a,
  5463. .panel-title > .small > a {
  5464. color: inherit;
  5465. }
  5466. .panel-footer {
  5467. padding: 10px 15px;
  5468. background-color: #f5f5f5;
  5469. border-top: 1px solid #ddd;
  5470. border-bottom-right-radius: 1px;
  5471. border-bottom-left-radius: 1px;
  5472. }
  5473. .panel > .list-group,
  5474. .panel > .panel-collapse > .list-group {
  5475. margin-bottom: 0;
  5476. }
  5477. .panel > .list-group .list-group-item,
  5478. .panel > .panel-collapse > .list-group .list-group-item {
  5479. border-width: 1px 0;
  5480. border-radius: 0;
  5481. }
  5482. .panel > .list-group:first-child .list-group-item:first-child,
  5483. .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  5484. border-top: 0;
  5485. border-top-right-radius: 1px;
  5486. border-top-left-radius: 1px;
  5487. }
  5488. .panel > .list-group:last-child .list-group-item:last-child,
  5489. .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  5490. border-bottom: 0;
  5491. border-bottom-right-radius: 1px;
  5492. border-bottom-left-radius: 1px;
  5493. }
  5494. .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  5495. border-top-right-radius: 0;
  5496. border-top-left-radius: 0;
  5497. }
  5498. .panel-heading + .list-group .list-group-item:first-child {
  5499. border-top-width: 0;
  5500. }
  5501. .list-group + .panel-footer {
  5502. border-top-width: 0;
  5503. }
  5504. .panel > .table,
  5505. .panel > .table-responsive > .table,
  5506. .panel > .panel-collapse > .table {
  5507. margin-bottom: 0;
  5508. }
  5509. .panel > .table caption,
  5510. .panel > .table-responsive > .table caption,
  5511. .panel > .panel-collapse > .table caption {
  5512. padding-left: 15px;
  5513. padding-right: 15px;
  5514. }
  5515. .panel > .table:first-child,
  5516. .panel > .table-responsive:first-child > .table:first-child {
  5517. border-top-right-radius: 1px;
  5518. border-top-left-radius: 1px;
  5519. }
  5520. .panel > .table:first-child > thead:first-child > tr:first-child,
  5521. .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
  5522. .panel > .table:first-child > tbody:first-child > tr:first-child,
  5523. .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  5524. border-top-left-radius: 1px;
  5525. border-top-right-radius: 1px;
  5526. }
  5527. .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
  5528. .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
  5529. .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
  5530. .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
  5531. .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
  5532. .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
  5533. .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
  5534. .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  5535. border-top-left-radius: 1px;
  5536. }
  5537. .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
  5538. .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
  5539. .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
  5540. .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
  5541. .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
  5542. .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
  5543. .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
  5544. .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  5545. border-top-right-radius: 1px;
  5546. }
  5547. .panel > .table:last-child,
  5548. .panel > .table-responsive:last-child > .table:last-child {
  5549. border-bottom-right-radius: 1px;
  5550. border-bottom-left-radius: 1px;
  5551. }
  5552. .panel > .table:last-child > tbody:last-child > tr:last-child,
  5553. .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
  5554. .panel > .table:last-child > tfoot:last-child > tr:last-child,
  5555. .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  5556. border-bottom-left-radius: 1px;
  5557. border-bottom-right-radius: 1px;
  5558. }
  5559. .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
  5560. .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
  5561. .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
  5562. .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
  5563. .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
  5564. .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
  5565. .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
  5566. .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  5567. border-bottom-left-radius: 1px;
  5568. }
  5569. .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
  5570. .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
  5571. .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
  5572. .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
  5573. .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
  5574. .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
  5575. .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
  5576. .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  5577. border-bottom-right-radius: 1px;
  5578. }
  5579. .panel > .panel-body + .table,
  5580. .panel > .panel-body + .table-responsive,
  5581. .panel > .table + .panel-body,
  5582. .panel > .table-responsive + .panel-body {
  5583. border-top: 1px solid #ddd;
  5584. }
  5585. .panel > .table > tbody:first-child > tr:first-child th,
  5586. .panel > .table > tbody:first-child > tr:first-child td {
  5587. border-top: 0;
  5588. }
  5589. .panel > .table-bordered,
  5590. .panel > .table-responsive > .table-bordered {
  5591. border: 0;
  5592. }
  5593. .panel > .table-bordered > thead > tr > th:first-child,
  5594. .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  5595. .panel > .table-bordered > tbody > tr > th:first-child,
  5596. .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  5597. .panel > .table-bordered > tfoot > tr > th:first-child,
  5598. .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  5599. .panel > .table-bordered > thead > tr > td:first-child,
  5600. .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  5601. .panel > .table-bordered > tbody > tr > td:first-child,
  5602. .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  5603. .panel > .table-bordered > tfoot > tr > td:first-child,
  5604. .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  5605. border-left: 0;
  5606. }
  5607. .panel > .table-bordered > thead > tr > th:last-child,
  5608. .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  5609. .panel > .table-bordered > tbody > tr > th:last-child,
  5610. .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  5611. .panel > .table-bordered > tfoot > tr > th:last-child,
  5612. .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  5613. .panel > .table-bordered > thead > tr > td:last-child,
  5614. .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  5615. .panel > .table-bordered > tbody > tr > td:last-child,
  5616. .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  5617. .panel > .table-bordered > tfoot > tr > td:last-child,
  5618. .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  5619. border-right: 0;
  5620. }
  5621. .panel > .table-bordered > thead > tr:first-child > td,
  5622. .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
  5623. .panel > .table-bordered > tbody > tr:first-child > td,
  5624. .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
  5625. .panel > .table-bordered > thead > tr:first-child > th,
  5626. .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
  5627. .panel > .table-bordered > tbody > tr:first-child > th,
  5628. .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  5629. border-bottom: 0;
  5630. }
  5631. .panel > .table-bordered > tbody > tr:last-child > td,
  5632. .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  5633. .panel > .table-bordered > tfoot > tr:last-child > td,
  5634. .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  5635. .panel > .table-bordered > tbody > tr:last-child > th,
  5636. .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  5637. .panel > .table-bordered > tfoot > tr:last-child > th,
  5638. .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  5639. border-bottom: 0;
  5640. }
  5641. .panel > .table-responsive {
  5642. border: 0;
  5643. margin-bottom: 0;
  5644. }
  5645. .panel-group {
  5646. margin-bottom: 18px;
  5647. }
  5648. .panel-group .panel {
  5649. margin-bottom: 0;
  5650. border-radius: 2px;
  5651. }
  5652. .panel-group .panel + .panel {
  5653. margin-top: 5px;
  5654. }
  5655. .panel-group .panel-heading {
  5656. border-bottom: 0;
  5657. }
  5658. .panel-group .panel-heading + .panel-collapse > .panel-body,
  5659. .panel-group .panel-heading + .panel-collapse > .list-group {
  5660. border-top: 1px solid #ddd;
  5661. }
  5662. .panel-group .panel-footer {
  5663. border-top: 0;
  5664. }
  5665. .panel-group .panel-footer + .panel-collapse .panel-body {
  5666. border-bottom: 1px solid #ddd;
  5667. }
  5668. .panel-default {
  5669. border-color: #ddd;
  5670. }
  5671. .panel-default > .panel-heading {
  5672. color: #333333;
  5673. background-color: #f5f5f5;
  5674. border-color: #ddd;
  5675. }
  5676. .panel-default > .panel-heading + .panel-collapse > .panel-body {
  5677. border-top-color: #ddd;
  5678. }
  5679. .panel-default > .panel-heading .badge {
  5680. color: #f5f5f5;
  5681. background-color: #333333;
  5682. }
  5683. .panel-default > .panel-footer + .panel-collapse > .panel-body {
  5684. border-bottom-color: #ddd;
  5685. }
  5686. .panel-primary {
  5687. border-color: #337ab7;
  5688. }
  5689. .panel-primary > .panel-heading {
  5690. color: #fff;
  5691. background-color: #337ab7;
  5692. border-color: #337ab7;
  5693. }
  5694. .panel-primary > .panel-heading + .panel-collapse > .panel-body {
  5695. border-top-color: #337ab7;
  5696. }
  5697. .panel-primary > .panel-heading .badge {
  5698. color: #337ab7;
  5699. background-color: #fff;
  5700. }
  5701. .panel-primary > .panel-footer + .panel-collapse > .panel-body {
  5702. border-bottom-color: #337ab7;
  5703. }
  5704. .panel-success {
  5705. border-color: #d6e9c6;
  5706. }
  5707. .panel-success > .panel-heading {
  5708. color: #3c763d;
  5709. background-color: #dff0d8;
  5710. border-color: #d6e9c6;
  5711. }
  5712. .panel-success > .panel-heading + .panel-collapse > .panel-body {
  5713. border-top-color: #d6e9c6;
  5714. }
  5715. .panel-success > .panel-heading .badge {
  5716. color: #dff0d8;
  5717. background-color: #3c763d;
  5718. }
  5719. .panel-success > .panel-footer + .panel-collapse > .panel-body {
  5720. border-bottom-color: #d6e9c6;
  5721. }
  5722. .panel-info {
  5723. border-color: #bce8f1;
  5724. }
  5725. .panel-info > .panel-heading {
  5726. color: #31708f;
  5727. background-color: #d9edf7;
  5728. border-color: #bce8f1;
  5729. }
  5730. .panel-info > .panel-heading + .panel-collapse > .panel-body {
  5731. border-top-color: #bce8f1;
  5732. }
  5733. .panel-info > .panel-heading .badge {
  5734. color: #d9edf7;
  5735. background-color: #31708f;
  5736. }
  5737. .panel-info > .panel-footer + .panel-collapse > .panel-body {
  5738. border-bottom-color: #bce8f1;
  5739. }
  5740. .panel-warning {
  5741. border-color: #faebcc;
  5742. }
  5743. .panel-warning > .panel-heading {
  5744. color: #8a6d3b;
  5745. background-color: #fcf8e3;
  5746. border-color: #faebcc;
  5747. }
  5748. .panel-warning > .panel-heading + .panel-collapse > .panel-body {
  5749. border-top-color: #faebcc;
  5750. }
  5751. .panel-warning > .panel-heading .badge {
  5752. color: #fcf8e3;
  5753. background-color: #8a6d3b;
  5754. }
  5755. .panel-warning > .panel-footer + .panel-collapse > .panel-body {
  5756. border-bottom-color: #faebcc;
  5757. }
  5758. .panel-danger {
  5759. border-color: #ebccd1;
  5760. }
  5761. .panel-danger > .panel-heading {
  5762. color: #a94442;
  5763. background-color: #f2dede;
  5764. border-color: #ebccd1;
  5765. }
  5766. .panel-danger > .panel-heading + .panel-collapse > .panel-body {
  5767. border-top-color: #ebccd1;
  5768. }
  5769. .panel-danger > .panel-heading .badge {
  5770. color: #f2dede;
  5771. background-color: #a94442;
  5772. }
  5773. .panel-danger > .panel-footer + .panel-collapse > .panel-body {
  5774. border-bottom-color: #ebccd1;
  5775. }
  5776. .embed-responsive {
  5777. position: relative;
  5778. display: block;
  5779. height: 0;
  5780. padding: 0;
  5781. overflow: hidden;
  5782. }
  5783. .embed-responsive .embed-responsive-item,
  5784. .embed-responsive iframe,
  5785. .embed-responsive embed,
  5786. .embed-responsive object,
  5787. .embed-responsive video {
  5788. position: absolute;
  5789. top: 0;
  5790. left: 0;
  5791. bottom: 0;
  5792. height: 100%;
  5793. width: 100%;
  5794. border: 0;
  5795. }
  5796. .embed-responsive-16by9 {
  5797. padding-bottom: 56.25%;
  5798. }
  5799. .embed-responsive-4by3 {
  5800. padding-bottom: 75%;
  5801. }
  5802. .well {
  5803. min-height: 20px;
  5804. padding: 19px;
  5805. margin-bottom: 20px;
  5806. background-color: #f5f5f5;
  5807. border: 1px solid #e3e3e3;
  5808. border-radius: 2px;
  5809. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  5810. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  5811. }
  5812. .well blockquote {
  5813. border-color: #ddd;
  5814. border-color: rgba(0, 0, 0, 0.15);
  5815. }
  5816. .well-lg {
  5817. padding: 24px;
  5818. border-radius: 3px;
  5819. }
  5820. .well-sm {
  5821. padding: 9px;
  5822. border-radius: 1px;
  5823. }
  5824. .close {
  5825. float: right;
  5826. font-size: 19.5px;
  5827. font-weight: bold;
  5828. line-height: 1;
  5829. color: #000;
  5830. text-shadow: 0 1px 0 #fff;
  5831. opacity: 0.2;
  5832. filter: alpha(opacity=20);
  5833. }
  5834. .close:hover,
  5835. .close:focus {
  5836. color: #000;
  5837. text-decoration: none;
  5838. cursor: pointer;
  5839. opacity: 0.5;
  5840. filter: alpha(opacity=50);
  5841. }
  5842. button.close {
  5843. padding: 0;
  5844. cursor: pointer;
  5845. background: transparent;
  5846. border: 0;
  5847. -webkit-appearance: none;
  5848. }
  5849. .modal-open {
  5850. overflow: hidden;
  5851. }
  5852. .modal {
  5853. display: none;
  5854. overflow: hidden;
  5855. position: fixed;
  5856. top: 0;
  5857. right: 0;
  5858. bottom: 0;
  5859. left: 0;
  5860. z-index: 1050;
  5861. -webkit-overflow-scrolling: touch;
  5862. outline: 0;
  5863. }
  5864. .modal.fade .modal-dialog {
  5865. -webkit-transform: translate(0, -25%);
  5866. -ms-transform: translate(0, -25%);
  5867. -o-transform: translate(0, -25%);
  5868. transform: translate(0, -25%);
  5869. -webkit-transition: -webkit-transform 0.3s ease-out;
  5870. -moz-transition: -moz-transform 0.3s ease-out;
  5871. -o-transition: -o-transform 0.3s ease-out;
  5872. transition: transform 0.3s ease-out;
  5873. }
  5874. .modal.in .modal-dialog {
  5875. -webkit-transform: translate(0, 0);
  5876. -ms-transform: translate(0, 0);
  5877. -o-transform: translate(0, 0);
  5878. transform: translate(0, 0);
  5879. }
  5880. .modal-open .modal {
  5881. overflow-x: hidden;
  5882. overflow-y: auto;
  5883. }
  5884. .modal-dialog {
  5885. position: relative;
  5886. width: auto;
  5887. margin: 10px;
  5888. }
  5889. .modal-content {
  5890. position: relative;
  5891. background-color: #fff;
  5892. border: 1px solid #999;
  5893. border: 1px solid rgba(0, 0, 0, 0.2);
  5894. border-radius: 3px;
  5895. -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  5896. box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  5897. background-clip: padding-box;
  5898. outline: 0;
  5899. }
  5900. .modal-backdrop {
  5901. position: fixed;
  5902. top: 0;
  5903. right: 0;
  5904. bottom: 0;
  5905. left: 0;
  5906. z-index: 1040;
  5907. background-color: #000;
  5908. }
  5909. .modal-backdrop.fade {
  5910. opacity: 0;
  5911. filter: alpha(opacity=0);
  5912. }
  5913. .modal-backdrop.in {
  5914. opacity: 0.5;
  5915. filter: alpha(opacity=50);
  5916. }
  5917. .modal-header {
  5918. padding: 15px;
  5919. border-bottom: 1px solid #e5e5e5;
  5920. }
  5921. .modal-header .close {
  5922. margin-top: -2px;
  5923. }
  5924. .modal-title {
  5925. margin: 0;
  5926. line-height: 1.42857143;
  5927. }
  5928. .modal-body {
  5929. position: relative;
  5930. padding: 15px;
  5931. }
  5932. .modal-footer {
  5933. padding: 15px;
  5934. text-align: right;
  5935. border-top: 1px solid #e5e5e5;
  5936. }
  5937. .modal-footer .btn + .btn {
  5938. margin-left: 5px;
  5939. margin-bottom: 0;
  5940. }
  5941. .modal-footer .btn-group .btn + .btn {
  5942. margin-left: -1px;
  5943. }
  5944. .modal-footer .btn-block + .btn-block {
  5945. margin-left: 0;
  5946. }
  5947. .modal-scrollbar-measure {
  5948. position: absolute;
  5949. top: -9999px;
  5950. width: 50px;
  5951. height: 50px;
  5952. overflow: scroll;
  5953. }
  5954. @media (min-width: 768px) {
  5955. .modal-dialog {
  5956. width: 600px;
  5957. margin: 30px auto;
  5958. }
  5959. .modal-content {
  5960. -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  5961. box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  5962. }
  5963. .modal-sm {
  5964. width: 300px;
  5965. }
  5966. }
  5967. @media (min-width: 992px) {
  5968. .modal-lg {
  5969. width: 900px;
  5970. }
  5971. }
  5972. .tooltip {
  5973. position: absolute;
  5974. z-index: 1070;
  5975. display: block;
  5976. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  5977. font-style: normal;
  5978. font-weight: normal;
  5979. letter-spacing: normal;
  5980. line-break: auto;
  5981. line-height: 1.42857143;
  5982. text-align: left;
  5983. text-align: start;
  5984. text-decoration: none;
  5985. text-shadow: none;
  5986. text-transform: none;
  5987. white-space: normal;
  5988. word-break: normal;
  5989. word-spacing: normal;
  5990. word-wrap: normal;
  5991. font-size: 12px;
  5992. opacity: 0;
  5993. filter: alpha(opacity=0);
  5994. }
  5995. .tooltip.in {
  5996. opacity: 0.9;
  5997. filter: alpha(opacity=90);
  5998. }
  5999. .tooltip.top {
  6000. margin-top: -3px;
  6001. padding: 5px 0;
  6002. }
  6003. .tooltip.right {
  6004. margin-left: 3px;
  6005. padding: 0 5px;
  6006. }
  6007. .tooltip.bottom {
  6008. margin-top: 3px;
  6009. padding: 5px 0;
  6010. }
  6011. .tooltip.left {
  6012. margin-left: -3px;
  6013. padding: 0 5px;
  6014. }
  6015. .tooltip-inner {
  6016. max-width: 200px;
  6017. padding: 3px 8px;
  6018. color: #fff;
  6019. text-align: center;
  6020. background-color: #000;
  6021. border-radius: 2px;
  6022. }
  6023. .tooltip-arrow {
  6024. position: absolute;
  6025. width: 0;
  6026. height: 0;
  6027. border-color: transparent;
  6028. border-style: solid;
  6029. }
  6030. .tooltip.top .tooltip-arrow {
  6031. bottom: 0;
  6032. left: 50%;
  6033. margin-left: -5px;
  6034. border-width: 5px 5px 0;
  6035. border-top-color: #000;
  6036. }
  6037. .tooltip.top-left .tooltip-arrow {
  6038. bottom: 0;
  6039. right: 5px;
  6040. margin-bottom: -5px;
  6041. border-width: 5px 5px 0;
  6042. border-top-color: #000;
  6043. }
  6044. .tooltip.top-right .tooltip-arrow {
  6045. bottom: 0;
  6046. left: 5px;
  6047. margin-bottom: -5px;
  6048. border-width: 5px 5px 0;
  6049. border-top-color: #000;
  6050. }
  6051. .tooltip.right .tooltip-arrow {
  6052. top: 50%;
  6053. left: 0;
  6054. margin-top: -5px;
  6055. border-width: 5px 5px 5px 0;
  6056. border-right-color: #000;
  6057. }
  6058. .tooltip.left .tooltip-arrow {
  6059. top: 50%;
  6060. right: 0;
  6061. margin-top: -5px;
  6062. border-width: 5px 0 5px 5px;
  6063. border-left-color: #000;
  6064. }
  6065. .tooltip.bottom .tooltip-arrow {
  6066. top: 0;
  6067. left: 50%;
  6068. margin-left: -5px;
  6069. border-width: 0 5px 5px;
  6070. border-bottom-color: #000;
  6071. }
  6072. .tooltip.bottom-left .tooltip-arrow {
  6073. top: 0;
  6074. right: 5px;
  6075. margin-top: -5px;
  6076. border-width: 0 5px 5px;
  6077. border-bottom-color: #000;
  6078. }
  6079. .tooltip.bottom-right .tooltip-arrow {
  6080. top: 0;
  6081. left: 5px;
  6082. margin-top: -5px;
  6083. border-width: 0 5px 5px;
  6084. border-bottom-color: #000;
  6085. }
  6086. .popover {
  6087. position: absolute;
  6088. top: 0;
  6089. left: 0;
  6090. z-index: 1060;
  6091. display: none;
  6092. max-width: 276px;
  6093. padding: 1px;
  6094. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  6095. font-style: normal;
  6096. font-weight: normal;
  6097. letter-spacing: normal;
  6098. line-break: auto;
  6099. line-height: 1.42857143;
  6100. text-align: left;
  6101. text-align: start;
  6102. text-decoration: none;
  6103. text-shadow: none;
  6104. text-transform: none;
  6105. white-space: normal;
  6106. word-break: normal;
  6107. word-spacing: normal;
  6108. word-wrap: normal;
  6109. font-size: 13px;
  6110. background-color: #fff;
  6111. background-clip: padding-box;
  6112. border: 1px solid #ccc;
  6113. border: 1px solid rgba(0, 0, 0, 0.2);
  6114. border-radius: 3px;
  6115. -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  6116. box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  6117. }
  6118. .popover.top {
  6119. margin-top: -10px;
  6120. }
  6121. .popover.right {
  6122. margin-left: 10px;
  6123. }
  6124. .popover.bottom {
  6125. margin-top: 10px;
  6126. }
  6127. .popover.left {
  6128. margin-left: -10px;
  6129. }
  6130. .popover-title {
  6131. margin: 0;
  6132. padding: 8px 14px;
  6133. font-size: 13px;
  6134. background-color: #f7f7f7;
  6135. border-bottom: 1px solid #ebebeb;
  6136. border-radius: 2px 2px 0 0;
  6137. }
  6138. .popover-content {
  6139. padding: 9px 14px;
  6140. }
  6141. .popover > .arrow,
  6142. .popover > .arrow:after {
  6143. position: absolute;
  6144. display: block;
  6145. width: 0;
  6146. height: 0;
  6147. border-color: transparent;
  6148. border-style: solid;
  6149. }
  6150. .popover > .arrow {
  6151. border-width: 11px;
  6152. }
  6153. .popover > .arrow:after {
  6154. border-width: 10px;
  6155. content: "";
  6156. }
  6157. .popover.top > .arrow {
  6158. left: 50%;
  6159. margin-left: -11px;
  6160. border-bottom-width: 0;
  6161. border-top-color: #999999;
  6162. border-top-color: rgba(0, 0, 0, 0.25);
  6163. bottom: -11px;
  6164. }
  6165. .popover.top > .arrow:after {
  6166. content: " ";
  6167. bottom: 1px;
  6168. margin-left: -10px;
  6169. border-bottom-width: 0;
  6170. border-top-color: #fff;
  6171. }
  6172. .popover.right > .arrow {
  6173. top: 50%;
  6174. left: -11px;
  6175. margin-top: -11px;
  6176. border-left-width: 0;
  6177. border-right-color: #999999;
  6178. border-right-color: rgba(0, 0, 0, 0.25);
  6179. }
  6180. .popover.right > .arrow:after {
  6181. content: " ";
  6182. left: 1px;
  6183. bottom: -10px;
  6184. border-left-width: 0;
  6185. border-right-color: #fff;
  6186. }
  6187. .popover.bottom > .arrow {
  6188. left: 50%;
  6189. margin-left: -11px;
  6190. border-top-width: 0;
  6191. border-bottom-color: #999999;
  6192. border-bottom-color: rgba(0, 0, 0, 0.25);
  6193. top: -11px;
  6194. }
  6195. .popover.bottom > .arrow:after {
  6196. content: " ";
  6197. top: 1px;
  6198. margin-left: -10px;
  6199. border-top-width: 0;
  6200. border-bottom-color: #fff;
  6201. }
  6202. .popover.left > .arrow {
  6203. top: 50%;
  6204. right: -11px;
  6205. margin-top: -11px;
  6206. border-right-width: 0;
  6207. border-left-color: #999999;
  6208. border-left-color: rgba(0, 0, 0, 0.25);
  6209. }
  6210. .popover.left > .arrow:after {
  6211. content: " ";
  6212. right: 1px;
  6213. border-right-width: 0;
  6214. border-left-color: #fff;
  6215. bottom: -10px;
  6216. }
  6217. .carousel {
  6218. position: relative;
  6219. }
  6220. .carousel-inner {
  6221. position: relative;
  6222. overflow: hidden;
  6223. width: 100%;
  6224. }
  6225. .carousel-inner > .item {
  6226. display: none;
  6227. position: relative;
  6228. -webkit-transition: 0.6s ease-in-out left;
  6229. -o-transition: 0.6s ease-in-out left;
  6230. transition: 0.6s ease-in-out left;
  6231. }
  6232. .carousel-inner > .item > img,
  6233. .carousel-inner > .item > a > img {
  6234. line-height: 1;
  6235. }
  6236. @media all and (transform-3d), (-webkit-transform-3d) {
  6237. .carousel-inner > .item {
  6238. -webkit-transition: -webkit-transform 0.6s ease-in-out;
  6239. -moz-transition: -moz-transform 0.6s ease-in-out;
  6240. -o-transition: -o-transform 0.6s ease-in-out;
  6241. transition: transform 0.6s ease-in-out;
  6242. -webkit-backface-visibility: hidden;
  6243. -moz-backface-visibility: hidden;
  6244. backface-visibility: hidden;
  6245. -webkit-perspective: 1000px;
  6246. -moz-perspective: 1000px;
  6247. perspective: 1000px;
  6248. }
  6249. .carousel-inner > .item.next,
  6250. .carousel-inner > .item.active.right {
  6251. -webkit-transform: translate3d(100%, 0, 0);
  6252. transform: translate3d(100%, 0, 0);
  6253. left: 0;
  6254. }
  6255. .carousel-inner > .item.prev,
  6256. .carousel-inner > .item.active.left {
  6257. -webkit-transform: translate3d(-100%, 0, 0);
  6258. transform: translate3d(-100%, 0, 0);
  6259. left: 0;
  6260. }
  6261. .carousel-inner > .item.next.left,
  6262. .carousel-inner > .item.prev.right,
  6263. .carousel-inner > .item.active {
  6264. -webkit-transform: translate3d(0, 0, 0);
  6265. transform: translate3d(0, 0, 0);
  6266. left: 0;
  6267. }
  6268. }
  6269. .carousel-inner > .active,
  6270. .carousel-inner > .next,
  6271. .carousel-inner > .prev {
  6272. display: block;
  6273. }
  6274. .carousel-inner > .active {
  6275. left: 0;
  6276. }
  6277. .carousel-inner > .next,
  6278. .carousel-inner > .prev {
  6279. position: absolute;
  6280. top: 0;
  6281. width: 100%;
  6282. }
  6283. .carousel-inner > .next {
  6284. left: 100%;
  6285. }
  6286. .carousel-inner > .prev {
  6287. left: -100%;
  6288. }
  6289. .carousel-inner > .next.left,
  6290. .carousel-inner > .prev.right {
  6291. left: 0;
  6292. }
  6293. .carousel-inner > .active.left {
  6294. left: -100%;
  6295. }
  6296. .carousel-inner > .active.right {
  6297. left: 100%;
  6298. }
  6299. .carousel-control {
  6300. position: absolute;
  6301. top: 0;
  6302. left: 0;
  6303. bottom: 0;
  6304. width: 15%;
  6305. opacity: 0.5;
  6306. filter: alpha(opacity=50);
  6307. font-size: 20px;
  6308. color: #fff;
  6309. text-align: center;
  6310. text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  6311. background-color: rgba(0, 0, 0, 0);
  6312. }
  6313. .carousel-control.left {
  6314. background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  6315. background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  6316. background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  6317. background-repeat: repeat-x;
  6318. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  6319. }
  6320. .carousel-control.right {
  6321. left: auto;
  6322. right: 0;
  6323. background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  6324. background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  6325. background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  6326. background-repeat: repeat-x;
  6327. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  6328. }
  6329. .carousel-control:hover,
  6330. .carousel-control:focus {
  6331. outline: 0;
  6332. color: #fff;
  6333. text-decoration: none;
  6334. opacity: 0.9;
  6335. filter: alpha(opacity=90);
  6336. }
  6337. .carousel-control .icon-prev,
  6338. .carousel-control .icon-next,
  6339. .carousel-control .glyphicon-chevron-left,
  6340. .carousel-control .glyphicon-chevron-right {
  6341. position: absolute;
  6342. top: 50%;
  6343. margin-top: -10px;
  6344. z-index: 5;
  6345. display: inline-block;
  6346. }
  6347. .carousel-control .icon-prev,
  6348. .carousel-control .glyphicon-chevron-left {
  6349. left: 50%;
  6350. margin-left: -10px;
  6351. }
  6352. .carousel-control .icon-next,
  6353. .carousel-control .glyphicon-chevron-right {
  6354. right: 50%;
  6355. margin-right: -10px;
  6356. }
  6357. .carousel-control .icon-prev,
  6358. .carousel-control .icon-next {
  6359. width: 20px;
  6360. height: 20px;
  6361. line-height: 1;
  6362. font-family: serif;
  6363. }
  6364. .carousel-control .icon-prev:before {
  6365. content: '\2039';
  6366. }
  6367. .carousel-control .icon-next:before {
  6368. content: '\203a';
  6369. }
  6370. .carousel-indicators {
  6371. position: absolute;
  6372. bottom: 10px;
  6373. left: 50%;
  6374. z-index: 15;
  6375. width: 60%;
  6376. margin-left: -30%;
  6377. padding-left: 0;
  6378. list-style: none;
  6379. text-align: center;
  6380. }
  6381. .carousel-indicators li {
  6382. display: inline-block;
  6383. width: 10px;
  6384. height: 10px;
  6385. margin: 1px;
  6386. text-indent: -999px;
  6387. border: 1px solid #fff;
  6388. border-radius: 10px;
  6389. cursor: pointer;
  6390. background-color: #000 \9;
  6391. background-color: rgba(0, 0, 0, 0);
  6392. }
  6393. .carousel-indicators .active {
  6394. margin: 0;
  6395. width: 12px;
  6396. height: 12px;
  6397. background-color: #fff;
  6398. }
  6399. .carousel-caption {
  6400. position: absolute;
  6401. left: 15%;
  6402. right: 15%;
  6403. bottom: 20px;
  6404. z-index: 10;
  6405. padding-top: 20px;
  6406. padding-bottom: 20px;
  6407. color: #fff;
  6408. text-align: center;
  6409. text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  6410. }
  6411. .carousel-caption .btn {
  6412. text-shadow: none;
  6413. }
  6414. @media screen and (min-width: 768px) {
  6415. .carousel-control .glyphicon-chevron-left,
  6416. .carousel-control .glyphicon-chevron-right,
  6417. .carousel-control .icon-prev,
  6418. .carousel-control .icon-next {
  6419. width: 30px;
  6420. height: 30px;
  6421. margin-top: -10px;
  6422. font-size: 30px;
  6423. }
  6424. .carousel-control .glyphicon-chevron-left,
  6425. .carousel-control .icon-prev {
  6426. margin-left: -10px;
  6427. }
  6428. .carousel-control .glyphicon-chevron-right,
  6429. .carousel-control .icon-next {
  6430. margin-right: -10px;
  6431. }
  6432. .carousel-caption {
  6433. left: 20%;
  6434. right: 20%;
  6435. padding-bottom: 30px;
  6436. }
  6437. .carousel-indicators {
  6438. bottom: 20px;
  6439. }
  6440. }
  6441. .clearfix:before,
  6442. .clearfix:after,
  6443. .dl-horizontal dd:before,
  6444. .dl-horizontal dd:after,
  6445. .container:before,
  6446. .container:after,
  6447. .container-fluid:before,
  6448. .container-fluid:after,
  6449. .row:before,
  6450. .row:after,
  6451. .form-horizontal .form-group:before,
  6452. .form-horizontal .form-group:after,
  6453. .btn-toolbar:before,
  6454. .btn-toolbar:after,
  6455. .btn-group-vertical > .btn-group:before,
  6456. .btn-group-vertical > .btn-group:after,
  6457. .nav:before,
  6458. .nav:after,
  6459. .navbar:before,
  6460. .navbar:after,
  6461. .navbar-header:before,
  6462. .navbar-header:after,
  6463. .navbar-collapse:before,
  6464. .navbar-collapse:after,
  6465. .pager:before,
  6466. .pager:after,
  6467. .panel-body:before,
  6468. .panel-body:after,
  6469. .modal-header:before,
  6470. .modal-header:after,
  6471. .modal-footer:before,
  6472. .modal-footer:after,
  6473. .item_buttons:before,
  6474. .item_buttons:after {
  6475. content: " ";
  6476. display: table;
  6477. }
  6478. .clearfix:after,
  6479. .dl-horizontal dd:after,
  6480. .container:after,
  6481. .container-fluid:after,
  6482. .row:after,
  6483. .form-horizontal .form-group:after,
  6484. .btn-toolbar:after,
  6485. .btn-group-vertical > .btn-group:after,
  6486. .nav:after,
  6487. .navbar:after,
  6488. .navbar-header:after,
  6489. .navbar-collapse:after,
  6490. .pager:after,
  6491. .panel-body:after,
  6492. .modal-header:after,
  6493. .modal-footer:after,
  6494. .item_buttons:after {
  6495. clear: both;
  6496. }
  6497. .center-block {
  6498. display: block;
  6499. margin-left: auto;
  6500. margin-right: auto;
  6501. }
  6502. .pull-right {
  6503. float: right !important;
  6504. }
  6505. .pull-left {
  6506. float: left !important;
  6507. }
  6508. .hide {
  6509. display: none !important;
  6510. }
  6511. .show {
  6512. display: block !important;
  6513. }
  6514. .invisible {
  6515. visibility: hidden;
  6516. }
  6517. .text-hide {
  6518. font: 0/0 a;
  6519. color: transparent;
  6520. text-shadow: none;
  6521. background-color: transparent;
  6522. border: 0;
  6523. }
  6524. .hidden {
  6525. display: none !important;
  6526. }
  6527. .affix {
  6528. position: fixed;
  6529. }
  6530. @-ms-viewport {
  6531. width: device-width;
  6532. }
  6533. .visible-xs,
  6534. .visible-sm,
  6535. .visible-md,
  6536. .visible-lg {
  6537. display: none !important;
  6538. }
  6539. .visible-xs-block,
  6540. .visible-xs-inline,
  6541. .visible-xs-inline-block,
  6542. .visible-sm-block,
  6543. .visible-sm-inline,
  6544. .visible-sm-inline-block,
  6545. .visible-md-block,
  6546. .visible-md-inline,
  6547. .visible-md-inline-block,
  6548. .visible-lg-block,
  6549. .visible-lg-inline,
  6550. .visible-lg-inline-block {
  6551. display: none !important;
  6552. }
  6553. @media (max-width: 767px) {
  6554. .visible-xs {
  6555. display: block !important;
  6556. }
  6557. table.visible-xs {
  6558. display: table !important;
  6559. }
  6560. tr.visible-xs {
  6561. display: table-row !important;
  6562. }
  6563. th.visible-xs,
  6564. td.visible-xs {
  6565. display: table-cell !important;
  6566. }
  6567. }
  6568. @media (max-width: 767px) {
  6569. .visible-xs-block {
  6570. display: block !important;
  6571. }
  6572. }
  6573. @media (max-width: 767px) {
  6574. .visible-xs-inline {
  6575. display: inline !important;
  6576. }
  6577. }
  6578. @media (max-width: 767px) {
  6579. .visible-xs-inline-block {
  6580. display: inline-block !important;
  6581. }
  6582. }
  6583. @media (min-width: 768px) and (max-width: 991px) {
  6584. .visible-sm {
  6585. display: block !important;
  6586. }
  6587. table.visible-sm {
  6588. display: table !important;
  6589. }
  6590. tr.visible-sm {
  6591. display: table-row !important;
  6592. }
  6593. th.visible-sm,
  6594. td.visible-sm {
  6595. display: table-cell !important;
  6596. }
  6597. }
  6598. @media (min-width: 768px) and (max-width: 991px) {
  6599. .visible-sm-block {
  6600. display: block !important;
  6601. }
  6602. }
  6603. @media (min-width: 768px) and (max-width: 991px) {
  6604. .visible-sm-inline {
  6605. display: inline !important;
  6606. }
  6607. }
  6608. @media (min-width: 768px) and (max-width: 991px) {
  6609. .visible-sm-inline-block {
  6610. display: inline-block !important;
  6611. }
  6612. }
  6613. @media (min-width: 992px) and (max-width: 1199px) {
  6614. .visible-md {
  6615. display: block !important;
  6616. }
  6617. table.visible-md {
  6618. display: table !important;
  6619. }
  6620. tr.visible-md {
  6621. display: table-row !important;
  6622. }
  6623. th.visible-md,
  6624. td.visible-md {
  6625. display: table-cell !important;
  6626. }
  6627. }
  6628. @media (min-width: 992px) and (max-width: 1199px) {
  6629. .visible-md-block {
  6630. display: block !important;
  6631. }
  6632. }
  6633. @media (min-width: 992px) and (max-width: 1199px) {
  6634. .visible-md-inline {
  6635. display: inline !important;
  6636. }
  6637. }
  6638. @media (min-width: 992px) and (max-width: 1199px) {
  6639. .visible-md-inline-block {
  6640. display: inline-block !important;
  6641. }
  6642. }
  6643. @media (min-width: 1200px) {
  6644. .visible-lg {
  6645. display: block !important;
  6646. }
  6647. table.visible-lg {
  6648. display: table !important;
  6649. }
  6650. tr.visible-lg {
  6651. display: table-row !important;
  6652. }
  6653. th.visible-lg,
  6654. td.visible-lg {
  6655. display: table-cell !important;
  6656. }
  6657. }
  6658. @media (min-width: 1200px) {
  6659. .visible-lg-block {
  6660. display: block !important;
  6661. }
  6662. }
  6663. @media (min-width: 1200px) {
  6664. .visible-lg-inline {
  6665. display: inline !important;
  6666. }
  6667. }
  6668. @media (min-width: 1200px) {
  6669. .visible-lg-inline-block {
  6670. display: inline-block !important;
  6671. }
  6672. }
  6673. @media (max-width: 767px) {
  6674. .hidden-xs {
  6675. display: none !important;
  6676. }
  6677. }
  6678. @media (min-width: 768px) and (max-width: 991px) {
  6679. .hidden-sm {
  6680. display: none !important;
  6681. }
  6682. }
  6683. @media (min-width: 992px) and (max-width: 1199px) {
  6684. .hidden-md {
  6685. display: none !important;
  6686. }
  6687. }
  6688. @media (min-width: 1200px) {
  6689. .hidden-lg {
  6690. display: none !important;
  6691. }
  6692. }
  6693. .visible-print {
  6694. display: none !important;
  6695. }
  6696. @media print {
  6697. .visible-print {
  6698. display: block !important;
  6699. }
  6700. table.visible-print {
  6701. display: table !important;
  6702. }
  6703. tr.visible-print {
  6704. display: table-row !important;
  6705. }
  6706. th.visible-print,
  6707. td.visible-print {
  6708. display: table-cell !important;
  6709. }
  6710. }
  6711. .visible-print-block {
  6712. display: none !important;
  6713. }
  6714. @media print {
  6715. .visible-print-block {
  6716. display: block !important;
  6717. }
  6718. }
  6719. .visible-print-inline {
  6720. display: none !important;
  6721. }
  6722. @media print {
  6723. .visible-print-inline {
  6724. display: inline !important;
  6725. }
  6726. }
  6727. .visible-print-inline-block {
  6728. display: none !important;
  6729. }
  6730. @media print {
  6731. .visible-print-inline-block {
  6732. display: inline-block !important;
  6733. }
  6734. }
  6735. @media print {
  6736. .hidden-print {
  6737. display: none !important;
  6738. }
  6739. }
  6740. /*!
  6741. *
  6742. * Font Awesome
  6743. *
  6744. */
  6745. /*!
  6746. * Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
  6747. * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
  6748. */
  6749. /* FONT PATH
  6750. * -------------------------- */
  6751. @font-face {
  6752. font-family: 'FontAwesome';
  6753. src: url('../components/font-awesome/fonts/fontawesome-webfont.eot?v=4.2.0');
  6754. 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');
  6755. font-weight: normal;
  6756. font-style: normal;
  6757. }
  6758. .fa {
  6759. display: inline-block;
  6760. font: normal normal normal 14px/1 FontAwesome;
  6761. font-size: inherit;
  6762. text-rendering: auto;
  6763. -webkit-font-smoothing: antialiased;
  6764. -moz-osx-font-smoothing: grayscale;
  6765. }
  6766. /* makes the font 33% larger relative to the icon container */
  6767. .fa-lg {
  6768. font-size: 1.33333333em;
  6769. line-height: 0.75em;
  6770. vertical-align: -15%;
  6771. }
  6772. .fa-2x {
  6773. font-size: 2em;
  6774. }
  6775. .fa-3x {
  6776. font-size: 3em;
  6777. }
  6778. .fa-4x {
  6779. font-size: 4em;
  6780. }
  6781. .fa-5x {
  6782. font-size: 5em;
  6783. }
  6784. .fa-fw {
  6785. width: 1.28571429em;
  6786. text-align: center;
  6787. }
  6788. .fa-ul {
  6789. padding-left: 0;
  6790. margin-left: 2.14285714em;
  6791. list-style-type: none;
  6792. }
  6793. .fa-ul > li {
  6794. position: relative;
  6795. }
  6796. .fa-li {
  6797. position: absolute;
  6798. left: -2.14285714em;
  6799. width: 2.14285714em;
  6800. top: 0.14285714em;
  6801. text-align: center;
  6802. }
  6803. .fa-li.fa-lg {
  6804. left: -1.85714286em;
  6805. }
  6806. .fa-border {
  6807. padding: .2em .25em .15em;
  6808. border: solid 0.08em #eee;
  6809. border-radius: .1em;
  6810. }
  6811. .pull-right {
  6812. float: right;
  6813. }
  6814. .pull-left {
  6815. float: left;
  6816. }
  6817. .fa.pull-left {
  6818. margin-right: .3em;
  6819. }
  6820. .fa.pull-right {
  6821. margin-left: .3em;
  6822. }
  6823. .fa-spin {
  6824. -webkit-animation: fa-spin 2s infinite linear;
  6825. animation: fa-spin 2s infinite linear;
  6826. }
  6827. @-webkit-keyframes fa-spin {
  6828. 0% {
  6829. -webkit-transform: rotate(0deg);
  6830. transform: rotate(0deg);
  6831. }
  6832. 100% {
  6833. -webkit-transform: rotate(359deg);
  6834. transform: rotate(359deg);
  6835. }
  6836. }
  6837. @keyframes fa-spin {
  6838. 0% {
  6839. -webkit-transform: rotate(0deg);
  6840. transform: rotate(0deg);
  6841. }
  6842. 100% {
  6843. -webkit-transform: rotate(359deg);
  6844. transform: rotate(359deg);
  6845. }
  6846. }
  6847. .fa-rotate-90 {
  6848. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  6849. -webkit-transform: rotate(90deg);
  6850. -ms-transform: rotate(90deg);
  6851. transform: rotate(90deg);
  6852. }
  6853. .fa-rotate-180 {
  6854. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  6855. -webkit-transform: rotate(180deg);
  6856. -ms-transform: rotate(180deg);
  6857. transform: rotate(180deg);
  6858. }
  6859. .fa-rotate-270 {
  6860. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  6861. -webkit-transform: rotate(270deg);
  6862. -ms-transform: rotate(270deg);
  6863. transform: rotate(270deg);
  6864. }
  6865. .fa-flip-horizontal {
  6866. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  6867. -webkit-transform: scale(-1, 1);
  6868. -ms-transform: scale(-1, 1);
  6869. transform: scale(-1, 1);
  6870. }
  6871. .fa-flip-vertical {
  6872. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  6873. -webkit-transform: scale(1, -1);
  6874. -ms-transform: scale(1, -1);
  6875. transform: scale(1, -1);
  6876. }
  6877. :root .fa-rotate-90,
  6878. :root .fa-rotate-180,
  6879. :root .fa-rotate-270,
  6880. :root .fa-flip-horizontal,
  6881. :root .fa-flip-vertical {
  6882. filter: none;
  6883. }
  6884. .fa-stack {
  6885. position: relative;
  6886. display: inline-block;
  6887. width: 2em;
  6888. height: 2em;
  6889. line-height: 2em;
  6890. vertical-align: middle;
  6891. }
  6892. .fa-stack-1x,
  6893. .fa-stack-2x {
  6894. position: absolute;
  6895. left: 0;
  6896. width: 100%;
  6897. text-align: center;
  6898. }
  6899. .fa-stack-1x {
  6900. line-height: inherit;
  6901. }
  6902. .fa-stack-2x {
  6903. font-size: 2em;
  6904. }
  6905. .fa-inverse {
  6906. color: #fff;
  6907. }
  6908. /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
  6909. readers do not read off random characters that represent icons */
  6910. .fa-glass:before {
  6911. content: "\f000";
  6912. }
  6913. .fa-music:before {
  6914. content: "\f001";
  6915. }
  6916. .fa-search:before {
  6917. content: "\f002";
  6918. }
  6919. .fa-envelope-o:before {
  6920. content: "\f003";
  6921. }
  6922. .fa-heart:before {
  6923. content: "\f004";
  6924. }
  6925. .fa-star:before {
  6926. content: "\f005";
  6927. }
  6928. .fa-star-o:before {
  6929. content: "\f006";
  6930. }
  6931. .fa-user:before {
  6932. content: "\f007";
  6933. }
  6934. .fa-film:before {
  6935. content: "\f008";
  6936. }
  6937. .fa-th-large:before {
  6938. content: "\f009";
  6939. }
  6940. .fa-th:before {
  6941. content: "\f00a";
  6942. }
  6943. .fa-th-list:before {
  6944. content: "\f00b";
  6945. }
  6946. .fa-check:before {
  6947. content: "\f00c";
  6948. }
  6949. .fa-remove:before,
  6950. .fa-close:before,
  6951. .fa-times:before {
  6952. content: "\f00d";
  6953. }
  6954. .fa-search-plus:before {
  6955. content: "\f00e";
  6956. }
  6957. .fa-search-minus:before {
  6958. content: "\f010";
  6959. }
  6960. .fa-power-off:before {
  6961. content: "\f011";
  6962. }
  6963. .fa-signal:before {
  6964. content: "\f012";
  6965. }
  6966. .fa-gear:before,
  6967. .fa-cog:before {
  6968. content: "\f013";
  6969. }
  6970. .fa-trash-o:before {
  6971. content: "\f014";
  6972. }
  6973. .fa-home:before {
  6974. content: "\f015";
  6975. }
  6976. .fa-file-o:before {
  6977. content: "\f016";
  6978. }
  6979. .fa-clock-o:before {
  6980. content: "\f017";
  6981. }
  6982. .fa-road:before {
  6983. content: "\f018";
  6984. }
  6985. .fa-download:before {
  6986. content: "\f019";
  6987. }
  6988. .fa-arrow-circle-o-down:before {
  6989. content: "\f01a";
  6990. }
  6991. .fa-arrow-circle-o-up:before {
  6992. content: "\f01b";
  6993. }
  6994. .fa-inbox:before {
  6995. content: "\f01c";
  6996. }
  6997. .fa-play-circle-o:before {
  6998. content: "\f01d";
  6999. }
  7000. .fa-rotate-right:before,
  7001. .fa-repeat:before {
  7002. content: "\f01e";
  7003. }
  7004. .fa-refresh:before {
  7005. content: "\f021";
  7006. }
  7007. .fa-list-alt:before {
  7008. content: "\f022";
  7009. }
  7010. .fa-lock:before {
  7011. content: "\f023";
  7012. }
  7013. .fa-flag:before {
  7014. content: "\f024";
  7015. }
  7016. .fa-headphones:before {
  7017. content: "\f025";
  7018. }
  7019. .fa-volume-off:before {
  7020. content: "\f026";
  7021. }
  7022. .fa-volume-down:before {
  7023. content: "\f027";
  7024. }
  7025. .fa-volume-up:before {
  7026. content: "\f028";
  7027. }
  7028. .fa-qrcode:before {
  7029. content: "\f029";
  7030. }
  7031. .fa-barcode:before {
  7032. content: "\f02a";
  7033. }
  7034. .fa-tag:before {
  7035. content: "\f02b";
  7036. }
  7037. .fa-tags:before {
  7038. content: "\f02c";
  7039. }
  7040. .fa-book:before {
  7041. content: "\f02d";
  7042. }
  7043. .fa-bookmark:before {
  7044. content: "\f02e";
  7045. }
  7046. .fa-print:before {
  7047. content: "\f02f";
  7048. }
  7049. .fa-camera:before {
  7050. content: "\f030";
  7051. }
  7052. .fa-font:before {
  7053. content: "\f031";
  7054. }
  7055. .fa-bold:before {
  7056. content: "\f032";
  7057. }
  7058. .fa-italic:before {
  7059. content: "\f033";
  7060. }
  7061. .fa-text-height:before {
  7062. content: "\f034";
  7063. }
  7064. .fa-text-width:before {
  7065. content: "\f035";
  7066. }
  7067. .fa-align-left:before {
  7068. content: "\f036";
  7069. }
  7070. .fa-align-center:before {
  7071. content: "\f037";
  7072. }
  7073. .fa-align-right:before {
  7074. content: "\f038";
  7075. }
  7076. .fa-align-justify:before {
  7077. content: "\f039";
  7078. }
  7079. .fa-list:before {
  7080. content: "\f03a";
  7081. }
  7082. .fa-dedent:before,
  7083. .fa-outdent:before {
  7084. content: "\f03b";
  7085. }
  7086. .fa-indent:before {
  7087. content: "\f03c";
  7088. }
  7089. .fa-video-camera:before {
  7090. content: "\f03d";
  7091. }
  7092. .fa-photo:before,
  7093. .fa-image:before,
  7094. .fa-picture-o:before {
  7095. content: "\f03e";
  7096. }
  7097. .fa-pencil:before {
  7098. content: "\f040";
  7099. }
  7100. .fa-map-marker:before {
  7101. content: "\f041";
  7102. }
  7103. .fa-adjust:before {
  7104. content: "\f042";
  7105. }
  7106. .fa-tint:before {
  7107. content: "\f043";
  7108. }
  7109. .fa-edit:before,
  7110. .fa-pencil-square-o:before {
  7111. content: "\f044";
  7112. }
  7113. .fa-share-square-o:before {
  7114. content: "\f045";
  7115. }
  7116. .fa-check-square-o:before {
  7117. content: "\f046";
  7118. }
  7119. .fa-arrows:before {
  7120. content: "\f047";
  7121. }
  7122. .fa-step-backward:before {
  7123. content: "\f048";
  7124. }
  7125. .fa-fast-backward:before {
  7126. content: "\f049";
  7127. }
  7128. .fa-backward:before {
  7129. content: "\f04a";
  7130. }
  7131. .fa-play:before {
  7132. content: "\f04b";
  7133. }
  7134. .fa-pause:before {
  7135. content: "\f04c";
  7136. }
  7137. .fa-stop:before {
  7138. content: "\f04d";
  7139. }
  7140. .fa-forward:before {
  7141. content: "\f04e";
  7142. }
  7143. .fa-fast-forward:before {
  7144. content: "\f050";
  7145. }
  7146. .fa-step-forward:before {
  7147. content: "\f051";
  7148. }
  7149. .fa-eject:before {
  7150. content: "\f052";
  7151. }
  7152. .fa-chevron-left:before {
  7153. content: "\f053";
  7154. }
  7155. .fa-chevron-right:before {
  7156. content: "\f054";
  7157. }
  7158. .fa-plus-circle:before {
  7159. content: "\f055";
  7160. }
  7161. .fa-minus-circle:before {
  7162. content: "\f056";
  7163. }
  7164. .fa-times-circle:before {
  7165. content: "\f057";
  7166. }
  7167. .fa-check-circle:before {
  7168. content: "\f058";
  7169. }
  7170. .fa-question-circle:before {
  7171. content: "\f059";
  7172. }
  7173. .fa-info-circle:before {
  7174. content: "\f05a";
  7175. }
  7176. .fa-crosshairs:before {
  7177. content: "\f05b";
  7178. }
  7179. .fa-times-circle-o:before {
  7180. content: "\f05c";
  7181. }
  7182. .fa-check-circle-o:before {
  7183. content: "\f05d";
  7184. }
  7185. .fa-ban:before {
  7186. content: "\f05e";
  7187. }
  7188. .fa-arrow-left:before {
  7189. content: "\f060";
  7190. }
  7191. .fa-arrow-right:before {
  7192. content: "\f061";
  7193. }
  7194. .fa-arrow-up:before {
  7195. content: "\f062";
  7196. }
  7197. .fa-arrow-down:before {
  7198. content: "\f063";
  7199. }
  7200. .fa-mail-forward:before,
  7201. .fa-share:before {
  7202. content: "\f064";
  7203. }
  7204. .fa-expand:before {
  7205. content: "\f065";
  7206. }
  7207. .fa-compress:before {
  7208. content: "\f066";
  7209. }
  7210. .fa-plus:before {
  7211. content: "\f067";
  7212. }
  7213. .fa-minus:before {
  7214. content: "\f068";
  7215. }
  7216. .fa-asterisk:before {
  7217. content: "\f069";
  7218. }
  7219. .fa-exclamation-circle:before {
  7220. content: "\f06a";
  7221. }
  7222. .fa-gift:before {
  7223. content: "\f06b";
  7224. }
  7225. .fa-leaf:before {
  7226. content: "\f06c";
  7227. }
  7228. .fa-fire:before {
  7229. content: "\f06d";
  7230. }
  7231. .fa-eye:before {
  7232. content: "\f06e";
  7233. }
  7234. .fa-eye-slash:before {
  7235. content: "\f070";
  7236. }
  7237. .fa-warning:before,
  7238. .fa-exclamation-triangle:before {
  7239. content: "\f071";
  7240. }
  7241. .fa-plane:before {
  7242. content: "\f072";
  7243. }
  7244. .fa-calendar:before {
  7245. content: "\f073";
  7246. }
  7247. .fa-random:before {
  7248. content: "\f074";
  7249. }
  7250. .fa-comment:before {
  7251. content: "\f075";
  7252. }
  7253. .fa-magnet:before {
  7254. content: "\f076";
  7255. }
  7256. .fa-chevron-up:before {
  7257. content: "\f077";
  7258. }
  7259. .fa-chevron-down:before {
  7260. content: "\f078";
  7261. }
  7262. .fa-retweet:before {
  7263. content: "\f079";
  7264. }
  7265. .fa-shopping-cart:before {
  7266. content: "\f07a";
  7267. }
  7268. .fa-folder:before {
  7269. content: "\f07b";
  7270. }
  7271. .fa-folder-open:before {
  7272. content: "\f07c";
  7273. }
  7274. .fa-arrows-v:before {
  7275. content: "\f07d";
  7276. }
  7277. .fa-arrows-h:before {
  7278. content: "\f07e";
  7279. }
  7280. .fa-bar-chart-o:before,
  7281. .fa-bar-chart:before {
  7282. content: "\f080";
  7283. }
  7284. .fa-twitter-square:before {
  7285. content: "\f081";
  7286. }
  7287. .fa-facebook-square:before {
  7288. content: "\f082";
  7289. }
  7290. .fa-camera-retro:before {
  7291. content: "\f083";
  7292. }
  7293. .fa-key:before {
  7294. content: "\f084";
  7295. }
  7296. .fa-gears:before,
  7297. .fa-cogs:before {
  7298. content: "\f085";
  7299. }
  7300. .fa-comments:before {
  7301. content: "\f086";
  7302. }
  7303. .fa-thumbs-o-up:before {
  7304. content: "\f087";
  7305. }
  7306. .fa-thumbs-o-down:before {
  7307. content: "\f088";
  7308. }
  7309. .fa-star-half:before {
  7310. content: "\f089";
  7311. }
  7312. .fa-heart-o:before {
  7313. content: "\f08a";
  7314. }
  7315. .fa-sign-out:before {
  7316. content: "\f08b";
  7317. }
  7318. .fa-linkedin-square:before {
  7319. content: "\f08c";
  7320. }
  7321. .fa-thumb-tack:before {
  7322. content: "\f08d";
  7323. }
  7324. .fa-external-link:before {
  7325. content: "\f08e";
  7326. }
  7327. .fa-sign-in:before {
  7328. content: "\f090";
  7329. }
  7330. .fa-trophy:before {
  7331. content: "\f091";
  7332. }
  7333. .fa-github-square:before {
  7334. content: "\f092";
  7335. }
  7336. .fa-upload:before {
  7337. content: "\f093";
  7338. }
  7339. .fa-lemon-o:before {
  7340. content: "\f094";
  7341. }
  7342. .fa-phone:before {
  7343. content: "\f095";
  7344. }
  7345. .fa-square-o:before {
  7346. content: "\f096";
  7347. }
  7348. .fa-bookmark-o:before {
  7349. content: "\f097";
  7350. }
  7351. .fa-phone-square:before {
  7352. content: "\f098";
  7353. }
  7354. .fa-twitter:before {
  7355. content: "\f099";
  7356. }
  7357. .fa-facebook:before {
  7358. content: "\f09a";
  7359. }
  7360. .fa-github:before {
  7361. content: "\f09b";
  7362. }
  7363. .fa-unlock:before {
  7364. content: "\f09c";
  7365. }
  7366. .fa-credit-card:before {
  7367. content: "\f09d";
  7368. }
  7369. .fa-rss:before {
  7370. content: "\f09e";
  7371. }
  7372. .fa-hdd-o:before {
  7373. content: "\f0a0";
  7374. }
  7375. .fa-bullhorn:before {
  7376. content: "\f0a1";
  7377. }
  7378. .fa-bell:before {
  7379. content: "\f0f3";
  7380. }
  7381. .fa-certificate:before {
  7382. content: "\f0a3";
  7383. }
  7384. .fa-hand-o-right:before {
  7385. content: "\f0a4";
  7386. }
  7387. .fa-hand-o-left:before {
  7388. content: "\f0a5";
  7389. }
  7390. .fa-hand-o-up:before {
  7391. content: "\f0a6";
  7392. }
  7393. .fa-hand-o-down:before {
  7394. content: "\f0a7";
  7395. }
  7396. .fa-arrow-circle-left:before {
  7397. content: "\f0a8";
  7398. }
  7399. .fa-arrow-circle-right:before {
  7400. content: "\f0a9";
  7401. }
  7402. .fa-arrow-circle-up:before {
  7403. content: "\f0aa";
  7404. }
  7405. .fa-arrow-circle-down:before {
  7406. content: "\f0ab";
  7407. }
  7408. .fa-globe:before {
  7409. content: "\f0ac";
  7410. }
  7411. .fa-wrench:before {
  7412. content: "\f0ad";
  7413. }
  7414. .fa-tasks:before {
  7415. content: "\f0ae";
  7416. }
  7417. .fa-filter:before {
  7418. content: "\f0b0";
  7419. }
  7420. .fa-briefcase:before {
  7421. content: "\f0b1";
  7422. }
  7423. .fa-arrows-alt:before {
  7424. content: "\f0b2";
  7425. }
  7426. .fa-group:before,
  7427. .fa-users:before {
  7428. content: "\f0c0";
  7429. }
  7430. .fa-chain:before,
  7431. .fa-link:before {
  7432. content: "\f0c1";
  7433. }
  7434. .fa-cloud:before {
  7435. content: "\f0c2";
  7436. }
  7437. .fa-flask:before {
  7438. content: "\f0c3";
  7439. }
  7440. .fa-cut:before,
  7441. .fa-scissors:before {
  7442. content: "\f0c4";
  7443. }
  7444. .fa-copy:before,
  7445. .fa-files-o:before {
  7446. content: "\f0c5";
  7447. }
  7448. .fa-paperclip:before {
  7449. content: "\f0c6";
  7450. }
  7451. .fa-save:before,
  7452. .fa-floppy-o:before {
  7453. content: "\f0c7";
  7454. }
  7455. .fa-square:before {
  7456. content: "\f0c8";
  7457. }
  7458. .fa-navicon:before,
  7459. .fa-reorder:before,
  7460. .fa-bars:before {
  7461. content: "\f0c9";
  7462. }
  7463. .fa-list-ul:before {
  7464. content: "\f0ca";
  7465. }
  7466. .fa-list-ol:before {
  7467. content: "\f0cb";
  7468. }
  7469. .fa-strikethrough:before {
  7470. content: "\f0cc";
  7471. }
  7472. .fa-underline:before {
  7473. content: "\f0cd";
  7474. }
  7475. .fa-table:before {
  7476. content: "\f0ce";
  7477. }
  7478. .fa-magic:before {
  7479. content: "\f0d0";
  7480. }
  7481. .fa-truck:before {
  7482. content: "\f0d1";
  7483. }
  7484. .fa-pinterest:before {
  7485. content: "\f0d2";
  7486. }
  7487. .fa-pinterest-square:before {
  7488. content: "\f0d3";
  7489. }
  7490. .fa-google-plus-square:before {
  7491. content: "\f0d4";
  7492. }
  7493. .fa-google-plus:before {
  7494. content: "\f0d5";
  7495. }
  7496. .fa-money:before {
  7497. content: "\f0d6";
  7498. }
  7499. .fa-caret-down:before {
  7500. content: "\f0d7";
  7501. }
  7502. .fa-caret-up:before {
  7503. content: "\f0d8";
  7504. }
  7505. .fa-caret-left:before {
  7506. content: "\f0d9";
  7507. }
  7508. .fa-caret-right:before {
  7509. content: "\f0da";
  7510. }
  7511. .fa-columns:before {
  7512. content: "\f0db";
  7513. }
  7514. .fa-unsorted:before,
  7515. .fa-sort:before {
  7516. content: "\f0dc";
  7517. }
  7518. .fa-sort-down:before,
  7519. .fa-sort-desc:before {
  7520. content: "\f0dd";
  7521. }
  7522. .fa-sort-up:before,
  7523. .fa-sort-asc:before {
  7524. content: "\f0de";
  7525. }
  7526. .fa-envelope:before {
  7527. content: "\f0e0";
  7528. }
  7529. .fa-linkedin:before {
  7530. content: "\f0e1";
  7531. }
  7532. .fa-rotate-left:before,
  7533. .fa-undo:before {
  7534. content: "\f0e2";
  7535. }
  7536. .fa-legal:before,
  7537. .fa-gavel:before {
  7538. content: "\f0e3";
  7539. }
  7540. .fa-dashboard:before,
  7541. .fa-tachometer:before {
  7542. content: "\f0e4";
  7543. }
  7544. .fa-comment-o:before {
  7545. content: "\f0e5";
  7546. }
  7547. .fa-comments-o:before {
  7548. content: "\f0e6";
  7549. }
  7550. .fa-flash:before,
  7551. .fa-bolt:before {
  7552. content: "\f0e7";
  7553. }
  7554. .fa-sitemap:before {
  7555. content: "\f0e8";
  7556. }
  7557. .fa-umbrella:before {
  7558. content: "\f0e9";
  7559. }
  7560. .fa-paste:before,
  7561. .fa-clipboard:before {
  7562. content: "\f0ea";
  7563. }
  7564. .fa-lightbulb-o:before {
  7565. content: "\f0eb";
  7566. }
  7567. .fa-exchange:before {
  7568. content: "\f0ec";
  7569. }
  7570. .fa-cloud-download:before {
  7571. content: "\f0ed";
  7572. }
  7573. .fa-cloud-upload:before {
  7574. content: "\f0ee";
  7575. }
  7576. .fa-user-md:before {
  7577. content: "\f0f0";
  7578. }
  7579. .fa-stethoscope:before {
  7580. content: "\f0f1";
  7581. }
  7582. .fa-suitcase:before {
  7583. content: "\f0f2";
  7584. }
  7585. .fa-bell-o:before {
  7586. content: "\f0a2";
  7587. }
  7588. .fa-coffee:before {
  7589. content: "\f0f4";
  7590. }
  7591. .fa-cutlery:before {
  7592. content: "\f0f5";
  7593. }
  7594. .fa-file-text-o:before {
  7595. content: "\f0f6";
  7596. }
  7597. .fa-building-o:before {
  7598. content: "\f0f7";
  7599. }
  7600. .fa-hospital-o:before {
  7601. content: "\f0f8";
  7602. }
  7603. .fa-ambulance:before {
  7604. content: "\f0f9";
  7605. }
  7606. .fa-medkit:before {
  7607. content: "\f0fa";
  7608. }
  7609. .fa-fighter-jet:before {
  7610. content: "\f0fb";
  7611. }
  7612. .fa-beer:before {
  7613. content: "\f0fc";
  7614. }
  7615. .fa-h-square:before {
  7616. content: "\f0fd";
  7617. }
  7618. .fa-plus-square:before {
  7619. content: "\f0fe";
  7620. }
  7621. .fa-angle-double-left:before {
  7622. content: "\f100";
  7623. }
  7624. .fa-angle-double-right:before {
  7625. content: "\f101";
  7626. }
  7627. .fa-angle-double-up:before {
  7628. content: "\f102";
  7629. }
  7630. .fa-angle-double-down:before {
  7631. content: "\f103";
  7632. }
  7633. .fa-angle-left:before {
  7634. content: "\f104";
  7635. }
  7636. .fa-angle-right:before {
  7637. content: "\f105";
  7638. }
  7639. .fa-angle-up:before {
  7640. content: "\f106";
  7641. }
  7642. .fa-angle-down:before {
  7643. content: "\f107";
  7644. }
  7645. .fa-desktop:before {
  7646. content: "\f108";
  7647. }
  7648. .fa-laptop:before {
  7649. content: "\f109";
  7650. }
  7651. .fa-tablet:before {
  7652. content: "\f10a";
  7653. }
  7654. .fa-mobile-phone:before,
  7655. .fa-mobile:before {
  7656. content: "\f10b";
  7657. }
  7658. .fa-circle-o:before {
  7659. content: "\f10c";
  7660. }
  7661. .fa-quote-left:before {
  7662. content: "\f10d";
  7663. }
  7664. .fa-quote-right:before {
  7665. content: "\f10e";
  7666. }
  7667. .fa-spinner:before {
  7668. content: "\f110";
  7669. }
  7670. .fa-circle:before {
  7671. content: "\f111";
  7672. }
  7673. .fa-mail-reply:before,
  7674. .fa-reply:before {
  7675. content: "\f112";
  7676. }
  7677. .fa-github-alt:before {
  7678. content: "\f113";
  7679. }
  7680. .fa-folder-o:before {
  7681. content: "\f114";
  7682. }
  7683. .fa-folder-open-o:before {
  7684. content: "\f115";
  7685. }
  7686. .fa-smile-o:before {
  7687. content: "\f118";
  7688. }
  7689. .fa-frown-o:before {
  7690. content: "\f119";
  7691. }
  7692. .fa-meh-o:before {
  7693. content: "\f11a";
  7694. }
  7695. .fa-gamepad:before {
  7696. content: "\f11b";
  7697. }
  7698. .fa-keyboard-o:before {
  7699. content: "\f11c";
  7700. }
  7701. .fa-flag-o:before {
  7702. content: "\f11d";
  7703. }
  7704. .fa-flag-checkered:before {
  7705. content: "\f11e";
  7706. }
  7707. .fa-terminal:before {
  7708. content: "\f120";
  7709. }
  7710. .fa-code:before {
  7711. content: "\f121";
  7712. }
  7713. .fa-mail-reply-all:before,
  7714. .fa-reply-all:before {
  7715. content: "\f122";
  7716. }
  7717. .fa-star-half-empty:before,
  7718. .fa-star-half-full:before,
  7719. .fa-star-half-o:before {
  7720. content: "\f123";
  7721. }
  7722. .fa-location-arrow:before {
  7723. content: "\f124";
  7724. }
  7725. .fa-crop:before {
  7726. content: "\f125";
  7727. }
  7728. .fa-code-fork:before {
  7729. content: "\f126";
  7730. }
  7731. .fa-unlink:before,
  7732. .fa-chain-broken:before {
  7733. content: "\f127";
  7734. }
  7735. .fa-question:before {
  7736. content: "\f128";
  7737. }
  7738. .fa-info:before {
  7739. content: "\f129";
  7740. }
  7741. .fa-exclamation:before {
  7742. content: "\f12a";
  7743. }
  7744. .fa-superscript:before {
  7745. content: "\f12b";
  7746. }
  7747. .fa-subscript:before {
  7748. content: "\f12c";
  7749. }
  7750. .fa-eraser:before {
  7751. content: "\f12d";
  7752. }
  7753. .fa-puzzle-piece:before {
  7754. content: "\f12e";
  7755. }
  7756. .fa-microphone:before {
  7757. content: "\f130";
  7758. }
  7759. .fa-microphone-slash:before {
  7760. content: "\f131";
  7761. }
  7762. .fa-shield:before {
  7763. content: "\f132";
  7764. }
  7765. .fa-calendar-o:before {
  7766. content: "\f133";
  7767. }
  7768. .fa-fire-extinguisher:before {
  7769. content: "\f134";
  7770. }
  7771. .fa-rocket:before {
  7772. content: "\f135";
  7773. }
  7774. .fa-maxcdn:before {
  7775. content: "\f136";
  7776. }
  7777. .fa-chevron-circle-left:before {
  7778. content: "\f137";
  7779. }
  7780. .fa-chevron-circle-right:before {
  7781. content: "\f138";
  7782. }
  7783. .fa-chevron-circle-up:before {
  7784. content: "\f139";
  7785. }
  7786. .fa-chevron-circle-down:before {
  7787. content: "\f13a";
  7788. }
  7789. .fa-html5:before {
  7790. content: "\f13b";
  7791. }
  7792. .fa-css3:before {
  7793. content: "\f13c";
  7794. }
  7795. .fa-anchor:before {
  7796. content: "\f13d";
  7797. }
  7798. .fa-unlock-alt:before {
  7799. content: "\f13e";
  7800. }
  7801. .fa-bullseye:before {
  7802. content: "\f140";
  7803. }
  7804. .fa-ellipsis-h:before {
  7805. content: "\f141";
  7806. }
  7807. .fa-ellipsis-v:before {
  7808. content: "\f142";
  7809. }
  7810. .fa-rss-square:before {
  7811. content: "\f143";
  7812. }
  7813. .fa-play-circle:before {
  7814. content: "\f144";
  7815. }
  7816. .fa-ticket:before {
  7817. content: "\f145";
  7818. }
  7819. .fa-minus-square:before {
  7820. content: "\f146";
  7821. }
  7822. .fa-minus-square-o:before {
  7823. content: "\f147";
  7824. }
  7825. .fa-level-up:before {
  7826. content: "\f148";
  7827. }
  7828. .fa-level-down:before {
  7829. content: "\f149";
  7830. }
  7831. .fa-check-square:before {
  7832. content: "\f14a";
  7833. }
  7834. .fa-pencil-square:before {
  7835. content: "\f14b";
  7836. }
  7837. .fa-external-link-square:before {
  7838. content: "\f14c";
  7839. }
  7840. .fa-share-square:before {
  7841. content: "\f14d";
  7842. }
  7843. .fa-compass:before {
  7844. content: "\f14e";
  7845. }
  7846. .fa-toggle-down:before,
  7847. .fa-caret-square-o-down:before {
  7848. content: "\f150";
  7849. }
  7850. .fa-toggle-up:before,
  7851. .fa-caret-square-o-up:before {
  7852. content: "\f151";
  7853. }
  7854. .fa-toggle-right:before,
  7855. .fa-caret-square-o-right:before {
  7856. content: "\f152";
  7857. }
  7858. .fa-euro:before,
  7859. .fa-eur:before {
  7860. content: "\f153";
  7861. }
  7862. .fa-gbp:before {
  7863. content: "\f154";
  7864. }
  7865. .fa-dollar:before,
  7866. .fa-usd:before {
  7867. content: "\f155";
  7868. }
  7869. .fa-rupee:before,
  7870. .fa-inr:before {
  7871. content: "\f156";
  7872. }
  7873. .fa-cny:before,
  7874. .fa-rmb:before,
  7875. .fa-yen:before,
  7876. .fa-jpy:before {
  7877. content: "\f157";
  7878. }
  7879. .fa-ruble:before,
  7880. .fa-rouble:before,
  7881. .fa-rub:before {
  7882. content: "\f158";
  7883. }
  7884. .fa-won:before,
  7885. .fa-krw:before {
  7886. content: "\f159";
  7887. }
  7888. .fa-bitcoin:before,
  7889. .fa-btc:before {
  7890. content: "\f15a";
  7891. }
  7892. .fa-file:before {
  7893. content: "\f15b";
  7894. }
  7895. .fa-file-text:before {
  7896. content: "\f15c";
  7897. }
  7898. .fa-sort-alpha-asc:before {
  7899. content: "\f15d";
  7900. }
  7901. .fa-sort-alpha-desc:before {
  7902. content: "\f15e";
  7903. }
  7904. .fa-sort-amount-asc:before {
  7905. content: "\f160";
  7906. }
  7907. .fa-sort-amount-desc:before {
  7908. content: "\f161";
  7909. }
  7910. .fa-sort-numeric-asc:before {
  7911. content: "\f162";
  7912. }
  7913. .fa-sort-numeric-desc:before {
  7914. content: "\f163";
  7915. }
  7916. .fa-thumbs-up:before {
  7917. content: "\f164";
  7918. }
  7919. .fa-thumbs-down:before {
  7920. content: "\f165";
  7921. }
  7922. .fa-youtube-square:before {
  7923. content: "\f166";
  7924. }
  7925. .fa-youtube:before {
  7926. content: "\f167";
  7927. }
  7928. .fa-xing:before {
  7929. content: "\f168";
  7930. }
  7931. .fa-xing-square:before {
  7932. content: "\f169";
  7933. }
  7934. .fa-youtube-play:before {
  7935. content: "\f16a";
  7936. }
  7937. .fa-dropbox:before {
  7938. content: "\f16b";
  7939. }
  7940. .fa-stack-overflow:before {
  7941. content: "\f16c";
  7942. }
  7943. .fa-instagram:before {
  7944. content: "\f16d";
  7945. }
  7946. .fa-flickr:before {
  7947. content: "\f16e";
  7948. }
  7949. .fa-adn:before {
  7950. content: "\f170";
  7951. }
  7952. .fa-bitbucket:before {
  7953. content: "\f171";
  7954. }
  7955. .fa-bitbucket-square:before {
  7956. content: "\f172";
  7957. }
  7958. .fa-tumblr:before {
  7959. content: "\f173";
  7960. }
  7961. .fa-tumblr-square:before {
  7962. content: "\f174";
  7963. }
  7964. .fa-long-arrow-down:before {
  7965. content: "\f175";
  7966. }
  7967. .fa-long-arrow-up:before {
  7968. content: "\f176";
  7969. }
  7970. .fa-long-arrow-left:before {
  7971. content: "\f177";
  7972. }
  7973. .fa-long-arrow-right:before {
  7974. content: "\f178";
  7975. }
  7976. .fa-apple:before {
  7977. content: "\f179";
  7978. }
  7979. .fa-windows:before {
  7980. content: "\f17a";
  7981. }
  7982. .fa-android:before {
  7983. content: "\f17b";
  7984. }
  7985. .fa-linux:before {
  7986. content: "\f17c";
  7987. }
  7988. .fa-dribbble:before {
  7989. content: "\f17d";
  7990. }
  7991. .fa-skype:before {
  7992. content: "\f17e";
  7993. }
  7994. .fa-foursquare:before {
  7995. content: "\f180";
  7996. }
  7997. .fa-trello:before {
  7998. content: "\f181";
  7999. }
  8000. .fa-female:before {
  8001. content: "\f182";
  8002. }
  8003. .fa-male:before {
  8004. content: "\f183";
  8005. }
  8006. .fa-gittip:before {
  8007. content: "\f184";
  8008. }
  8009. .fa-sun-o:before {
  8010. content: "\f185";
  8011. }
  8012. .fa-moon-o:before {
  8013. content: "\f186";
  8014. }
  8015. .fa-archive:before {
  8016. content: "\f187";
  8017. }
  8018. .fa-bug:before {
  8019. content: "\f188";
  8020. }
  8021. .fa-vk:before {
  8022. content: "\f189";
  8023. }
  8024. .fa-weibo:before {
  8025. content: "\f18a";
  8026. }
  8027. .fa-renren:before {
  8028. content: "\f18b";
  8029. }
  8030. .fa-pagelines:before {
  8031. content: "\f18c";
  8032. }
  8033. .fa-stack-exchange:before {
  8034. content: "\f18d";
  8035. }
  8036. .fa-arrow-circle-o-right:before {
  8037. content: "\f18e";
  8038. }
  8039. .fa-arrow-circle-o-left:before {
  8040. content: "\f190";
  8041. }
  8042. .fa-toggle-left:before,
  8043. .fa-caret-square-o-left:before {
  8044. content: "\f191";
  8045. }
  8046. .fa-dot-circle-o:before {
  8047. content: "\f192";
  8048. }
  8049. .fa-wheelchair:before {
  8050. content: "\f193";
  8051. }
  8052. .fa-vimeo-square:before {
  8053. content: "\f194";
  8054. }
  8055. .fa-turkish-lira:before,
  8056. .fa-try:before {
  8057. content: "\f195";
  8058. }
  8059. .fa-plus-square-o:before {
  8060. content: "\f196";
  8061. }
  8062. .fa-space-shuttle:before {
  8063. content: "\f197";
  8064. }
  8065. .fa-slack:before {
  8066. content: "\f198";
  8067. }
  8068. .fa-envelope-square:before {
  8069. content: "\f199";
  8070. }
  8071. .fa-wordpress:before {
  8072. content: "\f19a";
  8073. }
  8074. .fa-openid:before {
  8075. content: "\f19b";
  8076. }
  8077. .fa-institution:before,
  8078. .fa-bank:before,
  8079. .fa-university:before {
  8080. content: "\f19c";
  8081. }
  8082. .fa-mortar-board:before,
  8083. .fa-graduation-cap:before {
  8084. content: "\f19d";
  8085. }
  8086. .fa-yahoo:before {
  8087. content: "\f19e";
  8088. }
  8089. .fa-google:before {
  8090. content: "\f1a0";
  8091. }
  8092. .fa-reddit:before {
  8093. content: "\f1a1";
  8094. }
  8095. .fa-reddit-square:before {
  8096. content: "\f1a2";
  8097. }
  8098. .fa-stumbleupon-circle:before {
  8099. content: "\f1a3";
  8100. }
  8101. .fa-stumbleupon:before {
  8102. content: "\f1a4";
  8103. }
  8104. .fa-delicious:before {
  8105. content: "\f1a5";
  8106. }
  8107. .fa-digg:before {
  8108. content: "\f1a6";
  8109. }
  8110. .fa-pied-piper:before {
  8111. content: "\f1a7";
  8112. }
  8113. .fa-pied-piper-alt:before {
  8114. content: "\f1a8";
  8115. }
  8116. .fa-drupal:before {
  8117. content: "\f1a9";
  8118. }
  8119. .fa-joomla:before {
  8120. content: "\f1aa";
  8121. }
  8122. .fa-language:before {
  8123. content: "\f1ab";
  8124. }
  8125. .fa-fax:before {
  8126. content: "\f1ac";
  8127. }
  8128. .fa-building:before {
  8129. content: "\f1ad";
  8130. }
  8131. .fa-child:before {
  8132. content: "\f1ae";
  8133. }
  8134. .fa-paw:before {
  8135. content: "\f1b0";
  8136. }
  8137. .fa-spoon:before {
  8138. content: "\f1b1";
  8139. }
  8140. .fa-cube:before {
  8141. content: "\f1b2";
  8142. }
  8143. .fa-cubes:before {
  8144. content: "\f1b3";
  8145. }
  8146. .fa-behance:before {
  8147. content: "\f1b4";
  8148. }
  8149. .fa-behance-square:before {
  8150. content: "\f1b5";
  8151. }
  8152. .fa-steam:before {
  8153. content: "\f1b6";
  8154. }
  8155. .fa-steam-square:before {
  8156. content: "\f1b7";
  8157. }
  8158. .fa-recycle:before {
  8159. content: "\f1b8";
  8160. }
  8161. .fa-automobile:before,
  8162. .fa-car:before {
  8163. content: "\f1b9";
  8164. }
  8165. .fa-cab:before,
  8166. .fa-taxi:before {
  8167. content: "\f1ba";
  8168. }
  8169. .fa-tree:before {
  8170. content: "\f1bb";
  8171. }
  8172. .fa-spotify:before {
  8173. content: "\f1bc";
  8174. }
  8175. .fa-deviantart:before {
  8176. content: "\f1bd";
  8177. }
  8178. .fa-soundcloud:before {
  8179. content: "\f1be";
  8180. }
  8181. .fa-database:before {
  8182. content: "\f1c0";
  8183. }
  8184. .fa-file-pdf-o:before {
  8185. content: "\f1c1";
  8186. }
  8187. .fa-file-word-o:before {
  8188. content: "\f1c2";
  8189. }
  8190. .fa-file-excel-o:before {
  8191. content: "\f1c3";
  8192. }
  8193. .fa-file-powerpoint-o:before {
  8194. content: "\f1c4";
  8195. }
  8196. .fa-file-photo-o:before,
  8197. .fa-file-picture-o:before,
  8198. .fa-file-image-o:before {
  8199. content: "\f1c5";
  8200. }
  8201. .fa-file-zip-o:before,
  8202. .fa-file-archive-o:before {
  8203. content: "\f1c6";
  8204. }
  8205. .fa-file-sound-o:before,
  8206. .fa-file-audio-o:before {
  8207. content: "\f1c7";
  8208. }
  8209. .fa-file-movie-o:before,
  8210. .fa-file-video-o:before {
  8211. content: "\f1c8";
  8212. }
  8213. .fa-file-code-o:before {
  8214. content: "\f1c9";
  8215. }
  8216. .fa-vine:before {
  8217. content: "\f1ca";
  8218. }
  8219. .fa-codepen:before {
  8220. content: "\f1cb";
  8221. }
  8222. .fa-jsfiddle:before {
  8223. content: "\f1cc";
  8224. }
  8225. .fa-life-bouy:before,
  8226. .fa-life-buoy:before,
  8227. .fa-life-saver:before,
  8228. .fa-support:before,
  8229. .fa-life-ring:before {
  8230. content: "\f1cd";
  8231. }
  8232. .fa-circle-o-notch:before {
  8233. content: "\f1ce";
  8234. }
  8235. .fa-ra:before,
  8236. .fa-rebel:before {
  8237. content: "\f1d0";
  8238. }
  8239. .fa-ge:before,
  8240. .fa-empire:before {
  8241. content: "\f1d1";
  8242. }
  8243. .fa-git-square:before {
  8244. content: "\f1d2";
  8245. }
  8246. .fa-git:before {
  8247. content: "\f1d3";
  8248. }
  8249. .fa-hacker-news:before {
  8250. content: "\f1d4";
  8251. }
  8252. .fa-tencent-weibo:before {
  8253. content: "\f1d5";
  8254. }
  8255. .fa-qq:before {
  8256. content: "\f1d6";
  8257. }
  8258. .fa-wechat:before,
  8259. .fa-weixin:before {
  8260. content: "\f1d7";
  8261. }
  8262. .fa-send:before,
  8263. .fa-paper-plane:before {
  8264. content: "\f1d8";
  8265. }
  8266. .fa-send-o:before,
  8267. .fa-paper-plane-o:before {
  8268. content: "\f1d9";
  8269. }
  8270. .fa-history:before {
  8271. content: "\f1da";
  8272. }
  8273. .fa-circle-thin:before {
  8274. content: "\f1db";
  8275. }
  8276. .fa-header:before {
  8277. content: "\f1dc";
  8278. }
  8279. .fa-paragraph:before {
  8280. content: "\f1dd";
  8281. }
  8282. .fa-sliders:before {
  8283. content: "\f1de";
  8284. }
  8285. .fa-share-alt:before {
  8286. content: "\f1e0";
  8287. }
  8288. .fa-share-alt-square:before {
  8289. content: "\f1e1";
  8290. }
  8291. .fa-bomb:before {
  8292. content: "\f1e2";
  8293. }
  8294. .fa-soccer-ball-o:before,
  8295. .fa-futbol-o:before {
  8296. content: "\f1e3";
  8297. }
  8298. .fa-tty:before {
  8299. content: "\f1e4";
  8300. }
  8301. .fa-binoculars:before {
  8302. content: "\f1e5";
  8303. }
  8304. .fa-plug:before {
  8305. content: "\f1e6";
  8306. }
  8307. .fa-slideshare:before {
  8308. content: "\f1e7";
  8309. }
  8310. .fa-twitch:before {
  8311. content: "\f1e8";
  8312. }
  8313. .fa-yelp:before {
  8314. content: "\f1e9";
  8315. }
  8316. .fa-newspaper-o:before {
  8317. content: "\f1ea";
  8318. }
  8319. .fa-wifi:before {
  8320. content: "\f1eb";
  8321. }
  8322. .fa-calculator:before {
  8323. content: "\f1ec";
  8324. }
  8325. .fa-paypal:before {
  8326. content: "\f1ed";
  8327. }
  8328. .fa-google-wallet:before {
  8329. content: "\f1ee";
  8330. }
  8331. .fa-cc-visa:before {
  8332. content: "\f1f0";
  8333. }
  8334. .fa-cc-mastercard:before {
  8335. content: "\f1f1";
  8336. }
  8337. .fa-cc-discover:before {
  8338. content: "\f1f2";
  8339. }
  8340. .fa-cc-amex:before {
  8341. content: "\f1f3";
  8342. }
  8343. .fa-cc-paypal:before {
  8344. content: "\f1f4";
  8345. }
  8346. .fa-cc-stripe:before {
  8347. content: "\f1f5";
  8348. }
  8349. .fa-bell-slash:before {
  8350. content: "\f1f6";
  8351. }
  8352. .fa-bell-slash-o:before {
  8353. content: "\f1f7";
  8354. }
  8355. .fa-trash:before {
  8356. content: "\f1f8";
  8357. }
  8358. .fa-copyright:before {
  8359. content: "\f1f9";
  8360. }
  8361. .fa-at:before {
  8362. content: "\f1fa";
  8363. }
  8364. .fa-eyedropper:before {
  8365. content: "\f1fb";
  8366. }
  8367. .fa-paint-brush:before {
  8368. content: "\f1fc";
  8369. }
  8370. .fa-birthday-cake:before {
  8371. content: "\f1fd";
  8372. }
  8373. .fa-area-chart:before {
  8374. content: "\f1fe";
  8375. }
  8376. .fa-pie-chart:before {
  8377. content: "\f200";
  8378. }
  8379. .fa-line-chart:before {
  8380. content: "\f201";
  8381. }
  8382. .fa-lastfm:before {
  8383. content: "\f202";
  8384. }
  8385. .fa-lastfm-square:before {
  8386. content: "\f203";
  8387. }
  8388. .fa-toggle-off:before {
  8389. content: "\f204";
  8390. }
  8391. .fa-toggle-on:before {
  8392. content: "\f205";
  8393. }
  8394. .fa-bicycle:before {
  8395. content: "\f206";
  8396. }
  8397. .fa-bus:before {
  8398. content: "\f207";
  8399. }
  8400. .fa-ioxhost:before {
  8401. content: "\f208";
  8402. }
  8403. .fa-angellist:before {
  8404. content: "\f209";
  8405. }
  8406. .fa-cc:before {
  8407. content: "\f20a";
  8408. }
  8409. .fa-shekel:before,
  8410. .fa-sheqel:before,
  8411. .fa-ils:before {
  8412. content: "\f20b";
  8413. }
  8414. .fa-meanpath:before {
  8415. content: "\f20c";
  8416. }
  8417. /*!
  8418. *
  8419. * IPython base
  8420. *
  8421. */
  8422. .modal.fade .modal-dialog {
  8423. -webkit-transform: translate(0, 0);
  8424. -ms-transform: translate(0, 0);
  8425. -o-transform: translate(0, 0);
  8426. transform: translate(0, 0);
  8427. }
  8428. code {
  8429. color: #000;
  8430. }
  8431. pre {
  8432. font-size: inherit;
  8433. line-height: inherit;
  8434. }
  8435. label {
  8436. font-weight: normal;
  8437. }
  8438. /* Make the page background atleast 100% the height of the view port */
  8439. /* Make the page itself atleast 70% the height of the view port */
  8440. .border-box-sizing {
  8441. box-sizing: border-box;
  8442. -moz-box-sizing: border-box;
  8443. -webkit-box-sizing: border-box;
  8444. }
  8445. .corner-all {
  8446. border-radius: 2px;
  8447. }
  8448. .no-padding {
  8449. padding: 0px;
  8450. }
  8451. /* Flexible box model classes */
  8452. /* Taken from Alex Russell http://infrequently.org/2009/08/css-3-progress/ */
  8453. /* This file is a compatability layer. It allows the usage of flexible box
  8454. model layouts accross multiple browsers, including older browsers. The newest,
  8455. universal implementation of the flexible box model is used when available (see
  8456. `Modern browsers` comments below). Browsers that are known to implement this
  8457. new spec completely include:
  8458. Firefox 28.0+
  8459. Chrome 29.0+
  8460. Internet Explorer 11+
  8461. Opera 17.0+
  8462. Browsers not listed, including Safari, are supported via the styling under the
  8463. `Old browsers` comments below.
  8464. */
  8465. .hbox {
  8466. /* Old browsers */
  8467. display: -webkit-box;
  8468. -webkit-box-orient: horizontal;
  8469. -webkit-box-align: stretch;
  8470. display: -moz-box;
  8471. -moz-box-orient: horizontal;
  8472. -moz-box-align: stretch;
  8473. display: box;
  8474. box-orient: horizontal;
  8475. box-align: stretch;
  8476. /* Modern browsers */
  8477. display: flex;
  8478. flex-direction: row;
  8479. align-items: stretch;
  8480. }
  8481. .hbox > * {
  8482. /* Old browsers */
  8483. -webkit-box-flex: 0;
  8484. -moz-box-flex: 0;
  8485. box-flex: 0;
  8486. /* Modern browsers */
  8487. flex: none;
  8488. }
  8489. .vbox {
  8490. /* Old browsers */
  8491. display: -webkit-box;
  8492. -webkit-box-orient: vertical;
  8493. -webkit-box-align: stretch;
  8494. display: -moz-box;
  8495. -moz-box-orient: vertical;
  8496. -moz-box-align: stretch;
  8497. display: box;
  8498. box-orient: vertical;
  8499. box-align: stretch;
  8500. /* Modern browsers */
  8501. display: flex;
  8502. flex-direction: column;
  8503. align-items: stretch;
  8504. }
  8505. .vbox > * {
  8506. /* Old browsers */
  8507. -webkit-box-flex: 0;
  8508. -moz-box-flex: 0;
  8509. box-flex: 0;
  8510. /* Modern browsers */
  8511. flex: none;
  8512. }
  8513. .hbox.reverse,
  8514. .vbox.reverse,
  8515. .reverse {
  8516. /* Old browsers */
  8517. -webkit-box-direction: reverse;
  8518. -moz-box-direction: reverse;
  8519. box-direction: reverse;
  8520. /* Modern browsers */
  8521. flex-direction: row-reverse;
  8522. }
  8523. .hbox.box-flex0,
  8524. .vbox.box-flex0,
  8525. .box-flex0 {
  8526. /* Old browsers */
  8527. -webkit-box-flex: 0;
  8528. -moz-box-flex: 0;
  8529. box-flex: 0;
  8530. /* Modern browsers */
  8531. flex: none;
  8532. width: auto;
  8533. }
  8534. .hbox.box-flex1,
  8535. .vbox.box-flex1,
  8536. .box-flex1 {
  8537. /* Old browsers */
  8538. -webkit-box-flex: 1;
  8539. -moz-box-flex: 1;
  8540. box-flex: 1;
  8541. /* Modern browsers */
  8542. flex: 1;
  8543. }
  8544. .hbox.box-flex,
  8545. .vbox.box-flex,
  8546. .box-flex {
  8547. /* Old browsers */
  8548. /* Old browsers */
  8549. -webkit-box-flex: 1;
  8550. -moz-box-flex: 1;
  8551. box-flex: 1;
  8552. /* Modern browsers */
  8553. flex: 1;
  8554. }
  8555. .hbox.box-flex2,
  8556. .vbox.box-flex2,
  8557. .box-flex2 {
  8558. /* Old browsers */
  8559. -webkit-box-flex: 2;
  8560. -moz-box-flex: 2;
  8561. box-flex: 2;
  8562. /* Modern browsers */
  8563. flex: 2;
  8564. }
  8565. .box-group1 {
  8566. /* Deprecated */
  8567. -webkit-box-flex-group: 1;
  8568. -moz-box-flex-group: 1;
  8569. box-flex-group: 1;
  8570. }
  8571. .box-group2 {
  8572. /* Deprecated */
  8573. -webkit-box-flex-group: 2;
  8574. -moz-box-flex-group: 2;
  8575. box-flex-group: 2;
  8576. }
  8577. .hbox.start,
  8578. .vbox.start,
  8579. .start {
  8580. /* Old browsers */
  8581. -webkit-box-pack: start;
  8582. -moz-box-pack: start;
  8583. box-pack: start;
  8584. /* Modern browsers */
  8585. justify-content: flex-start;
  8586. }
  8587. .hbox.end,
  8588. .vbox.end,
  8589. .end {
  8590. /* Old browsers */
  8591. -webkit-box-pack: end;
  8592. -moz-box-pack: end;
  8593. box-pack: end;
  8594. /* Modern browsers */
  8595. justify-content: flex-end;
  8596. }
  8597. .hbox.center,
  8598. .vbox.center,
  8599. .center {
  8600. /* Old browsers */
  8601. -webkit-box-pack: center;
  8602. -moz-box-pack: center;
  8603. box-pack: center;
  8604. /* Modern browsers */
  8605. justify-content: center;
  8606. }
  8607. .hbox.baseline,
  8608. .vbox.baseline,
  8609. .baseline {
  8610. /* Old browsers */
  8611. -webkit-box-pack: baseline;
  8612. -moz-box-pack: baseline;
  8613. box-pack: baseline;
  8614. /* Modern browsers */
  8615. justify-content: baseline;
  8616. }
  8617. .hbox.stretch,
  8618. .vbox.stretch,
  8619. .stretch {
  8620. /* Old browsers */
  8621. -webkit-box-pack: stretch;
  8622. -moz-box-pack: stretch;
  8623. box-pack: stretch;
  8624. /* Modern browsers */
  8625. justify-content: stretch;
  8626. }
  8627. .hbox.align-start,
  8628. .vbox.align-start,
  8629. .align-start {
  8630. /* Old browsers */
  8631. -webkit-box-align: start;
  8632. -moz-box-align: start;
  8633. box-align: start;
  8634. /* Modern browsers */
  8635. align-items: flex-start;
  8636. }
  8637. .hbox.align-end,
  8638. .vbox.align-end,
  8639. .align-end {
  8640. /* Old browsers */
  8641. -webkit-box-align: end;
  8642. -moz-box-align: end;
  8643. box-align: end;
  8644. /* Modern browsers */
  8645. align-items: flex-end;
  8646. }
  8647. .hbox.align-center,
  8648. .vbox.align-center,
  8649. .align-center {
  8650. /* Old browsers */
  8651. -webkit-box-align: center;
  8652. -moz-box-align: center;
  8653. box-align: center;
  8654. /* Modern browsers */
  8655. align-items: center;
  8656. }
  8657. .hbox.align-baseline,
  8658. .vbox.align-baseline,
  8659. .align-baseline {
  8660. /* Old browsers */
  8661. -webkit-box-align: baseline;
  8662. -moz-box-align: baseline;
  8663. box-align: baseline;
  8664. /* Modern browsers */
  8665. align-items: baseline;
  8666. }
  8667. .hbox.align-stretch,
  8668. .vbox.align-stretch,
  8669. .align-stretch {
  8670. /* Old browsers */
  8671. -webkit-box-align: stretch;
  8672. -moz-box-align: stretch;
  8673. box-align: stretch;
  8674. /* Modern browsers */
  8675. align-items: stretch;
  8676. }
  8677. div.error {
  8678. margin: 2em;
  8679. text-align: center;
  8680. }
  8681. div.error > h1 {
  8682. font-size: 500%;
  8683. line-height: normal;
  8684. }
  8685. div.error > p {
  8686. font-size: 200%;
  8687. line-height: normal;
  8688. }
  8689. div.traceback-wrapper {
  8690. text-align: left;
  8691. max-width: 800px;
  8692. margin: auto;
  8693. }
  8694. /**
  8695. * Primary styles
  8696. *
  8697. * Author: Jupyter Development Team
  8698. */
  8699. body {
  8700. background-color: #fff;
  8701. /* This makes sure that the body covers the entire window and needs to
  8702. be in a different element than the display: box in wrapper below */
  8703. position: absolute;
  8704. left: 0px;
  8705. right: 0px;
  8706. top: 0px;
  8707. bottom: 0px;
  8708. overflow: visible;
  8709. }
  8710. body > #header {
  8711. /* Initially hidden to prevent FLOUC */
  8712. display: none;
  8713. background-color: #fff;
  8714. /* Display over codemirror */
  8715. position: relative;
  8716. z-index: 100;
  8717. }
  8718. body > #header #header-container {
  8719. padding-bottom: 5px;
  8720. padding-top: 5px;
  8721. box-sizing: border-box;
  8722. -moz-box-sizing: border-box;
  8723. -webkit-box-sizing: border-box;
  8724. }
  8725. body > #header .header-bar {
  8726. width: 100%;
  8727. height: 1px;
  8728. background: #e7e7e7;
  8729. margin-bottom: -1px;
  8730. }
  8731. @media print {
  8732. body > #header {
  8733. display: none !important;
  8734. }
  8735. }
  8736. #header-spacer {
  8737. width: 100%;
  8738. visibility: hidden;
  8739. }
  8740. @media print {
  8741. #header-spacer {
  8742. display: none;
  8743. }
  8744. }
  8745. #ipython_notebook {
  8746. padding-left: 0px;
  8747. padding-top: 1px;
  8748. padding-bottom: 1px;
  8749. }
  8750. @media (max-width: 991px) {
  8751. #ipython_notebook {
  8752. margin-left: 10px;
  8753. }
  8754. }
  8755. [dir="rtl"] #ipython_notebook {
  8756. float: right !important;
  8757. }
  8758. #noscript {
  8759. width: auto;
  8760. padding-top: 16px;
  8761. padding-bottom: 16px;
  8762. text-align: center;
  8763. font-size: 22px;
  8764. color: red;
  8765. font-weight: bold;
  8766. }
  8767. #ipython_notebook img {
  8768. height: 28px;
  8769. }
  8770. #site {
  8771. width: 100%;
  8772. display: none;
  8773. box-sizing: border-box;
  8774. -moz-box-sizing: border-box;
  8775. -webkit-box-sizing: border-box;
  8776. overflow: auto;
  8777. }
  8778. @media print {
  8779. #site {
  8780. height: auto !important;
  8781. }
  8782. }
  8783. /* Smaller buttons */
  8784. .ui-button .ui-button-text {
  8785. padding: 0.2em 0.8em;
  8786. font-size: 77%;
  8787. }
  8788. input.ui-button {
  8789. padding: 0.3em 0.9em;
  8790. }
  8791. span#login_widget {
  8792. float: right;
  8793. }
  8794. span#login_widget > .button,
  8795. #logout {
  8796. color: #333;
  8797. background-color: #fff;
  8798. border-color: #ccc;
  8799. }
  8800. span#login_widget > .button:focus,
  8801. #logout:focus,
  8802. span#login_widget > .button.focus,
  8803. #logout.focus {
  8804. color: #333;
  8805. background-color: #e6e6e6;
  8806. border-color: #8c8c8c;
  8807. }
  8808. span#login_widget > .button:hover,
  8809. #logout:hover {
  8810. color: #333;
  8811. background-color: #e6e6e6;
  8812. border-color: #adadad;
  8813. }
  8814. span#login_widget > .button:active,
  8815. #logout:active,
  8816. span#login_widget > .button.active,
  8817. #logout.active,
  8818. .open > .dropdown-togglespan#login_widget > .button,
  8819. .open > .dropdown-toggle#logout {
  8820. color: #333;
  8821. background-color: #e6e6e6;
  8822. border-color: #adadad;
  8823. }
  8824. span#login_widget > .button:active:hover,
  8825. #logout:active:hover,
  8826. span#login_widget > .button.active:hover,
  8827. #logout.active:hover,
  8828. .open > .dropdown-togglespan#login_widget > .button:hover,
  8829. .open > .dropdown-toggle#logout:hover,
  8830. span#login_widget > .button:active:focus,
  8831. #logout:active:focus,
  8832. span#login_widget > .button.active:focus,
  8833. #logout.active:focus,
  8834. .open > .dropdown-togglespan#login_widget > .button:focus,
  8835. .open > .dropdown-toggle#logout:focus,
  8836. span#login_widget > .button:active.focus,
  8837. #logout:active.focus,
  8838. span#login_widget > .button.active.focus,
  8839. #logout.active.focus,
  8840. .open > .dropdown-togglespan#login_widget > .button.focus,
  8841. .open > .dropdown-toggle#logout.focus {
  8842. color: #333;
  8843. background-color: #d4d4d4;
  8844. border-color: #8c8c8c;
  8845. }
  8846. span#login_widget > .button:active,
  8847. #logout:active,
  8848. span#login_widget > .button.active,
  8849. #logout.active,
  8850. .open > .dropdown-togglespan#login_widget > .button,
  8851. .open > .dropdown-toggle#logout {
  8852. background-image: none;
  8853. }
  8854. span#login_widget > .button.disabled:hover,
  8855. #logout.disabled:hover,
  8856. span#login_widget > .button[disabled]:hover,
  8857. #logout[disabled]:hover,
  8858. fieldset[disabled] span#login_widget > .button:hover,
  8859. fieldset[disabled] #logout:hover,
  8860. span#login_widget > .button.disabled:focus,
  8861. #logout.disabled:focus,
  8862. span#login_widget > .button[disabled]:focus,
  8863. #logout[disabled]:focus,
  8864. fieldset[disabled] span#login_widget > .button:focus,
  8865. fieldset[disabled] #logout:focus,
  8866. span#login_widget > .button.disabled.focus,
  8867. #logout.disabled.focus,
  8868. span#login_widget > .button[disabled].focus,
  8869. #logout[disabled].focus,
  8870. fieldset[disabled] span#login_widget > .button.focus,
  8871. fieldset[disabled] #logout.focus {
  8872. background-color: #fff;
  8873. border-color: #ccc;
  8874. }
  8875. span#login_widget > .button .badge,
  8876. #logout .badge {
  8877. color: #fff;
  8878. background-color: #333;
  8879. }
  8880. .nav-header {
  8881. text-transform: none;
  8882. }
  8883. #header > span {
  8884. margin-top: 10px;
  8885. }
  8886. .modal_stretch .modal-dialog {
  8887. /* Old browsers */
  8888. display: -webkit-box;
  8889. -webkit-box-orient: vertical;
  8890. -webkit-box-align: stretch;
  8891. display: -moz-box;
  8892. -moz-box-orient: vertical;
  8893. -moz-box-align: stretch;
  8894. display: box;
  8895. box-orient: vertical;
  8896. box-align: stretch;
  8897. /* Modern browsers */
  8898. display: flex;
  8899. flex-direction: column;
  8900. align-items: stretch;
  8901. min-height: 80vh;
  8902. }
  8903. .modal_stretch .modal-dialog .modal-body {
  8904. max-height: calc(100vh - 200px);
  8905. overflow: auto;
  8906. flex: 1;
  8907. }
  8908. @media (min-width: 768px) {
  8909. .modal .modal-dialog {
  8910. width: 700px;
  8911. }
  8912. }
  8913. @media (min-width: 768px) {
  8914. select.form-control {
  8915. margin-left: 12px;
  8916. margin-right: 12px;
  8917. }
  8918. }
  8919. /*!
  8920. *
  8921. * IPython auth
  8922. *
  8923. */
  8924. .center-nav {
  8925. display: inline-block;
  8926. margin-bottom: -4px;
  8927. }
  8928. /*!
  8929. *
  8930. * IPython tree view
  8931. *
  8932. */
  8933. /* We need an invisible input field on top of the sentense*/
  8934. /* "Drag file onto the list ..." */
  8935. .alternate_upload {
  8936. background-color: none;
  8937. display: inline;
  8938. }
  8939. .alternate_upload.form {
  8940. padding: 0;
  8941. margin: 0;
  8942. }
  8943. .alternate_upload input.fileinput {
  8944. text-align: center;
  8945. vertical-align: middle;
  8946. display: inline;
  8947. opacity: 0;
  8948. z-index: 2;
  8949. width: 12ex;
  8950. margin-right: -12ex;
  8951. }
  8952. .alternate_upload .btn-upload {
  8953. height: 22px;
  8954. }
  8955. /**
  8956. * Primary styles
  8957. *
  8958. * Author: Jupyter Development Team
  8959. */
  8960. [dir="rtl"] #tabs li {
  8961. float: right;
  8962. }
  8963. ul#tabs {
  8964. margin-bottom: 4px;
  8965. }
  8966. [dir="rtl"] ul#tabs {
  8967. margin-right: 0px;
  8968. }
  8969. ul#tabs a {
  8970. padding-top: 6px;
  8971. padding-bottom: 4px;
  8972. }
  8973. ul.breadcrumb a:focus,
  8974. ul.breadcrumb a:hover {
  8975. text-decoration: none;
  8976. }
  8977. ul.breadcrumb i.icon-home {
  8978. font-size: 16px;
  8979. margin-right: 4px;
  8980. }
  8981. ul.breadcrumb span {
  8982. color: #5e5e5e;
  8983. }
  8984. .list_toolbar {
  8985. padding: 4px 0 4px 0;
  8986. vertical-align: middle;
  8987. }
  8988. .list_toolbar .tree-buttons {
  8989. padding-top: 1px;
  8990. }
  8991. [dir="rtl"] .list_toolbar .tree-buttons {
  8992. float: left !important;
  8993. }
  8994. [dir="rtl"] .list_toolbar .pull-right {
  8995. padding-top: 1px;
  8996. float: left !important;
  8997. }
  8998. [dir="rtl"] .list_toolbar .pull-left {
  8999. float: right !important;
  9000. }
  9001. .dynamic-buttons {
  9002. padding-top: 3px;
  9003. display: inline-block;
  9004. }
  9005. .list_toolbar [class*="span"] {
  9006. min-height: 24px;
  9007. }
  9008. .list_header {
  9009. font-weight: bold;
  9010. background-color: #EEE;
  9011. }
  9012. .list_placeholder {
  9013. font-weight: bold;
  9014. padding-top: 4px;
  9015. padding-bottom: 4px;
  9016. padding-left: 7px;
  9017. padding-right: 7px;
  9018. }
  9019. .list_container {
  9020. margin-top: 4px;
  9021. margin-bottom: 20px;
  9022. border: 1px solid #ddd;
  9023. border-radius: 2px;
  9024. }
  9025. .list_container > div {
  9026. border-bottom: 1px solid #ddd;
  9027. }
  9028. .list_container > div:hover .list-item {
  9029. background-color: red;
  9030. }
  9031. .list_container > div:last-child {
  9032. border: none;
  9033. }
  9034. .list_item:hover .list_item {
  9035. background-color: #ddd;
  9036. }
  9037. .list_item a {
  9038. text-decoration: none;
  9039. }
  9040. .list_item:hover {
  9041. background-color: #fafafa;
  9042. }
  9043. .list_header > div,
  9044. .list_item > div {
  9045. padding-top: 4px;
  9046. padding-bottom: 4px;
  9047. padding-left: 7px;
  9048. padding-right: 7px;
  9049. line-height: 22px;
  9050. }
  9051. .list_header > div input,
  9052. .list_item > div input {
  9053. margin-right: 7px;
  9054. margin-left: 14px;
  9055. vertical-align: baseline;
  9056. line-height: 22px;
  9057. position: relative;
  9058. top: -1px;
  9059. }
  9060. .list_header > div .item_link,
  9061. .list_item > div .item_link {
  9062. margin-left: -1px;
  9063. vertical-align: baseline;
  9064. line-height: 22px;
  9065. }
  9066. .new-file input[type=checkbox] {
  9067. visibility: hidden;
  9068. }
  9069. .item_name {
  9070. line-height: 22px;
  9071. height: 24px;
  9072. }
  9073. .item_icon {
  9074. font-size: 14px;
  9075. color: #5e5e5e;
  9076. margin-right: 7px;
  9077. margin-left: 7px;
  9078. line-height: 22px;
  9079. vertical-align: baseline;
  9080. }
  9081. .item_buttons {
  9082. line-height: 1em;
  9083. margin-left: -5px;
  9084. }
  9085. .item_buttons .btn,
  9086. .item_buttons .btn-group,
  9087. .item_buttons .input-group {
  9088. float: left;
  9089. }
  9090. .item_buttons > .btn,
  9091. .item_buttons > .btn-group,
  9092. .item_buttons > .input-group {
  9093. margin-left: 5px;
  9094. }
  9095. .item_buttons .btn {
  9096. min-width: 13ex;
  9097. }
  9098. .item_buttons .running-indicator {
  9099. padding-top: 4px;
  9100. color: #5cb85c;
  9101. }
  9102. .item_buttons .kernel-name {
  9103. padding-top: 4px;
  9104. color: #5bc0de;
  9105. margin-right: 7px;
  9106. float: left;
  9107. }
  9108. .toolbar_info {
  9109. height: 24px;
  9110. line-height: 24px;
  9111. }
  9112. .list_item input:not([type=checkbox]) {
  9113. padding-top: 3px;
  9114. padding-bottom: 3px;
  9115. height: 22px;
  9116. line-height: 14px;
  9117. margin: 0px;
  9118. }
  9119. .highlight_text {
  9120. color: blue;
  9121. }
  9122. #project_name {
  9123. display: inline-block;
  9124. padding-left: 7px;
  9125. margin-left: -2px;
  9126. }
  9127. #project_name > .breadcrumb {
  9128. padding: 0px;
  9129. margin-bottom: 0px;
  9130. background-color: transparent;
  9131. font-weight: bold;
  9132. }
  9133. #tree-selector {
  9134. padding-right: 0px;
  9135. }
  9136. [dir="rtl"] #tree-selector a {
  9137. float: right;
  9138. }
  9139. #button-select-all {
  9140. min-width: 50px;
  9141. }
  9142. #select-all {
  9143. margin-left: 7px;
  9144. margin-right: 2px;
  9145. }
  9146. .menu_icon {
  9147. margin-right: 2px;
  9148. }
  9149. .tab-content .row {
  9150. margin-left: 0px;
  9151. margin-right: 0px;
  9152. }
  9153. .folder_icon:before {
  9154. display: inline-block;
  9155. font: normal normal normal 14px/1 FontAwesome;
  9156. font-size: inherit;
  9157. text-rendering: auto;
  9158. -webkit-font-smoothing: antialiased;
  9159. -moz-osx-font-smoothing: grayscale;
  9160. content: "\f114";
  9161. }
  9162. .folder_icon:before.pull-left {
  9163. margin-right: .3em;
  9164. }
  9165. .folder_icon:before.pull-right {
  9166. margin-left: .3em;
  9167. }
  9168. .notebook_icon:before {
  9169. display: inline-block;
  9170. font: normal normal normal 14px/1 FontAwesome;
  9171. font-size: inherit;
  9172. text-rendering: auto;
  9173. -webkit-font-smoothing: antialiased;
  9174. -moz-osx-font-smoothing: grayscale;
  9175. content: "\f02d";
  9176. position: relative;
  9177. top: -1px;
  9178. }
  9179. .notebook_icon:before.pull-left {
  9180. margin-right: .3em;
  9181. }
  9182. .notebook_icon:before.pull-right {
  9183. margin-left: .3em;
  9184. }
  9185. .running_notebook_icon:before {
  9186. display: inline-block;
  9187. font: normal normal normal 14px/1 FontAwesome;
  9188. font-size: inherit;
  9189. text-rendering: auto;
  9190. -webkit-font-smoothing: antialiased;
  9191. -moz-osx-font-smoothing: grayscale;
  9192. content: "\f02d";
  9193. position: relative;
  9194. top: -1px;
  9195. color: #5cb85c;
  9196. }
  9197. .running_notebook_icon:before.pull-left {
  9198. margin-right: .3em;
  9199. }
  9200. .running_notebook_icon:before.pull-right {
  9201. margin-left: .3em;
  9202. }
  9203. .file_icon:before {
  9204. display: inline-block;
  9205. font: normal normal normal 14px/1 FontAwesome;
  9206. font-size: inherit;
  9207. text-rendering: auto;
  9208. -webkit-font-smoothing: antialiased;
  9209. -moz-osx-font-smoothing: grayscale;
  9210. content: "\f016";
  9211. position: relative;
  9212. top: -2px;
  9213. }
  9214. .file_icon:before.pull-left {
  9215. margin-right: .3em;
  9216. }
  9217. .file_icon:before.pull-right {
  9218. margin-left: .3em;
  9219. }
  9220. #notebook_toolbar .pull-right {
  9221. padding-top: 0px;
  9222. margin-right: -1px;
  9223. }
  9224. ul#new-menu {
  9225. left: auto;
  9226. right: 0;
  9227. }
  9228. [dir="rtl"] #new-menu {
  9229. text-align: right;
  9230. }
  9231. .kernel-menu-icon {
  9232. padding-right: 12px;
  9233. width: 24px;
  9234. content: "\f096";
  9235. }
  9236. .kernel-menu-icon:before {
  9237. content: "\f096";
  9238. }
  9239. .kernel-menu-icon-current:before {
  9240. content: "\f00c";
  9241. }
  9242. #tab_content {
  9243. padding-top: 20px;
  9244. }
  9245. #running .panel-group .panel {
  9246. margin-top: 3px;
  9247. margin-bottom: 1em;
  9248. }
  9249. #running .panel-group .panel .panel-heading {
  9250. background-color: #EEE;
  9251. padding-top: 4px;
  9252. padding-bottom: 4px;
  9253. padding-left: 7px;
  9254. padding-right: 7px;
  9255. line-height: 22px;
  9256. }
  9257. #running .panel-group .panel .panel-heading a:focus,
  9258. #running .panel-group .panel .panel-heading a:hover {
  9259. text-decoration: none;
  9260. }
  9261. #running .panel-group .panel .panel-body {
  9262. padding: 0px;
  9263. }
  9264. #running .panel-group .panel .panel-body .list_container {
  9265. margin-top: 0px;
  9266. margin-bottom: 0px;
  9267. border: 0px;
  9268. border-radius: 0px;
  9269. }
  9270. #running .panel-group .panel .panel-body .list_container .list_item {
  9271. border-bottom: 1px solid #ddd;
  9272. }
  9273. #running .panel-group .panel .panel-body .list_container .list_item:last-child {
  9274. border-bottom: 0px;
  9275. }
  9276. [dir="rtl"] #running .col-sm-8 {
  9277. float: right !important;
  9278. }
  9279. .delete-button {
  9280. display: none;
  9281. }
  9282. .duplicate-button {
  9283. display: none;
  9284. }
  9285. .rename-button {
  9286. display: none;
  9287. }
  9288. .shutdown-button {
  9289. display: none;
  9290. }
  9291. .dynamic-instructions {
  9292. display: inline-block;
  9293. padding-top: 4px;
  9294. }
  9295. /*!
  9296. *
  9297. * IPython text editor webapp
  9298. *
  9299. */
  9300. .selected-keymap i.fa {
  9301. padding: 0px 5px;
  9302. }
  9303. .selected-keymap i.fa:before {
  9304. content: "\f00c";
  9305. }
  9306. #mode-menu {
  9307. overflow: auto;
  9308. max-height: 20em;
  9309. }
  9310. .edit_app #header {
  9311. -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  9312. box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  9313. }
  9314. .edit_app #menubar .navbar {
  9315. /* Use a negative 1 bottom margin, so the border overlaps the border of the
  9316. header */
  9317. margin-bottom: -1px;
  9318. }
  9319. .dirty-indicator {
  9320. display: inline-block;
  9321. font: normal normal normal 14px/1 FontAwesome;
  9322. font-size: inherit;
  9323. text-rendering: auto;
  9324. -webkit-font-smoothing: antialiased;
  9325. -moz-osx-font-smoothing: grayscale;
  9326. width: 20px;
  9327. }
  9328. .dirty-indicator.pull-left {
  9329. margin-right: .3em;
  9330. }
  9331. .dirty-indicator.pull-right {
  9332. margin-left: .3em;
  9333. }
  9334. .dirty-indicator-dirty {
  9335. display: inline-block;
  9336. font: normal normal normal 14px/1 FontAwesome;
  9337. font-size: inherit;
  9338. text-rendering: auto;
  9339. -webkit-font-smoothing: antialiased;
  9340. -moz-osx-font-smoothing: grayscale;
  9341. width: 20px;
  9342. }
  9343. .dirty-indicator-dirty.pull-left {
  9344. margin-right: .3em;
  9345. }
  9346. .dirty-indicator-dirty.pull-right {
  9347. margin-left: .3em;
  9348. }
  9349. .dirty-indicator-clean {
  9350. display: inline-block;
  9351. font: normal normal normal 14px/1 FontAwesome;
  9352. font-size: inherit;
  9353. text-rendering: auto;
  9354. -webkit-font-smoothing: antialiased;
  9355. -moz-osx-font-smoothing: grayscale;
  9356. width: 20px;
  9357. }
  9358. .dirty-indicator-clean.pull-left {
  9359. margin-right: .3em;
  9360. }
  9361. .dirty-indicator-clean.pull-right {
  9362. margin-left: .3em;
  9363. }
  9364. .dirty-indicator-clean:before {
  9365. display: inline-block;
  9366. font: normal normal normal 14px/1 FontAwesome;
  9367. font-size: inherit;
  9368. text-rendering: auto;
  9369. -webkit-font-smoothing: antialiased;
  9370. -moz-osx-font-smoothing: grayscale;
  9371. content: "\f00c";
  9372. }
  9373. .dirty-indicator-clean:before.pull-left {
  9374. margin-right: .3em;
  9375. }
  9376. .dirty-indicator-clean:before.pull-right {
  9377. margin-left: .3em;
  9378. }
  9379. #filename {
  9380. font-size: 16pt;
  9381. display: table;
  9382. padding: 0px 5px;
  9383. }
  9384. #current-mode {
  9385. padding-left: 5px;
  9386. padding-right: 5px;
  9387. }
  9388. #texteditor-backdrop {
  9389. padding-top: 20px;
  9390. padding-bottom: 20px;
  9391. }
  9392. @media not print {
  9393. #texteditor-backdrop {
  9394. background-color: #EEE;
  9395. }
  9396. }
  9397. @media print {
  9398. #texteditor-backdrop #texteditor-container .CodeMirror-gutter,
  9399. #texteditor-backdrop #texteditor-container .CodeMirror-gutters {
  9400. background-color: #fff;
  9401. }
  9402. }
  9403. @media not print {
  9404. #texteditor-backdrop #texteditor-container .CodeMirror-gutter,
  9405. #texteditor-backdrop #texteditor-container .CodeMirror-gutters {
  9406. background-color: #fff;
  9407. }
  9408. }
  9409. @media not print {
  9410. #texteditor-backdrop #texteditor-container {
  9411. padding: 0px;
  9412. background-color: #fff;
  9413. -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  9414. box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  9415. }
  9416. }
  9417. /*!
  9418. *
  9419. * IPython notebook
  9420. *
  9421. */
  9422. /* CSS font colors for translated ANSI colors. */
  9423. .ansibold {
  9424. font-weight: bold;
  9425. }
  9426. /* use dark versions for foreground, to improve visibility */
  9427. .ansiblack {
  9428. color: black;
  9429. }
  9430. .ansired {
  9431. color: darkred;
  9432. }
  9433. .ansigreen {
  9434. color: darkgreen;
  9435. }
  9436. .ansiyellow {
  9437. color: #c4a000;
  9438. }
  9439. .ansiblue {
  9440. color: darkblue;
  9441. }
  9442. .ansipurple {
  9443. color: darkviolet;
  9444. }
  9445. .ansicyan {
  9446. color: steelblue;
  9447. }
  9448. .ansigray {
  9449. color: gray;
  9450. }
  9451. /* and light for background, for the same reason */
  9452. .ansibgblack {
  9453. background-color: black;
  9454. }
  9455. .ansibgred {
  9456. background-color: red;
  9457. }
  9458. .ansibggreen {
  9459. background-color: green;
  9460. }
  9461. .ansibgyellow {
  9462. background-color: yellow;
  9463. }
  9464. .ansibgblue {
  9465. background-color: blue;
  9466. }
  9467. .ansibgpurple {
  9468. background-color: magenta;
  9469. }
  9470. .ansibgcyan {
  9471. background-color: cyan;
  9472. }
  9473. .ansibggray {
  9474. background-color: gray;
  9475. }
  9476. div.cell {
  9477. /* Old browsers */
  9478. display: -webkit-box;
  9479. -webkit-box-orient: vertical;
  9480. -webkit-box-align: stretch;
  9481. display: -moz-box;
  9482. -moz-box-orient: vertical;
  9483. -moz-box-align: stretch;
  9484. display: box;
  9485. box-orient: vertical;
  9486. box-align: stretch;
  9487. /* Modern browsers */
  9488. display: flex;
  9489. flex-direction: column;
  9490. align-items: stretch;
  9491. border-radius: 2px;
  9492. box-sizing: border-box;
  9493. -moz-box-sizing: border-box;
  9494. -webkit-box-sizing: border-box;
  9495. border-width: 1px;
  9496. border-style: solid;
  9497. border-color: transparent;
  9498. width: 100%;
  9499. padding: 5px;
  9500. /* This acts as a spacer between cells, that is outside the border */
  9501. margin: 0px;
  9502. outline: none;
  9503. border-left-width: 1px;
  9504. padding-left: 5px;
  9505. background: linear-gradient(to right, transparent -40px, transparent 1px, transparent 1px, transparent 100%);
  9506. }
  9507. div.cell.jupyter-soft-selected {
  9508. border-left-color: #90CAF9;
  9509. border-left-color: #E3F2FD;
  9510. border-left-width: 1px;
  9511. padding-left: 5px;
  9512. border-right-color: #E3F2FD;
  9513. border-right-width: 1px;
  9514. background: #E3F2FD;
  9515. }
  9516. @media print {
  9517. div.cell.jupyter-soft-selected {
  9518. border-color: transparent;
  9519. }
  9520. }
  9521. div.cell.selected {
  9522. border-color: #ababab;
  9523. border-left-width: 0px;
  9524. padding-left: 6px;
  9525. background: linear-gradient(to right, #42A5F5 -40px, #42A5F5 5px, transparent 5px, transparent 100%);
  9526. }
  9527. @media print {
  9528. div.cell.selected {
  9529. border-color: transparent;
  9530. }
  9531. }
  9532. div.cell.selected.jupyter-soft-selected {
  9533. border-left-width: 0;
  9534. padding-left: 6px;
  9535. background: linear-gradient(to right, #42A5F5 -40px, #42A5F5 7px, #E3F2FD 7px, #E3F2FD 100%);
  9536. }
  9537. .edit_mode div.cell.selected {
  9538. border-color: #66BB6A;
  9539. border-left-width: 0px;
  9540. padding-left: 6px;
  9541. background: linear-gradient(to right, #66BB6A -40px, #66BB6A 5px, transparent 5px, transparent 100%);
  9542. }
  9543. @media print {
  9544. .edit_mode div.cell.selected {
  9545. border-color: transparent;
  9546. }
  9547. }
  9548. .prompt {
  9549. /* This needs to be wide enough for 3 digit prompt numbers: In[100]: */
  9550. min-width: 14ex;
  9551. /* This padding is tuned to match the padding on the CodeMirror editor. */
  9552. padding: 0.4em;
  9553. margin: 0px;
  9554. font-family: monospace;
  9555. text-align: right;
  9556. /* This has to match that of the the CodeMirror class line-height below */
  9557. line-height: 1.21429em;
  9558. /* Don't highlight prompt number selection */
  9559. -webkit-touch-callout: none;
  9560. -webkit-user-select: none;
  9561. -khtml-user-select: none;
  9562. -moz-user-select: none;
  9563. -ms-user-select: none;
  9564. user-select: none;
  9565. /* Use default cursor */
  9566. cursor: default;
  9567. }
  9568. @media (max-width: 540px) {
  9569. .prompt {
  9570. text-align: left;
  9571. }
  9572. }
  9573. div.inner_cell {
  9574. min-width: 0;
  9575. /* Old browsers */
  9576. display: -webkit-box;
  9577. -webkit-box-orient: vertical;
  9578. -webkit-box-align: stretch;
  9579. display: -moz-box;
  9580. -moz-box-orient: vertical;
  9581. -moz-box-align: stretch;
  9582. display: box;
  9583. box-orient: vertical;
  9584. box-align: stretch;
  9585. /* Modern browsers */
  9586. display: flex;
  9587. flex-direction: column;
  9588. align-items: stretch;
  9589. /* Old browsers */
  9590. -webkit-box-flex: 1;
  9591. -moz-box-flex: 1;
  9592. box-flex: 1;
  9593. /* Modern browsers */
  9594. flex: 1;
  9595. }
  9596. /* input_area and input_prompt must match in top border and margin for alignment */
  9597. div.input_area {
  9598. border: 1px solid #cfcfcf;
  9599. border-radius: 2px;
  9600. background: #f7f7f7;
  9601. line-height: 1.21429em;
  9602. }
  9603. /* This is needed so that empty prompt areas can collapse to zero height when there
  9604. is no content in the output_subarea and the prompt. The main purpose of this is
  9605. to make sure that empty JavaScript output_subareas have no height. */
  9606. div.prompt:empty {
  9607. padding-top: 0;
  9608. padding-bottom: 0;
  9609. }
  9610. div.unrecognized_cell {
  9611. padding: 5px 5px 5px 0px;
  9612. /* Old browsers */
  9613. display: -webkit-box;
  9614. -webkit-box-orient: horizontal;
  9615. -webkit-box-align: stretch;
  9616. display: -moz-box;
  9617. -moz-box-orient: horizontal;
  9618. -moz-box-align: stretch;
  9619. display: box;
  9620. box-orient: horizontal;
  9621. box-align: stretch;
  9622. /* Modern browsers */
  9623. display: flex;
  9624. flex-direction: row;
  9625. align-items: stretch;
  9626. }
  9627. div.unrecognized_cell .inner_cell {
  9628. border-radius: 2px;
  9629. padding: 5px;
  9630. font-weight: bold;
  9631. color: red;
  9632. border: 1px solid #cfcfcf;
  9633. background: #eaeaea;
  9634. }
  9635. div.unrecognized_cell .inner_cell a {
  9636. color: inherit;
  9637. text-decoration: none;
  9638. }
  9639. div.unrecognized_cell .inner_cell a:hover {
  9640. color: inherit;
  9641. text-decoration: none;
  9642. }
  9643. @media (max-width: 540px) {
  9644. div.unrecognized_cell > div.prompt {
  9645. display: none;
  9646. }
  9647. }
  9648. div.code_cell {
  9649. /* avoid page breaking on code cells when printing */
  9650. }
  9651. @media print {
  9652. div.code_cell {
  9653. page-break-inside: avoid;
  9654. }
  9655. }
  9656. /* any special styling for code cells that are currently running goes here */
  9657. div.input {
  9658. page-break-inside: avoid;
  9659. /* Old browsers */
  9660. display: -webkit-box;
  9661. -webkit-box-orient: horizontal;
  9662. -webkit-box-align: stretch;
  9663. display: -moz-box;
  9664. -moz-box-orient: horizontal;
  9665. -moz-box-align: stretch;
  9666. display: box;
  9667. box-orient: horizontal;
  9668. box-align: stretch;
  9669. /* Modern browsers */
  9670. display: flex;
  9671. flex-direction: row;
  9672. align-items: stretch;
  9673. }
  9674. @media (max-width: 540px) {
  9675. div.input {
  9676. /* Old browsers */
  9677. display: -webkit-box;
  9678. -webkit-box-orient: vertical;
  9679. -webkit-box-align: stretch;
  9680. display: -moz-box;
  9681. -moz-box-orient: vertical;
  9682. -moz-box-align: stretch;
  9683. display: box;
  9684. box-orient: vertical;
  9685. box-align: stretch;
  9686. /* Modern browsers */
  9687. display: flex;
  9688. flex-direction: column;
  9689. align-items: stretch;
  9690. }
  9691. }
  9692. /* input_area and input_prompt must match in top border and margin for alignment */
  9693. div.input_prompt {
  9694. color: #303F9F;
  9695. border-top: 1px solid transparent;
  9696. }
  9697. div.input_area > div.highlight {
  9698. margin: 0.4em;
  9699. border: none;
  9700. padding: 0px;
  9701. background-color: transparent;
  9702. }
  9703. div.input_area > div.highlight > pre {
  9704. margin: 0px;
  9705. border: none;
  9706. padding: 0px;
  9707. background-color: transparent;
  9708. }
  9709. /* The following gets added to the <head> if it is detected that the user has a
  9710. * monospace font with inconsistent normal/bold/italic height. See
  9711. * notebookmain.js. Such fonts will have keywords vertically offset with
  9712. * respect to the rest of the text. The user should select a better font.
  9713. * See: https://github.com/ipython/ipython/issues/1503
  9714. *
  9715. * .CodeMirror span {
  9716. * vertical-align: bottom;
  9717. * }
  9718. */
  9719. .CodeMirror {
  9720. line-height: 1.21429em;
  9721. /* Changed from 1em to our global default */
  9722. font-size: 14px;
  9723. height: auto;
  9724. /* Changed to auto to autogrow */
  9725. background: none;
  9726. /* Changed from white to allow our bg to show through */
  9727. }
  9728. .CodeMirror-scroll {
  9729. /* The CodeMirror docs are a bit fuzzy on if overflow-y should be hidden or visible.*/
  9730. /* We have found that if it is visible, vertical scrollbars appear with font size changes.*/
  9731. overflow-y: hidden;
  9732. overflow-x: auto;
  9733. }
  9734. .CodeMirror-lines {
  9735. /* In CM2, this used to be 0.4em, but in CM3 it went to 4px. We need the em value because */
  9736. /* we have set a different line-height and want this to scale with that. */
  9737. padding: 0.4em;
  9738. }
  9739. .CodeMirror-linenumber {
  9740. padding: 0 8px 0 4px;
  9741. }
  9742. .CodeMirror-gutters {
  9743. border-bottom-left-radius: 2px;
  9744. border-top-left-radius: 2px;
  9745. }
  9746. .CodeMirror pre {
  9747. /* In CM3 this went to 4px from 0 in CM2. We need the 0 value because of how we size */
  9748. /* .CodeMirror-lines */
  9749. padding: 0;
  9750. border: 0;
  9751. border-radius: 0;
  9752. }
  9753. /*
  9754. Original style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>
  9755. Adapted from GitHub theme
  9756. */
  9757. .highlight-base {
  9758. color: #000;
  9759. }
  9760. .highlight-variable {
  9761. color: #000;
  9762. }
  9763. .highlight-variable-2 {
  9764. color: #1a1a1a;
  9765. }
  9766. .highlight-variable-3 {
  9767. color: #333333;
  9768. }
  9769. .highlight-string {
  9770. color: #BA2121;
  9771. }
  9772. .highlight-comment {
  9773. color: #408080;
  9774. font-style: italic;
  9775. }
  9776. .highlight-number {
  9777. color: #080;
  9778. }
  9779. .highlight-atom {
  9780. color: #88F;
  9781. }
  9782. .highlight-keyword {
  9783. color: #008000;
  9784. font-weight: bold;
  9785. }
  9786. .highlight-builtin {
  9787. color: #008000;
  9788. }
  9789. .highlight-error {
  9790. color: #f00;
  9791. }
  9792. .highlight-operator {
  9793. color: #AA22FF;
  9794. font-weight: bold;
  9795. }
  9796. .highlight-meta {
  9797. color: #AA22FF;
  9798. }
  9799. /* previously not defined, copying from default codemirror */
  9800. .highlight-def {
  9801. color: #00f;
  9802. }
  9803. .highlight-string-2 {
  9804. color: #f50;
  9805. }
  9806. .highlight-qualifier {
  9807. color: #555;
  9808. }
  9809. .highlight-bracket {
  9810. color: #997;
  9811. }
  9812. .highlight-tag {
  9813. color: #170;
  9814. }
  9815. .highlight-attribute {
  9816. color: #00c;
  9817. }
  9818. .highlight-header {
  9819. color: blue;
  9820. }
  9821. .highlight-quote {
  9822. color: #090;
  9823. }
  9824. .highlight-link {
  9825. color: #00c;
  9826. }
  9827. /* apply the same style to codemirror */
  9828. .cm-s-ipython span.cm-keyword {
  9829. color: #008000;
  9830. font-weight: bold;
  9831. }
  9832. .cm-s-ipython span.cm-atom {
  9833. color: #88F;
  9834. }
  9835. .cm-s-ipython span.cm-number {
  9836. color: #080;
  9837. }
  9838. .cm-s-ipython span.cm-def {
  9839. color: #00f;
  9840. }
  9841. .cm-s-ipython span.cm-variable {
  9842. color: #000;
  9843. }
  9844. .cm-s-ipython span.cm-operator {
  9845. color: #AA22FF;
  9846. font-weight: bold;
  9847. }
  9848. .cm-s-ipython span.cm-variable-2 {
  9849. color: #1a1a1a;
  9850. }
  9851. .cm-s-ipython span.cm-variable-3 {
  9852. color: #333333;
  9853. }
  9854. .cm-s-ipython span.cm-comment {
  9855. color: #408080;
  9856. font-style: italic;
  9857. }
  9858. .cm-s-ipython span.cm-string {
  9859. color: #BA2121;
  9860. }
  9861. .cm-s-ipython span.cm-string-2 {
  9862. color: #f50;
  9863. }
  9864. .cm-s-ipython span.cm-meta {
  9865. color: #AA22FF;
  9866. }
  9867. .cm-s-ipython span.cm-qualifier {
  9868. color: #555;
  9869. }
  9870. .cm-s-ipython span.cm-builtin {
  9871. color: #008000;
  9872. }
  9873. .cm-s-ipython span.cm-bracket {
  9874. color: #997;
  9875. }
  9876. .cm-s-ipython span.cm-tag {
  9877. color: #170;
  9878. }
  9879. .cm-s-ipython span.cm-attribute {
  9880. color: #00c;
  9881. }
  9882. .cm-s-ipython span.cm-header {
  9883. color: blue;
  9884. }
  9885. .cm-s-ipython span.cm-quote {
  9886. color: #090;
  9887. }
  9888. .cm-s-ipython span.cm-link {
  9889. color: #00c;
  9890. }
  9891. .cm-s-ipython span.cm-error {
  9892. color: #f00;
  9893. }
  9894. .cm-s-ipython span.cm-tab {
  9895. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);
  9896. background-position: right;
  9897. background-repeat: no-repeat;
  9898. }
  9899. div.output_wrapper {
  9900. /* this position must be relative to enable descendents to be absolute within it */
  9901. position: relative;
  9902. /* Old browsers */
  9903. display: -webkit-box;
  9904. -webkit-box-orient: vertical;
  9905. -webkit-box-align: stretch;
  9906. display: -moz-box;
  9907. -moz-box-orient: vertical;
  9908. -moz-box-align: stretch;
  9909. display: box;
  9910. box-orient: vertical;
  9911. box-align: stretch;
  9912. /* Modern browsers */
  9913. display: flex;
  9914. flex-direction: column;
  9915. align-items: stretch;
  9916. z-index: 1;
  9917. }
  9918. /* class for the output area when it should be height-limited */
  9919. div.output_scroll {
  9920. /* ideally, this would be max-height, but FF barfs all over that */
  9921. height: 24em;
  9922. /* FF needs this *and the wrapper* to specify full width, or it will shrinkwrap */
  9923. width: 100%;
  9924. overflow: auto;
  9925. border-radius: 2px;
  9926. -webkit-box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8);
  9927. box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8);
  9928. display: block;
  9929. }
  9930. /* output div while it is collapsed */
  9931. div.output_collapsed {
  9932. margin: 0px;
  9933. padding: 0px;
  9934. /* Old browsers */
  9935. display: -webkit-box;
  9936. -webkit-box-orient: vertical;
  9937. -webkit-box-align: stretch;
  9938. display: -moz-box;
  9939. -moz-box-orient: vertical;
  9940. -moz-box-align: stretch;
  9941. display: box;
  9942. box-orient: vertical;
  9943. box-align: stretch;
  9944. /* Modern browsers */
  9945. display: flex;
  9946. flex-direction: column;
  9947. align-items: stretch;
  9948. }
  9949. div.out_prompt_overlay {
  9950. height: 100%;
  9951. padding: 0px 0.4em;
  9952. position: absolute;
  9953. border-radius: 2px;
  9954. }
  9955. div.out_prompt_overlay:hover {
  9956. /* use inner shadow to get border that is computed the same on WebKit/FF */
  9957. -webkit-box-shadow: inset 0 0 1px #000;
  9958. box-shadow: inset 0 0 1px #000;
  9959. background: rgba(240, 240, 240, 0.5);
  9960. }
  9961. div.output_prompt {
  9962. color: #D84315;
  9963. }
  9964. /* This class is the outer container of all output sections. */
  9965. div.output_area {
  9966. padding: 0px;
  9967. page-break-inside: avoid;
  9968. /* Old browsers */
  9969. display: -webkit-box;
  9970. -webkit-box-orient: horizontal;
  9971. -webkit-box-align: stretch;
  9972. display: -moz-box;
  9973. -moz-box-orient: horizontal;
  9974. -moz-box-align: stretch;
  9975. display: box;
  9976. box-orient: horizontal;
  9977. box-align: stretch;
  9978. /* Modern browsers */
  9979. display: flex;
  9980. flex-direction: row;
  9981. align-items: stretch;
  9982. }
  9983. div.output_area .MathJax_Display {
  9984. text-align: left !important;
  9985. }
  9986. div.output_area .rendered_html table {
  9987. margin-left: 0;
  9988. margin-right: 0;
  9989. }
  9990. div.output_area .rendered_html img {
  9991. margin-left: 0;
  9992. margin-right: 0;
  9993. }
  9994. div.output_area img,
  9995. div.output_area svg {
  9996. max-width: 100%;
  9997. height: auto;
  9998. }
  9999. div.output_area img.unconfined,
  10000. div.output_area svg.unconfined {
  10001. max-width: none;
  10002. }
  10003. /* This is needed to protect the pre formating from global settings such
  10004. as that of bootstrap */
  10005. .output {
  10006. /* Old browsers */
  10007. display: -webkit-box;
  10008. -webkit-box-orient: vertical;
  10009. -webkit-box-align: stretch;
  10010. display: -moz-box;
  10011. -moz-box-orient: vertical;
  10012. -moz-box-align: stretch;
  10013. display: box;
  10014. box-orient: vertical;
  10015. box-align: stretch;
  10016. /* Modern browsers */
  10017. display: flex;
  10018. flex-direction: column;
  10019. align-items: stretch;
  10020. }
  10021. @media (max-width: 540px) {
  10022. div.output_area {
  10023. /* Old browsers */
  10024. display: -webkit-box;
  10025. -webkit-box-orient: vertical;
  10026. -webkit-box-align: stretch;
  10027. display: -moz-box;
  10028. -moz-box-orient: vertical;
  10029. -moz-box-align: stretch;
  10030. display: box;
  10031. box-orient: vertical;
  10032. box-align: stretch;
  10033. /* Modern browsers */
  10034. display: flex;
  10035. flex-direction: column;
  10036. align-items: stretch;
  10037. }
  10038. }
  10039. div.output_area pre {
  10040. margin: 0;
  10041. padding: 0;
  10042. border: 0;
  10043. vertical-align: baseline;
  10044. color: black;
  10045. background-color: transparent;
  10046. border-radius: 0;
  10047. }
  10048. /* This class is for the output subarea inside the output_area and after
  10049. the prompt div. */
  10050. div.output_subarea {
  10051. overflow-x: auto;
  10052. padding: 0.4em;
  10053. /* Old browsers */
  10054. -webkit-box-flex: 1;
  10055. -moz-box-flex: 1;
  10056. box-flex: 1;
  10057. /* Modern browsers */
  10058. flex: 1;
  10059. max-width: calc(100% - 14ex);
  10060. }
  10061. div.output_scroll div.output_subarea {
  10062. overflow-x: visible;
  10063. }
  10064. /* The rest of the output_* classes are for special styling of the different
  10065. output types */
  10066. /* all text output has this class: */
  10067. div.output_text {
  10068. text-align: left;
  10069. color: #000;
  10070. /* This has to match that of the the CodeMirror class line-height below */
  10071. line-height: 1.21429em;
  10072. }
  10073. /* stdout/stderr are 'text' as well as 'stream', but execute_result/error are *not* streams */
  10074. div.output_stderr {
  10075. background: #fdd;
  10076. /* very light red background for stderr */
  10077. }
  10078. div.output_latex {
  10079. text-align: left;
  10080. }
  10081. /* Empty output_javascript divs should have no height */
  10082. div.output_javascript:empty {
  10083. padding: 0;
  10084. }
  10085. .js-error {
  10086. color: darkred;
  10087. }
  10088. /* raw_input styles */
  10089. div.raw_input_container {
  10090. line-height: 1.21429em;
  10091. padding-top: 5px;
  10092. }
  10093. pre.raw_input_prompt {
  10094. /* nothing needed here. */
  10095. }
  10096. input.raw_input {
  10097. font-family: monospace;
  10098. font-size: inherit;
  10099. color: inherit;
  10100. width: auto;
  10101. /* make sure input baseline aligns with prompt */
  10102. vertical-align: baseline;
  10103. /* padding + margin = 0.5em between prompt and cursor */
  10104. padding: 0em 0.25em;
  10105. margin: 0em 0.25em;
  10106. }
  10107. input.raw_input:focus {
  10108. box-shadow: none;
  10109. }
  10110. p.p-space {
  10111. margin-bottom: 10px;
  10112. }
  10113. div.output_unrecognized {
  10114. padding: 5px;
  10115. font-weight: bold;
  10116. color: red;
  10117. }
  10118. div.output_unrecognized a {
  10119. color: inherit;
  10120. text-decoration: none;
  10121. }
  10122. div.output_unrecognized a:hover {
  10123. color: inherit;
  10124. text-decoration: none;
  10125. }
  10126. .rendered_html {
  10127. color: #000;
  10128. /* any extras will just be numbers: */
  10129. }
  10130. .rendered_html em {
  10131. font-style: italic;
  10132. }
  10133. .rendered_html strong {
  10134. font-weight: bold;
  10135. }
  10136. .rendered_html u {
  10137. text-decoration: underline;
  10138. }
  10139. .rendered_html :link {
  10140. text-decoration: underline;
  10141. }
  10142. .rendered_html :visited {
  10143. text-decoration: underline;
  10144. }
  10145. .rendered_html h1 {
  10146. font-size: 185.7%;
  10147. margin: 1.08em 0 0 0;
  10148. font-weight: bold;
  10149. line-height: 1.0;
  10150. }
  10151. .rendered_html h2 {
  10152. font-size: 157.1%;
  10153. margin: 1.27em 0 0 0;
  10154. font-weight: bold;
  10155. line-height: 1.0;
  10156. }
  10157. .rendered_html h3 {
  10158. font-size: 128.6%;
  10159. margin: 1.55em 0 0 0;
  10160. font-weight: bold;
  10161. line-height: 1.0;
  10162. }
  10163. .rendered_html h4 {
  10164. font-size: 100%;
  10165. margin: 2em 0 0 0;
  10166. font-weight: bold;
  10167. line-height: 1.0;
  10168. }
  10169. .rendered_html h5 {
  10170. font-size: 100%;
  10171. margin: 2em 0 0 0;
  10172. font-weight: bold;
  10173. line-height: 1.0;
  10174. font-style: italic;
  10175. }
  10176. .rendered_html h6 {
  10177. font-size: 100%;
  10178. margin: 2em 0 0 0;
  10179. font-weight: bold;
  10180. line-height: 1.0;
  10181. font-style: italic;
  10182. }
  10183. .rendered_html h1:first-child {
  10184. margin-top: 0.538em;
  10185. }
  10186. .rendered_html h2:first-child {
  10187. margin-top: 0.636em;
  10188. }
  10189. .rendered_html h3:first-child {
  10190. margin-top: 0.777em;
  10191. }
  10192. .rendered_html h4:first-child {
  10193. margin-top: 1em;
  10194. }
  10195. .rendered_html h5:first-child {
  10196. margin-top: 1em;
  10197. }
  10198. .rendered_html h6:first-child {
  10199. margin-top: 1em;
  10200. }
  10201. .rendered_html ul {
  10202. list-style: disc;
  10203. margin: 0em 2em;
  10204. padding-left: 0px;
  10205. }
  10206. .rendered_html ul ul {
  10207. list-style: square;
  10208. margin: 0em 2em;
  10209. }
  10210. .rendered_html ul ul ul {
  10211. list-style: circle;
  10212. margin: 0em 2em;
  10213. }
  10214. .rendered_html ol {
  10215. list-style: decimal;
  10216. margin: 0em 2em;
  10217. padding-left: 0px;
  10218. }
  10219. .rendered_html ol ol {
  10220. list-style: upper-alpha;
  10221. margin: 0em 2em;
  10222. }
  10223. .rendered_html ol ol ol {
  10224. list-style: lower-alpha;
  10225. margin: 0em 2em;
  10226. }
  10227. .rendered_html ol ol ol ol {
  10228. list-style: lower-roman;
  10229. margin: 0em 2em;
  10230. }
  10231. .rendered_html ol ol ol ol ol {
  10232. list-style: decimal;
  10233. margin: 0em 2em;
  10234. }
  10235. .rendered_html * + ul {
  10236. margin-top: 1em;
  10237. }
  10238. .rendered_html * + ol {
  10239. margin-top: 1em;
  10240. }
  10241. .rendered_html hr {
  10242. color: black;
  10243. background-color: black;
  10244. }
  10245. .rendered_html pre {
  10246. margin: 1em 2em;
  10247. }
  10248. .rendered_html pre,
  10249. .rendered_html code {
  10250. border: 0;
  10251. background-color: #fff;
  10252. color: #000;
  10253. font-size: 100%;
  10254. padding: 0px;
  10255. }
  10256. .rendered_html blockquote {
  10257. margin: 1em 2em;
  10258. }
  10259. .rendered_html table {
  10260. margin-left: auto;
  10261. margin-right: auto;
  10262. border: 1px solid black;
  10263. border-collapse: collapse;
  10264. }
  10265. .rendered_html tr,
  10266. .rendered_html th,
  10267. .rendered_html td {
  10268. border: 1px solid black;
  10269. border-collapse: collapse;
  10270. margin: 1em 2em;
  10271. }
  10272. .rendered_html td,
  10273. .rendered_html th {
  10274. text-align: left;
  10275. vertical-align: middle;
  10276. padding: 4px;
  10277. }
  10278. .rendered_html th {
  10279. font-weight: bold;
  10280. }
  10281. .rendered_html * + table {
  10282. margin-top: 1em;
  10283. }
  10284. .rendered_html p {
  10285. text-align: left;
  10286. }
  10287. .rendered_html * + p {
  10288. margin-top: 1em;
  10289. }
  10290. .rendered_html img {
  10291. display: block;
  10292. margin-left: auto;
  10293. margin-right: auto;
  10294. }
  10295. .rendered_html * + img {
  10296. margin-top: 1em;
  10297. }
  10298. .rendered_html img,
  10299. .rendered_html svg {
  10300. max-width: 100%;
  10301. height: auto;
  10302. }
  10303. .rendered_html img.unconfined,
  10304. .rendered_html svg.unconfined {
  10305. max-width: none;
  10306. }
  10307. div.text_cell {
  10308. /* Old browsers */
  10309. display: -webkit-box;
  10310. -webkit-box-orient: horizontal;
  10311. -webkit-box-align: stretch;
  10312. display: -moz-box;
  10313. -moz-box-orient: horizontal;
  10314. -moz-box-align: stretch;
  10315. display: box;
  10316. box-orient: horizontal;
  10317. box-align: stretch;
  10318. /* Modern browsers */
  10319. display: flex;
  10320. flex-direction: row;
  10321. align-items: stretch;
  10322. }
  10323. @media (max-width: 540px) {
  10324. div.text_cell > div.prompt {
  10325. display: none;
  10326. }
  10327. }
  10328. div.text_cell_render {
  10329. /*font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;*/
  10330. outline: none;
  10331. resize: none;
  10332. width: inherit;
  10333. border-style: none;
  10334. padding: 0.5em 0.5em 0.5em 0.4em;
  10335. color: #000;
  10336. box-sizing: border-box;
  10337. -moz-box-sizing: border-box;
  10338. -webkit-box-sizing: border-box;
  10339. }
  10340. a.anchor-link:link {
  10341. text-decoration: none;
  10342. padding: 0px 20px;
  10343. visibility: hidden;
  10344. }
  10345. h1:hover .anchor-link,
  10346. h2:hover .anchor-link,
  10347. h3:hover .anchor-link,
  10348. h4:hover .anchor-link,
  10349. h5:hover .anchor-link,
  10350. h6:hover .anchor-link {
  10351. visibility: visible;
  10352. }
  10353. .text_cell.rendered .input_area {
  10354. display: none;
  10355. }
  10356. .text_cell.rendered .rendered_html {
  10357. overflow-x: auto;
  10358. overflow-y: hidden;
  10359. }
  10360. .text_cell.unrendered .text_cell_render {
  10361. display: none;
  10362. }
  10363. .cm-header-1,
  10364. .cm-header-2,
  10365. .cm-header-3,
  10366. .cm-header-4,
  10367. .cm-header-5,
  10368. .cm-header-6 {
  10369. font-weight: bold;
  10370. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  10371. }
  10372. .cm-header-1 {
  10373. font-size: 185.7%;
  10374. }
  10375. .cm-header-2 {
  10376. font-size: 157.1%;
  10377. }
  10378. .cm-header-3 {
  10379. font-size: 128.6%;
  10380. }
  10381. .cm-header-4 {
  10382. font-size: 110%;
  10383. }
  10384. .cm-header-5 {
  10385. font-size: 100%;
  10386. font-style: italic;
  10387. }
  10388. .cm-header-6 {
  10389. font-size: 100%;
  10390. font-style: italic;
  10391. }
  10392. /*!
  10393. *
  10394. * IPython notebook webapp
  10395. *
  10396. */
  10397. @media (max-width: 767px) {
  10398. .notebook_app {
  10399. padding-left: 0px;
  10400. padding-right: 0px;
  10401. }
  10402. }
  10403. #ipython-main-app {
  10404. box-sizing: border-box;
  10405. -moz-box-sizing: border-box;
  10406. -webkit-box-sizing: border-box;
  10407. height: 100%;
  10408. }
  10409. div#notebook_panel {
  10410. margin: 0px;
  10411. padding: 0px;
  10412. box-sizing: border-box;
  10413. -moz-box-sizing: border-box;
  10414. -webkit-box-sizing: border-box;
  10415. height: 100%;
  10416. }
  10417. div#notebook {
  10418. font-size: 14px;
  10419. line-height: 20px;
  10420. overflow-y: hidden;
  10421. overflow-x: auto;
  10422. width: 100%;
  10423. /* This spaces the page away from the edge of the notebook area */
  10424. padding-top: 20px;
  10425. margin: 0px;
  10426. outline: none;
  10427. box-sizing: border-box;
  10428. -moz-box-sizing: border-box;
  10429. -webkit-box-sizing: border-box;
  10430. min-height: 100%;
  10431. }
  10432. @media not print {
  10433. #notebook-container {
  10434. padding: 15px;
  10435. background-color: #fff;
  10436. min-height: 0;
  10437. -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  10438. box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  10439. }
  10440. }
  10441. @media print {
  10442. #notebook-container {
  10443. width: 100%;
  10444. }
  10445. }
  10446. div.ui-widget-content {
  10447. border: 1px solid #ababab;
  10448. outline: none;
  10449. }
  10450. pre.dialog {
  10451. background-color: #f7f7f7;
  10452. border: 1px solid #ddd;
  10453. border-radius: 2px;
  10454. padding: 0.4em;
  10455. padding-left: 2em;
  10456. }
  10457. p.dialog {
  10458. padding: 0.2em;
  10459. }
  10460. /* Word-wrap output correctly. This is the CSS3 spelling, though Firefox seems
  10461. to not honor it correctly. Webkit browsers (Chrome, rekonq, Safari) do.
  10462. */
  10463. pre,
  10464. code,
  10465. kbd,
  10466. samp {
  10467. white-space: pre-wrap;
  10468. }
  10469. #fonttest {
  10470. font-family: monospace;
  10471. }
  10472. p {
  10473. margin-bottom: 0;
  10474. }
  10475. .end_space {
  10476. min-height: 100px;
  10477. transition: height .2s ease;
  10478. }
  10479. .notebook_app > #header {
  10480. -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  10481. box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  10482. }
  10483. @media not print {
  10484. .notebook_app {
  10485. background-color: #EEE;
  10486. }
  10487. }
  10488. kbd {
  10489. border-style: solid;
  10490. border-width: 1px;
  10491. box-shadow: none;
  10492. margin: 2px;
  10493. padding-left: 2px;
  10494. padding-right: 2px;
  10495. padding-top: 1px;
  10496. padding-bottom: 1px;
  10497. }
  10498. /* CSS for the cell toolbar */
  10499. .celltoolbar {
  10500. border: thin solid #CFCFCF;
  10501. border-bottom: none;
  10502. background: #EEE;
  10503. border-radius: 2px 2px 0px 0px;
  10504. width: 100%;
  10505. height: 29px;
  10506. padding-right: 4px;
  10507. /* Old browsers */
  10508. display: -webkit-box;
  10509. -webkit-box-orient: horizontal;
  10510. -webkit-box-align: stretch;
  10511. display: -moz-box;
  10512. -moz-box-orient: horizontal;
  10513. -moz-box-align: stretch;
  10514. display: box;
  10515. box-orient: horizontal;
  10516. box-align: stretch;
  10517. /* Modern browsers */
  10518. display: flex;
  10519. flex-direction: row;
  10520. align-items: stretch;
  10521. /* Old browsers */
  10522. -webkit-box-pack: end;
  10523. -moz-box-pack: end;
  10524. box-pack: end;
  10525. /* Modern browsers */
  10526. justify-content: flex-end;
  10527. display: -webkit-flex;
  10528. }
  10529. @media print {
  10530. .celltoolbar {
  10531. display: none;
  10532. }
  10533. }
  10534. .ctb_hideshow {
  10535. display: none;
  10536. vertical-align: bottom;
  10537. }
  10538. /* ctb_show is added to the ctb_hideshow div to show the cell toolbar.
  10539. Cell toolbars are only shown when the ctb_global_show class is also set.
  10540. */
  10541. .ctb_global_show .ctb_show.ctb_hideshow {
  10542. display: block;
  10543. }
  10544. .ctb_global_show .ctb_show + .input_area,
  10545. .ctb_global_show .ctb_show + div.text_cell_input,
  10546. .ctb_global_show .ctb_show ~ div.text_cell_render {
  10547. border-top-right-radius: 0px;
  10548. border-top-left-radius: 0px;
  10549. }
  10550. .ctb_global_show .ctb_show ~ div.text_cell_render {
  10551. border: 1px solid #cfcfcf;
  10552. }
  10553. .celltoolbar {
  10554. font-size: 87%;
  10555. padding-top: 3px;
  10556. }
  10557. .celltoolbar select {
  10558. display: block;
  10559. width: 100%;
  10560. height: 32px;
  10561. padding: 6px 12px;
  10562. font-size: 13px;
  10563. line-height: 1.42857143;
  10564. color: #555555;
  10565. background-color: #fff;
  10566. background-image: none;
  10567. border: 1px solid #ccc;
  10568. border-radius: 2px;
  10569. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  10570. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  10571. -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  10572. -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  10573. transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  10574. height: 30px;
  10575. padding: 5px 10px;
  10576. font-size: 12px;
  10577. line-height: 1.5;
  10578. border-radius: 1px;
  10579. width: inherit;
  10580. font-size: inherit;
  10581. height: 22px;
  10582. padding: 0px;
  10583. display: inline-block;
  10584. }
  10585. .celltoolbar select:focus {
  10586. border-color: #66afe9;
  10587. outline: 0;
  10588. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  10589. box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  10590. }
  10591. .celltoolbar select::-moz-placeholder {
  10592. color: #999;
  10593. opacity: 1;
  10594. }
  10595. .celltoolbar select:-ms-input-placeholder {
  10596. color: #999;
  10597. }
  10598. .celltoolbar select::-webkit-input-placeholder {
  10599. color: #999;
  10600. }
  10601. .celltoolbar select::-ms-expand {
  10602. border: 0;
  10603. background-color: transparent;
  10604. }
  10605. .celltoolbar select[disabled],
  10606. .celltoolbar select[readonly],
  10607. fieldset[disabled] .celltoolbar select {
  10608. background-color: #eeeeee;
  10609. opacity: 1;
  10610. }
  10611. .celltoolbar select[disabled],
  10612. fieldset[disabled] .celltoolbar select {
  10613. cursor: not-allowed;
  10614. }
  10615. textarea.celltoolbar select {
  10616. height: auto;
  10617. }
  10618. select.celltoolbar select {
  10619. height: 30px;
  10620. line-height: 30px;
  10621. }
  10622. textarea.celltoolbar select,
  10623. select[multiple].celltoolbar select {
  10624. height: auto;
  10625. }
  10626. .celltoolbar label {
  10627. margin-left: 5px;
  10628. margin-right: 5px;
  10629. }
  10630. .completions {
  10631. position: absolute;
  10632. z-index: 110;
  10633. overflow: hidden;
  10634. border: 1px solid #ababab;
  10635. border-radius: 2px;
  10636. -webkit-box-shadow: 0px 6px 10px -1px #adadad;
  10637. box-shadow: 0px 6px 10px -1px #adadad;
  10638. line-height: 1;
  10639. }
  10640. .completions select {
  10641. background: white;
  10642. outline: none;
  10643. border: none;
  10644. padding: 0px;
  10645. margin: 0px;
  10646. overflow: auto;
  10647. font-family: monospace;
  10648. font-size: 110%;
  10649. color: #000;
  10650. width: auto;
  10651. }
  10652. .completions select option.context {
  10653. color: #286090;
  10654. }
  10655. #kernel_logo_widget {
  10656. float: right !important;
  10657. float: right;
  10658. }
  10659. #kernel_logo_widget .current_kernel_logo {
  10660. display: none;
  10661. margin-top: -1px;
  10662. margin-bottom: -1px;
  10663. width: 32px;
  10664. height: 32px;
  10665. }
  10666. #menubar {
  10667. box-sizing: border-box;
  10668. -moz-box-sizing: border-box;
  10669. -webkit-box-sizing: border-box;
  10670. margin-top: 1px;
  10671. }
  10672. #menubar .navbar {
  10673. border-top: 1px;
  10674. border-radius: 0px 0px 2px 2px;
  10675. margin-bottom: 0px;
  10676. }
  10677. #menubar .navbar-toggle {
  10678. float: left;
  10679. padding-top: 7px;
  10680. padding-bottom: 7px;
  10681. border: none;
  10682. }
  10683. #menubar .navbar-collapse {
  10684. clear: left;
  10685. }
  10686. .nav-wrapper {
  10687. border-bottom: 1px solid #e7e7e7;
  10688. }
  10689. i.menu-icon {
  10690. padding-top: 4px;
  10691. }
  10692. ul#help_menu li a {
  10693. overflow: hidden;
  10694. padding-right: 2.2em;
  10695. }
  10696. ul#help_menu li a i {
  10697. margin-right: -1.2em;
  10698. }
  10699. .dropdown-submenu {
  10700. position: relative;
  10701. }
  10702. .dropdown-submenu > .dropdown-menu {
  10703. top: 0;
  10704. left: 100%;
  10705. margin-top: -6px;
  10706. margin-left: -1px;
  10707. }
  10708. .dropdown-submenu:hover > .dropdown-menu {
  10709. display: block;
  10710. }
  10711. .dropdown-submenu > a:after {
  10712. display: inline-block;
  10713. font: normal normal normal 14px/1 FontAwesome;
  10714. font-size: inherit;
  10715. text-rendering: auto;
  10716. -webkit-font-smoothing: antialiased;
  10717. -moz-osx-font-smoothing: grayscale;
  10718. display: block;
  10719. content: "\f0da";
  10720. float: right;
  10721. color: #333333;
  10722. margin-top: 2px;
  10723. margin-right: -10px;
  10724. }
  10725. .dropdown-submenu > a:after.pull-left {
  10726. margin-right: .3em;
  10727. }
  10728. .dropdown-submenu > a:after.pull-right {
  10729. margin-left: .3em;
  10730. }
  10731. .dropdown-submenu:hover > a:after {
  10732. color: #262626;
  10733. }
  10734. .dropdown-submenu.pull-left {
  10735. float: none;
  10736. }
  10737. .dropdown-submenu.pull-left > .dropdown-menu {
  10738. left: -100%;
  10739. margin-left: 10px;
  10740. }
  10741. #notification_area {
  10742. float: right !important;
  10743. float: right;
  10744. z-index: 10;
  10745. }
  10746. .indicator_area {
  10747. float: right !important;
  10748. float: right;
  10749. color: #777;
  10750. margin-left: 5px;
  10751. margin-right: 5px;
  10752. width: 11px;
  10753. z-index: 10;
  10754. text-align: center;
  10755. width: auto;
  10756. }
  10757. #kernel_indicator {
  10758. float: right !important;
  10759. float: right;
  10760. color: #777;
  10761. margin-left: 5px;
  10762. margin-right: 5px;
  10763. width: 11px;
  10764. z-index: 10;
  10765. text-align: center;
  10766. width: auto;
  10767. border-left: 1px solid;
  10768. }
  10769. #kernel_indicator .kernel_indicator_name {
  10770. padding-left: 5px;
  10771. padding-right: 5px;
  10772. }
  10773. #modal_indicator {
  10774. float: right !important;
  10775. float: right;
  10776. color: #777;
  10777. margin-left: 5px;
  10778. margin-right: 5px;
  10779. width: 11px;
  10780. z-index: 10;
  10781. text-align: center;
  10782. width: auto;
  10783. }
  10784. #readonly-indicator {
  10785. float: right !important;
  10786. float: right;
  10787. color: #777;
  10788. margin-left: 5px;
  10789. margin-right: 5px;
  10790. width: 11px;
  10791. z-index: 10;
  10792. text-align: center;
  10793. width: auto;
  10794. margin-top: 2px;
  10795. margin-bottom: 0px;
  10796. margin-left: 0px;
  10797. margin-right: 0px;
  10798. display: none;
  10799. }
  10800. .modal_indicator:before {
  10801. width: 1.28571429em;
  10802. text-align: center;
  10803. }
  10804. .edit_mode .modal_indicator:before {
  10805. display: inline-block;
  10806. font: normal normal normal 14px/1 FontAwesome;
  10807. font-size: inherit;
  10808. text-rendering: auto;
  10809. -webkit-font-smoothing: antialiased;
  10810. -moz-osx-font-smoothing: grayscale;
  10811. content: "\f040";
  10812. }
  10813. .edit_mode .modal_indicator:before.pull-left {
  10814. margin-right: .3em;
  10815. }
  10816. .edit_mode .modal_indicator:before.pull-right {
  10817. margin-left: .3em;
  10818. }
  10819. .command_mode .modal_indicator:before {
  10820. display: inline-block;
  10821. font: normal normal normal 14px/1 FontAwesome;
  10822. font-size: inherit;
  10823. text-rendering: auto;
  10824. -webkit-font-smoothing: antialiased;
  10825. -moz-osx-font-smoothing: grayscale;
  10826. content: ' ';
  10827. }
  10828. .command_mode .modal_indicator:before.pull-left {
  10829. margin-right: .3em;
  10830. }
  10831. .command_mode .modal_indicator:before.pull-right {
  10832. margin-left: .3em;
  10833. }
  10834. .kernel_idle_icon:before {
  10835. display: inline-block;
  10836. font: normal normal normal 14px/1 FontAwesome;
  10837. font-size: inherit;
  10838. text-rendering: auto;
  10839. -webkit-font-smoothing: antialiased;
  10840. -moz-osx-font-smoothing: grayscale;
  10841. content: "\f10c";
  10842. }
  10843. .kernel_idle_icon:before.pull-left {
  10844. margin-right: .3em;
  10845. }
  10846. .kernel_idle_icon:before.pull-right {
  10847. margin-left: .3em;
  10848. }
  10849. .kernel_busy_icon:before {
  10850. display: inline-block;
  10851. font: normal normal normal 14px/1 FontAwesome;
  10852. font-size: inherit;
  10853. text-rendering: auto;
  10854. -webkit-font-smoothing: antialiased;
  10855. -moz-osx-font-smoothing: grayscale;
  10856. content: "\f111";
  10857. }
  10858. .kernel_busy_icon:before.pull-left {
  10859. margin-right: .3em;
  10860. }
  10861. .kernel_busy_icon:before.pull-right {
  10862. margin-left: .3em;
  10863. }
  10864. .kernel_dead_icon:before {
  10865. display: inline-block;
  10866. font: normal normal normal 14px/1 FontAwesome;
  10867. font-size: inherit;
  10868. text-rendering: auto;
  10869. -webkit-font-smoothing: antialiased;
  10870. -moz-osx-font-smoothing: grayscale;
  10871. content: "\f1e2";
  10872. }
  10873. .kernel_dead_icon:before.pull-left {
  10874. margin-right: .3em;
  10875. }
  10876. .kernel_dead_icon:before.pull-right {
  10877. margin-left: .3em;
  10878. }
  10879. .kernel_disconnected_icon:before {
  10880. display: inline-block;
  10881. font: normal normal normal 14px/1 FontAwesome;
  10882. font-size: inherit;
  10883. text-rendering: auto;
  10884. -webkit-font-smoothing: antialiased;
  10885. -moz-osx-font-smoothing: grayscale;
  10886. content: "\f127";
  10887. }
  10888. .kernel_disconnected_icon:before.pull-left {
  10889. margin-right: .3em;
  10890. }
  10891. .kernel_disconnected_icon:before.pull-right {
  10892. margin-left: .3em;
  10893. }
  10894. .notification_widget {
  10895. color: #777;
  10896. z-index: 10;
  10897. background: rgba(240, 240, 240, 0.5);
  10898. margin-right: 4px;
  10899. color: #333;
  10900. background-color: #fff;
  10901. border-color: #ccc;
  10902. }
  10903. .notification_widget:focus,
  10904. .notification_widget.focus {
  10905. color: #333;
  10906. background-color: #e6e6e6;
  10907. border-color: #8c8c8c;
  10908. }
  10909. .notification_widget:hover {
  10910. color: #333;
  10911. background-color: #e6e6e6;
  10912. border-color: #adadad;
  10913. }
  10914. .notification_widget:active,
  10915. .notification_widget.active,
  10916. .open > .dropdown-toggle.notification_widget {
  10917. color: #333;
  10918. background-color: #e6e6e6;
  10919. border-color: #adadad;
  10920. }
  10921. .notification_widget:active:hover,
  10922. .notification_widget.active:hover,
  10923. .open > .dropdown-toggle.notification_widget:hover,
  10924. .notification_widget:active:focus,
  10925. .notification_widget.active:focus,
  10926. .open > .dropdown-toggle.notification_widget:focus,
  10927. .notification_widget:active.focus,
  10928. .notification_widget.active.focus,
  10929. .open > .dropdown-toggle.notification_widget.focus {
  10930. color: #333;
  10931. background-color: #d4d4d4;
  10932. border-color: #8c8c8c;
  10933. }
  10934. .notification_widget:active,
  10935. .notification_widget.active,
  10936. .open > .dropdown-toggle.notification_widget {
  10937. background-image: none;
  10938. }
  10939. .notification_widget.disabled:hover,
  10940. .notification_widget[disabled]:hover,
  10941. fieldset[disabled] .notification_widget:hover,
  10942. .notification_widget.disabled:focus,
  10943. .notification_widget[disabled]:focus,
  10944. fieldset[disabled] .notification_widget:focus,
  10945. .notification_widget.disabled.focus,
  10946. .notification_widget[disabled].focus,
  10947. fieldset[disabled] .notification_widget.focus {
  10948. background-color: #fff;
  10949. border-color: #ccc;
  10950. }
  10951. .notification_widget .badge {
  10952. color: #fff;
  10953. background-color: #333;
  10954. }
  10955. .notification_widget.warning {
  10956. color: #fff;
  10957. background-color: #f0ad4e;
  10958. border-color: #eea236;
  10959. }
  10960. .notification_widget.warning:focus,
  10961. .notification_widget.warning.focus {
  10962. color: #fff;
  10963. background-color: #ec971f;
  10964. border-color: #985f0d;
  10965. }
  10966. .notification_widget.warning:hover {
  10967. color: #fff;
  10968. background-color: #ec971f;
  10969. border-color: #d58512;
  10970. }
  10971. .notification_widget.warning:active,
  10972. .notification_widget.warning.active,
  10973. .open > .dropdown-toggle.notification_widget.warning {
  10974. color: #fff;
  10975. background-color: #ec971f;
  10976. border-color: #d58512;
  10977. }
  10978. .notification_widget.warning:active:hover,
  10979. .notification_widget.warning.active:hover,
  10980. .open > .dropdown-toggle.notification_widget.warning:hover,
  10981. .notification_widget.warning:active:focus,
  10982. .notification_widget.warning.active:focus,
  10983. .open > .dropdown-toggle.notification_widget.warning:focus,
  10984. .notification_widget.warning:active.focus,
  10985. .notification_widget.warning.active.focus,
  10986. .open > .dropdown-toggle.notification_widget.warning.focus {
  10987. color: #fff;
  10988. background-color: #d58512;
  10989. border-color: #985f0d;
  10990. }
  10991. .notification_widget.warning:active,
  10992. .notification_widget.warning.active,
  10993. .open > .dropdown-toggle.notification_widget.warning {
  10994. background-image: none;
  10995. }
  10996. .notification_widget.warning.disabled:hover,
  10997. .notification_widget.warning[disabled]:hover,
  10998. fieldset[disabled] .notification_widget.warning:hover,
  10999. .notification_widget.warning.disabled:focus,
  11000. .notification_widget.warning[disabled]:focus,
  11001. fieldset[disabled] .notification_widget.warning:focus,
  11002. .notification_widget.warning.disabled.focus,
  11003. .notification_widget.warning[disabled].focus,
  11004. fieldset[disabled] .notification_widget.warning.focus {
  11005. background-color: #f0ad4e;
  11006. border-color: #eea236;
  11007. }
  11008. .notification_widget.warning .badge {
  11009. color: #f0ad4e;
  11010. background-color: #fff;
  11011. }
  11012. .notification_widget.success {
  11013. color: #fff;
  11014. background-color: #5cb85c;
  11015. border-color: #4cae4c;
  11016. }
  11017. .notification_widget.success:focus,
  11018. .notification_widget.success.focus {
  11019. color: #fff;
  11020. background-color: #449d44;
  11021. border-color: #255625;
  11022. }
  11023. .notification_widget.success:hover {
  11024. color: #fff;
  11025. background-color: #449d44;
  11026. border-color: #398439;
  11027. }
  11028. .notification_widget.success:active,
  11029. .notification_widget.success.active,
  11030. .open > .dropdown-toggle.notification_widget.success {
  11031. color: #fff;
  11032. background-color: #449d44;
  11033. border-color: #398439;
  11034. }
  11035. .notification_widget.success:active:hover,
  11036. .notification_widget.success.active:hover,
  11037. .open > .dropdown-toggle.notification_widget.success:hover,
  11038. .notification_widget.success:active:focus,
  11039. .notification_widget.success.active:focus,
  11040. .open > .dropdown-toggle.notification_widget.success:focus,
  11041. .notification_widget.success:active.focus,
  11042. .notification_widget.success.active.focus,
  11043. .open > .dropdown-toggle.notification_widget.success.focus {
  11044. color: #fff;
  11045. background-color: #398439;
  11046. border-color: #255625;
  11047. }
  11048. .notification_widget.success:active,
  11049. .notification_widget.success.active,
  11050. .open > .dropdown-toggle.notification_widget.success {
  11051. background-image: none;
  11052. }
  11053. .notification_widget.success.disabled:hover,
  11054. .notification_widget.success[disabled]:hover,
  11055. fieldset[disabled] .notification_widget.success:hover,
  11056. .notification_widget.success.disabled:focus,
  11057. .notification_widget.success[disabled]:focus,
  11058. fieldset[disabled] .notification_widget.success:focus,
  11059. .notification_widget.success.disabled.focus,
  11060. .notification_widget.success[disabled].focus,
  11061. fieldset[disabled] .notification_widget.success.focus {
  11062. background-color: #5cb85c;
  11063. border-color: #4cae4c;
  11064. }
  11065. .notification_widget.success .badge {
  11066. color: #5cb85c;
  11067. background-color: #fff;
  11068. }
  11069. .notification_widget.info {
  11070. color: #fff;
  11071. background-color: #5bc0de;
  11072. border-color: #46b8da;
  11073. }
  11074. .notification_widget.info:focus,
  11075. .notification_widget.info.focus {
  11076. color: #fff;
  11077. background-color: #31b0d5;
  11078. border-color: #1b6d85;
  11079. }
  11080. .notification_widget.info:hover {
  11081. color: #fff;
  11082. background-color: #31b0d5;
  11083. border-color: #269abc;
  11084. }
  11085. .notification_widget.info:active,
  11086. .notification_widget.info.active,
  11087. .open > .dropdown-toggle.notification_widget.info {
  11088. color: #fff;
  11089. background-color: #31b0d5;
  11090. border-color: #269abc;
  11091. }
  11092. .notification_widget.info:active:hover,
  11093. .notification_widget.info.active:hover,
  11094. .open > .dropdown-toggle.notification_widget.info:hover,
  11095. .notification_widget.info:active:focus,
  11096. .notification_widget.info.active:focus,
  11097. .open > .dropdown-toggle.notification_widget.info:focus,
  11098. .notification_widget.info:active.focus,
  11099. .notification_widget.info.active.focus,
  11100. .open > .dropdown-toggle.notification_widget.info.focus {
  11101. color: #fff;
  11102. background-color: #269abc;
  11103. border-color: #1b6d85;
  11104. }
  11105. .notification_widget.info:active,
  11106. .notification_widget.info.active,
  11107. .open > .dropdown-toggle.notification_widget.info {
  11108. background-image: none;
  11109. }
  11110. .notification_widget.info.disabled:hover,
  11111. .notification_widget.info[disabled]:hover,
  11112. fieldset[disabled] .notification_widget.info:hover,
  11113. .notification_widget.info.disabled:focus,
  11114. .notification_widget.info[disabled]:focus,
  11115. fieldset[disabled] .notification_widget.info:focus,
  11116. .notification_widget.info.disabled.focus,
  11117. .notification_widget.info[disabled].focus,
  11118. fieldset[disabled] .notification_widget.info.focus {
  11119. background-color: #5bc0de;
  11120. border-color: #46b8da;
  11121. }
  11122. .notification_widget.info .badge {
  11123. color: #5bc0de;
  11124. background-color: #fff;
  11125. }
  11126. .notification_widget.danger {
  11127. color: #fff;
  11128. background-color: #d9534f;
  11129. border-color: #d43f3a;
  11130. }
  11131. .notification_widget.danger:focus,
  11132. .notification_widget.danger.focus {
  11133. color: #fff;
  11134. background-color: #c9302c;
  11135. border-color: #761c19;
  11136. }
  11137. .notification_widget.danger:hover {
  11138. color: #fff;
  11139. background-color: #c9302c;
  11140. border-color: #ac2925;
  11141. }
  11142. .notification_widget.danger:active,
  11143. .notification_widget.danger.active,
  11144. .open > .dropdown-toggle.notification_widget.danger {
  11145. color: #fff;
  11146. background-color: #c9302c;
  11147. border-color: #ac2925;
  11148. }
  11149. .notification_widget.danger:active:hover,
  11150. .notification_widget.danger.active:hover,
  11151. .open > .dropdown-toggle.notification_widget.danger:hover,
  11152. .notification_widget.danger:active:focus,
  11153. .notification_widget.danger.active:focus,
  11154. .open > .dropdown-toggle.notification_widget.danger:focus,
  11155. .notification_widget.danger:active.focus,
  11156. .notification_widget.danger.active.focus,
  11157. .open > .dropdown-toggle.notification_widget.danger.focus {
  11158. color: #fff;
  11159. background-color: #ac2925;
  11160. border-color: #761c19;
  11161. }
  11162. .notification_widget.danger:active,
  11163. .notification_widget.danger.active,
  11164. .open > .dropdown-toggle.notification_widget.danger {
  11165. background-image: none;
  11166. }
  11167. .notification_widget.danger.disabled:hover,
  11168. .notification_widget.danger[disabled]:hover,
  11169. fieldset[disabled] .notification_widget.danger:hover,
  11170. .notification_widget.danger.disabled:focus,
  11171. .notification_widget.danger[disabled]:focus,
  11172. fieldset[disabled] .notification_widget.danger:focus,
  11173. .notification_widget.danger.disabled.focus,
  11174. .notification_widget.danger[disabled].focus,
  11175. fieldset[disabled] .notification_widget.danger.focus {
  11176. background-color: #d9534f;
  11177. border-color: #d43f3a;
  11178. }
  11179. .notification_widget.danger .badge {
  11180. color: #d9534f;
  11181. background-color: #fff;
  11182. }
  11183. div#pager {
  11184. background-color: #fff;
  11185. font-size: 14px;
  11186. line-height: 20px;
  11187. overflow: hidden;
  11188. display: none;
  11189. position: fixed;
  11190. bottom: 0px;
  11191. width: 100%;
  11192. max-height: 50%;
  11193. padding-top: 8px;
  11194. -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  11195. box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  11196. /* Display over codemirror */
  11197. z-index: 100;
  11198. /* Hack which prevents jquery ui resizable from changing top. */
  11199. top: auto !important;
  11200. }
  11201. div#pager pre {
  11202. line-height: 1.21429em;
  11203. color: #000;
  11204. background-color: #f7f7f7;
  11205. padding: 0.4em;
  11206. }
  11207. div#pager #pager-button-area {
  11208. position: absolute;
  11209. top: 8px;
  11210. right: 20px;
  11211. }
  11212. div#pager #pager-contents {
  11213. position: relative;
  11214. overflow: auto;
  11215. width: 100%;
  11216. height: 100%;
  11217. }
  11218. div#pager #pager-contents #pager-container {
  11219. position: relative;
  11220. padding: 15px 0px;
  11221. box-sizing: border-box;
  11222. -moz-box-sizing: border-box;
  11223. -webkit-box-sizing: border-box;
  11224. }
  11225. div#pager .ui-resizable-handle {
  11226. top: 0px;
  11227. height: 8px;
  11228. background: #f7f7f7;
  11229. border-top: 1px solid #cfcfcf;
  11230. border-bottom: 1px solid #cfcfcf;
  11231. /* This injects handle bars (a short, wide = symbol) for
  11232. the resize handle. */
  11233. }
  11234. div#pager .ui-resizable-handle::after {
  11235. content: '';
  11236. top: 2px;
  11237. left: 50%;
  11238. height: 3px;
  11239. width: 30px;
  11240. margin-left: -15px;
  11241. position: absolute;
  11242. border-top: 1px solid #cfcfcf;
  11243. }
  11244. .quickhelp {
  11245. /* Old browsers */
  11246. display: -webkit-box;
  11247. -webkit-box-orient: horizontal;
  11248. -webkit-box-align: stretch;
  11249. display: -moz-box;
  11250. -moz-box-orient: horizontal;
  11251. -moz-box-align: stretch;
  11252. display: box;
  11253. box-orient: horizontal;
  11254. box-align: stretch;
  11255. /* Modern browsers */
  11256. display: flex;
  11257. flex-direction: row;
  11258. align-items: stretch;
  11259. line-height: 1.8em;
  11260. }
  11261. .shortcut_key {
  11262. display: inline-block;
  11263. width: 21ex;
  11264. text-align: right;
  11265. font-family: monospace;
  11266. }
  11267. .shortcut_descr {
  11268. display: inline-block;
  11269. /* Old browsers */
  11270. -webkit-box-flex: 1;
  11271. -moz-box-flex: 1;
  11272. box-flex: 1;
  11273. /* Modern browsers */
  11274. flex: 1;
  11275. }
  11276. span.save_widget {
  11277. margin-top: 6px;
  11278. }
  11279. span.save_widget span.filename {
  11280. height: 1em;
  11281. line-height: 1em;
  11282. padding: 3px;
  11283. margin-left: 16px;
  11284. border: none;
  11285. font-size: 146.5%;
  11286. border-radius: 2px;
  11287. }
  11288. span.save_widget span.filename:hover {
  11289. background-color: #e6e6e6;
  11290. }
  11291. span.checkpoint_status,
  11292. span.autosave_status {
  11293. font-size: small;
  11294. }
  11295. @media (max-width: 767px) {
  11296. span.save_widget {
  11297. font-size: small;
  11298. }
  11299. span.checkpoint_status,
  11300. span.autosave_status {
  11301. display: none;
  11302. }
  11303. }
  11304. @media (min-width: 768px) and (max-width: 991px) {
  11305. span.checkpoint_status {
  11306. display: none;
  11307. }
  11308. span.autosave_status {
  11309. font-size: x-small;
  11310. }
  11311. }
  11312. .toolbar {
  11313. padding: 0px;
  11314. margin-left: -5px;
  11315. margin-top: 2px;
  11316. margin-bottom: 5px;
  11317. box-sizing: border-box;
  11318. -moz-box-sizing: border-box;
  11319. -webkit-box-sizing: border-box;
  11320. }
  11321. .toolbar select,
  11322. .toolbar label {
  11323. width: auto;
  11324. vertical-align: middle;
  11325. margin-right: 2px;
  11326. margin-bottom: 0px;
  11327. display: inline;
  11328. font-size: 92%;
  11329. margin-left: 0.3em;
  11330. margin-right: 0.3em;
  11331. padding: 0px;
  11332. padding-top: 3px;
  11333. }
  11334. .toolbar .btn {
  11335. padding: 2px 8px;
  11336. }
  11337. .toolbar .btn-group {
  11338. margin-top: 0px;
  11339. margin-left: 5px;
  11340. }
  11341. #maintoolbar {
  11342. margin-bottom: -3px;
  11343. margin-top: -8px;
  11344. border: 0px;
  11345. min-height: 27px;
  11346. margin-left: 0px;
  11347. padding-top: 11px;
  11348. padding-bottom: 3px;
  11349. }
  11350. #maintoolbar .navbar-text {
  11351. float: none;
  11352. vertical-align: middle;
  11353. text-align: right;
  11354. margin-left: 5px;
  11355. margin-right: 0px;
  11356. margin-top: 0px;
  11357. }
  11358. .select-xs {
  11359. height: 24px;
  11360. }
  11361. .pulse,
  11362. .dropdown-menu > li > a.pulse,
  11363. li.pulse > a.dropdown-toggle,
  11364. li.pulse.open > a.dropdown-toggle {
  11365. background-color: #F37626;
  11366. color: white;
  11367. }
  11368. /**
  11369. * Primary styles
  11370. *
  11371. * Author: Jupyter Development Team
  11372. */
  11373. /** WARNING IF YOU ARE EDITTING THIS FILE, if this is a .css file, It has a lot
  11374. * of chance of beeing generated from the ../less/[samename].less file, you can
  11375. * try to get back the less file by reverting somme commit in history
  11376. **/
  11377. /*
  11378. * We'll try to get something pretty, so we
  11379. * have some strange css to have the scroll bar on
  11380. * the left with fix button on the top right of the tooltip
  11381. */
  11382. @-moz-keyframes fadeOut {
  11383. from {
  11384. opacity: 1;
  11385. }
  11386. to {
  11387. opacity: 0;
  11388. }
  11389. }
  11390. @-webkit-keyframes fadeOut {
  11391. from {
  11392. opacity: 1;
  11393. }
  11394. to {
  11395. opacity: 0;
  11396. }
  11397. }
  11398. @-moz-keyframes fadeIn {
  11399. from {
  11400. opacity: 0;
  11401. }
  11402. to {
  11403. opacity: 1;
  11404. }
  11405. }
  11406. @-webkit-keyframes fadeIn {
  11407. from {
  11408. opacity: 0;
  11409. }
  11410. to {
  11411. opacity: 1;
  11412. }
  11413. }
  11414. /*properties of tooltip after "expand"*/
  11415. .bigtooltip {
  11416. overflow: auto;
  11417. height: 200px;
  11418. -webkit-transition-property: height;
  11419. -webkit-transition-duration: 500ms;
  11420. -moz-transition-property: height;
  11421. -moz-transition-duration: 500ms;
  11422. transition-property: height;
  11423. transition-duration: 500ms;
  11424. }
  11425. /*properties of tooltip before "expand"*/
  11426. .smalltooltip {
  11427. -webkit-transition-property: height;
  11428. -webkit-transition-duration: 500ms;
  11429. -moz-transition-property: height;
  11430. -moz-transition-duration: 500ms;
  11431. transition-property: height;
  11432. transition-duration: 500ms;
  11433. text-overflow: ellipsis;
  11434. overflow: hidden;
  11435. height: 80px;
  11436. }
  11437. .tooltipbuttons {
  11438. position: absolute;
  11439. padding-right: 15px;
  11440. top: 0px;
  11441. right: 0px;
  11442. }
  11443. .tooltiptext {
  11444. /*avoid the button to overlap on some docstring*/
  11445. padding-right: 30px;
  11446. }
  11447. .ipython_tooltip {
  11448. max-width: 700px;
  11449. /*fade-in animation when inserted*/
  11450. -webkit-animation: fadeOut 400ms;
  11451. -moz-animation: fadeOut 400ms;
  11452. animation: fadeOut 400ms;
  11453. -webkit-animation: fadeIn 400ms;
  11454. -moz-animation: fadeIn 400ms;
  11455. animation: fadeIn 400ms;
  11456. vertical-align: middle;
  11457. background-color: #f7f7f7;
  11458. overflow: visible;
  11459. border: #ababab 1px solid;
  11460. outline: none;
  11461. padding: 3px;
  11462. margin: 0px;
  11463. padding-left: 7px;
  11464. font-family: monospace;
  11465. min-height: 50px;
  11466. -moz-box-shadow: 0px 6px 10px -1px #adadad;
  11467. -webkit-box-shadow: 0px 6px 10px -1px #adadad;
  11468. box-shadow: 0px 6px 10px -1px #adadad;
  11469. border-radius: 2px;
  11470. position: absolute;
  11471. z-index: 1000;
  11472. }
  11473. .ipython_tooltip a {
  11474. float: right;
  11475. }
  11476. .ipython_tooltip .tooltiptext pre {
  11477. border: 0;
  11478. border-radius: 0;
  11479. font-size: 100%;
  11480. background-color: #f7f7f7;
  11481. }
  11482. .pretooltiparrow {
  11483. left: 0px;
  11484. margin: 0px;
  11485. top: -16px;
  11486. width: 40px;
  11487. height: 16px;
  11488. overflow: hidden;
  11489. position: absolute;
  11490. }
  11491. .pretooltiparrow:before {
  11492. background-color: #f7f7f7;
  11493. border: 1px #ababab solid;
  11494. z-index: 11;
  11495. content: "";
  11496. position: absolute;
  11497. left: 15px;
  11498. top: 10px;
  11499. width: 25px;
  11500. height: 25px;
  11501. -webkit-transform: rotate(45deg);
  11502. -moz-transform: rotate(45deg);
  11503. -ms-transform: rotate(45deg);
  11504. -o-transform: rotate(45deg);
  11505. }
  11506. ul.typeahead-list i {
  11507. margin-left: -10px;
  11508. width: 18px;
  11509. }
  11510. ul.typeahead-list {
  11511. max-height: 80vh;
  11512. overflow: auto;
  11513. }
  11514. ul.typeahead-list > li > a {
  11515. /** Firefox bug **/
  11516. /* see https://github.com/jupyter/notebook/issues/559 */
  11517. white-space: normal;
  11518. }
  11519. .cmd-palette .modal-body {
  11520. padding: 7px;
  11521. }
  11522. .cmd-palette form {
  11523. background: white;
  11524. }
  11525. .cmd-palette input {
  11526. outline: none;
  11527. }
  11528. .no-shortcut {
  11529. display: none;
  11530. }
  11531. .command-shortcut:before {
  11532. content: "(command)";
  11533. padding-right: 3px;
  11534. color: #777777;
  11535. }
  11536. .edit-shortcut:before {
  11537. content: "(edit)";
  11538. padding-right: 3px;
  11539. color: #777777;
  11540. }
  11541. #find-and-replace #replace-preview .match,
  11542. #find-and-replace #replace-preview .insert {
  11543. background-color: #BBDEFB;
  11544. border-color: #90CAF9;
  11545. border-style: solid;
  11546. border-width: 1px;
  11547. border-radius: 0px;
  11548. }
  11549. #find-and-replace #replace-preview .replace .match {
  11550. background-color: #FFCDD2;
  11551. border-color: #EF9A9A;
  11552. border-radius: 0px;
  11553. }
  11554. #find-and-replace #replace-preview .replace .insert {
  11555. background-color: #C8E6C9;
  11556. border-color: #A5D6A7;
  11557. border-radius: 0px;
  11558. }
  11559. #find-and-replace #replace-preview {
  11560. max-height: 60vh;
  11561. overflow: auto;
  11562. }
  11563. #find-and-replace #replace-preview pre {
  11564. padding: 5px 10px;
  11565. }
  11566. .terminal-app {
  11567. background: #EEE;
  11568. }
  11569. .terminal-app #header {
  11570. background: #fff;
  11571. -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  11572. box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  11573. }
  11574. .terminal-app .terminal {
  11575. width: 100%;
  11576. float: left;
  11577. font-family: monospace;
  11578. color: white;
  11579. background: black;
  11580. padding: 0.4em;
  11581. border-radius: 2px;
  11582. -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.4);
  11583. box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.4);
  11584. }
  11585. .terminal-app .terminal,
  11586. .terminal-app .terminal dummy-screen {
  11587. line-height: 1em;
  11588. font-size: 14px;
  11589. }
  11590. .terminal-app .terminal .xterm-rows {
  11591. padding: 10px;
  11592. }
  11593. .terminal-app .terminal-cursor {
  11594. color: black;
  11595. background: white;
  11596. }
  11597. .terminal-app #terminado-container {
  11598. margin-top: 20px;
  11599. }
  11600. /*# sourceMappingURL=style.min.css.map */
  11601. </style>
  11602. <style type="text/css">
  11603. .highlight .hll { background-color: #ffffcc }
  11604. .highlight { background: #f8f8f8; }
  11605. .highlight .c { color: #408080; font-style: italic } /* Comment */
  11606. .highlight .err { border: 1px solid #FF0000 } /* Error */
  11607. .highlight .k { color: #008000; font-weight: bold } /* Keyword */
  11608. .highlight .o { color: #666666 } /* Operator */
  11609. .highlight .ch { color: #408080; font-style: italic } /* Comment.Hashbang */
  11610. .highlight .cm { color: #408080; font-style: italic } /* Comment.Multiline */
  11611. .highlight .cp { color: #BC7A00 } /* Comment.Preproc */
  11612. .highlight .cpf { color: #408080; font-style: italic } /* Comment.PreprocFile */
  11613. .highlight .c1 { color: #408080; font-style: italic } /* Comment.Single */
  11614. .highlight .cs { color: #408080; font-style: italic } /* Comment.Special */
  11615. .highlight .gd { color: #A00000 } /* Generic.Deleted */
  11616. .highlight .ge { font-style: italic } /* Generic.Emph */
  11617. .highlight .gr { color: #FF0000 } /* Generic.Error */
  11618. .highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
  11619. .highlight .gi { color: #00A000 } /* Generic.Inserted */
  11620. .highlight .go { color: #888888 } /* Generic.Output */
  11621. .highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
  11622. .highlight .gs { font-weight: bold } /* Generic.Strong */
  11623. .highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
  11624. .highlight .gt { color: #0044DD } /* Generic.Traceback */
  11625. .highlight .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
  11626. .highlight .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
  11627. .highlight .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
  11628. .highlight .kp { color: #008000 } /* Keyword.Pseudo */
  11629. .highlight .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
  11630. .highlight .kt { color: #B00040 } /* Keyword.Type */
  11631. .highlight .m { color: #666666 } /* Literal.Number */
  11632. .highlight .s { color: #BA2121 } /* Literal.String */
  11633. .highlight .na { color: #7D9029 } /* Name.Attribute */
  11634. .highlight .nb { color: #008000 } /* Name.Builtin */
  11635. .highlight .nc { color: #0000FF; font-weight: bold } /* Name.Class */
  11636. .highlight .no { color: #880000 } /* Name.Constant */
  11637. .highlight .nd { color: #AA22FF } /* Name.Decorator */
  11638. .highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */
  11639. .highlight .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
  11640. .highlight .nf { color: #0000FF } /* Name.Function */
  11641. .highlight .nl { color: #A0A000 } /* Name.Label */
  11642. .highlight .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
  11643. .highlight .nt { color: #008000; font-weight: bold } /* Name.Tag */
  11644. .highlight .nv { color: #19177C } /* Name.Variable */
  11645. .highlight .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
  11646. .highlight .w { color: #bbbbbb } /* Text.Whitespace */
  11647. .highlight .mb { color: #666666 } /* Literal.Number.Bin */
  11648. .highlight .mf { color: #666666 } /* Literal.Number.Float */
  11649. .highlight .mh { color: #666666 } /* Literal.Number.Hex */
  11650. .highlight .mi { color: #666666 } /* Literal.Number.Integer */
  11651. .highlight .mo { color: #666666 } /* Literal.Number.Oct */
  11652. .highlight .sa { color: #BA2121 } /* Literal.String.Affix */
  11653. .highlight .sb { color: #BA2121 } /* Literal.String.Backtick */
  11654. .highlight .sc { color: #BA2121 } /* Literal.String.Char */
  11655. .highlight .dl { color: #BA2121 } /* Literal.String.Delimiter */
  11656. .highlight .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
  11657. .highlight .s2 { color: #BA2121 } /* Literal.String.Double */
  11658. .highlight .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
  11659. .highlight .sh { color: #BA2121 } /* Literal.String.Heredoc */
  11660. .highlight .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
  11661. .highlight .sx { color: #008000 } /* Literal.String.Other */
  11662. .highlight .sr { color: #BB6688 } /* Literal.String.Regex */
  11663. .highlight .s1 { color: #BA2121 } /* Literal.String.Single */
  11664. .highlight .ss { color: #19177C } /* Literal.String.Symbol */
  11665. .highlight .bp { color: #008000 } /* Name.Builtin.Pseudo */
  11666. .highlight .fm { color: #0000FF } /* Name.Function.Magic */
  11667. .highlight .vc { color: #19177C } /* Name.Variable.Class */
  11668. .highlight .vg { color: #19177C } /* Name.Variable.Global */
  11669. .highlight .vi { color: #19177C } /* Name.Variable.Instance */
  11670. .highlight .vm { color: #19177C } /* Name.Variable.Magic */
  11671. .highlight .il { color: #666666 } /* Literal.Number.Integer.Long */
  11672. </style>
  11673. <style type="text/css">
  11674. /* Temporary definitions which will become obsolete with Notebook release 5.0 */
  11675. .ansi-black-fg { color: #3E424D; }
  11676. .ansi-black-bg { background-color: #3E424D; }
  11677. .ansi-black-intense-fg { color: #282C36; }
  11678. .ansi-black-intense-bg { background-color: #282C36; }
  11679. .ansi-red-fg { color: #E75C58; }
  11680. .ansi-red-bg { background-color: #E75C58; }
  11681. .ansi-red-intense-fg { color: #B22B31; }
  11682. .ansi-red-intense-bg { background-color: #B22B31; }
  11683. .ansi-green-fg { color: #00A250; }
  11684. .ansi-green-bg { background-color: #00A250; }
  11685. .ansi-green-intense-fg { color: #007427; }
  11686. .ansi-green-intense-bg { background-color: #007427; }
  11687. .ansi-yellow-fg { color: #DDB62B; }
  11688. .ansi-yellow-bg { background-color: #DDB62B; }
  11689. .ansi-yellow-intense-fg { color: #B27D12; }
  11690. .ansi-yellow-intense-bg { background-color: #B27D12; }
  11691. .ansi-blue-fg { color: #208FFB; }
  11692. .ansi-blue-bg { background-color: #208FFB; }
  11693. .ansi-blue-intense-fg { color: #0065CA; }
  11694. .ansi-blue-intense-bg { background-color: #0065CA; }
  11695. .ansi-magenta-fg { color: #D160C4; }
  11696. .ansi-magenta-bg { background-color: #D160C4; }
  11697. .ansi-magenta-intense-fg { color: #A03196; }
  11698. .ansi-magenta-intense-bg { background-color: #A03196; }
  11699. .ansi-cyan-fg { color: #60C6C8; }
  11700. .ansi-cyan-bg { background-color: #60C6C8; }
  11701. .ansi-cyan-intense-fg { color: #258F8F; }
  11702. .ansi-cyan-intense-bg { background-color: #258F8F; }
  11703. .ansi-white-fg { color: #C5C1B4; }
  11704. .ansi-white-bg { background-color: #C5C1B4; }
  11705. .ansi-white-intense-fg { color: #A1A6B2; }
  11706. .ansi-white-intense-bg { background-color: #A1A6B2; }
  11707. .ansi-bold { font-weight: bold; }
  11708. </style>
  11709. <style type="text/css">
  11710. /* Overrides of notebook CSS for static HTML export */
  11711. body {
  11712. overflow: visible;
  11713. padding: 8px;
  11714. }
  11715. div#notebook {
  11716. overflow: visible;
  11717. border-top: none;
  11718. }@media print {
  11719. div.cell {
  11720. display: block;
  11721. page-break-inside: avoid;
  11722. }
  11723. div.output_wrapper {
  11724. display: block;
  11725. page-break-inside: avoid;
  11726. }
  11727. div.output {
  11728. display: block;
  11729. page-break-inside: avoid;
  11730. }
  11731. }
  11732. </style>
  11733. <!-- Custom stylesheet, it must be in the same directory as the html file -->
  11734. <link rel="stylesheet" href="custom.css">
  11735. <!-- Loading mathjax macro -->
  11736. <!-- Load mathjax -->
  11737. <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS_HTML"></script>
  11738. <!-- MathJax configuration -->
  11739. <script type="text/x-mathjax-config">
  11740. MathJax.Hub.Config({
  11741. tex2jax: {
  11742. inlineMath: [ ['$','$'], ["\\(","\\)"] ],
  11743. displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
  11744. processEscapes: true,
  11745. processEnvironments: true
  11746. },
  11747. // Center justify equations in code and markdown cells. Elsewhere
  11748. // we use CSS to left justify single line equations in code cells.
  11749. displayAlign: 'center',
  11750. "HTML-CSS": {
  11751. styles: {'.MathJax_Display': {"margin": 0}},
  11752. linebreaks: { automatic: true }
  11753. }
  11754. });
  11755. </script>
  11756. <!-- End of mathjax configuration --></head>
  11757. <body>
  11758. <div tabindex="-1" id="notebook" class="border-box-sizing">
  11759. <div class="container" id="notebook-container">
  11760. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  11761. </div>
  11762. <div class="inner_cell">
  11763. <div class="text_cell_render border-box-sizing rendered_html">
  11764. <h1 id="TV-Script-Generation">TV Script Generation<a class="anchor-link" href="#TV-Script-Generation">&#182;</a></h1><p>In this project, you'll generate your own <a href="https://en.wikipedia.org/wiki/The_Simpsons">Simpsons</a> TV scripts using RNNs. You'll be using part of the <a href="https://www.kaggle.com/wcukierski/the-simpsons-by-the-data">Simpsons dataset</a> of scripts from 27 seasons. The Neural Network you'll build will generate a new TV script for a scene at <a href="https://simpsonswiki.com/wiki/Moe&#39;s_Tavern">Moe's Tavern</a>.</p>
  11765. <h2 id="Get-the-Data">Get the Data<a class="anchor-link" href="#Get-the-Data">&#182;</a></h2><p>The data is already provided for you. You'll be using a subset of the original dataset. It consists of only the scenes in Moe's Tavern. This doesn't include other versions of the tavern, like "Moe's Cavern", "Flaming Moe's", "Uncle Moe's Family Feed-Bag", etc..</p>
  11766. </div>
  11767. </div>
  11768. </div>
  11769. <div class="cell border-box-sizing code_cell rendered">
  11770. <div class="input">
  11771. <div class="prompt input_prompt">In&nbsp;[1]:</div>
  11772. <div class="inner_cell">
  11773. <div class="input_area">
  11774. <div class=" highlight hl-ipython3"><pre><span></span><span class="sd">&quot;&quot;&quot;</span>
  11775. <span class="sd">DON&#39;T MODIFY ANYTHING IN THIS CELL</span>
  11776. <span class="sd">&quot;&quot;&quot;</span>
  11777. <span class="kn">import</span> <span class="nn">helper</span>
  11778. <span class="n">data_dir</span> <span class="o">=</span> <span class="s1">&#39;./data/simpsons/moes_tavern_lines.txt&#39;</span>
  11779. <span class="n">text</span> <span class="o">=</span> <span class="n">helper</span><span class="o">.</span><span class="n">load_data</span><span class="p">(</span><span class="n">data_dir</span><span class="p">)</span>
  11780. <span class="c1"># Ignore notice, since we don&#39;t use it for analysing the data</span>
  11781. <span class="n">text</span> <span class="o">=</span> <span class="n">text</span><span class="p">[</span><span class="mi">81</span><span class="p">:]</span>
  11782. </pre></div>
  11783. </div>
  11784. </div>
  11785. </div>
  11786. </div>
  11787. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  11788. </div>
  11789. <div class="inner_cell">
  11790. <div class="text_cell_render border-box-sizing rendered_html">
  11791. <h2 id="Explore-the-Data">Explore the Data<a class="anchor-link" href="#Explore-the-Data">&#182;</a></h2><p>Play around with <code>view_sentence_range</code> to view different parts of the data.</p>
  11792. </div>
  11793. </div>
  11794. </div>
  11795. <div class="cell border-box-sizing code_cell rendered">
  11796. <div class="input">
  11797. <div class="prompt input_prompt">In&nbsp;[2]:</div>
  11798. <div class="inner_cell">
  11799. <div class="input_area">
  11800. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">view_sentence_range</span> <span class="o">=</span> <span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="mi">10</span><span class="p">)</span>
  11801. <span class="sd">&quot;&quot;&quot;</span>
  11802. <span class="sd">DON&#39;T MODIFY ANYTHING IN THIS CELL</span>
  11803. <span class="sd">&quot;&quot;&quot;</span>
  11804. <span class="kn">import</span> <span class="nn">numpy</span> <span class="k">as</span> <span class="nn">np</span>
  11805. <span class="nb">print</span><span class="p">(</span><span class="s1">&#39;Dataset Stats&#39;</span><span class="p">)</span>
  11806. <span class="nb">print</span><span class="p">(</span><span class="s1">&#39;Roughly the number of unique words: </span><span class="si">{}</span><span class="s1">&#39;</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="nb">len</span><span class="p">({</span><span class="n">word</span><span class="p">:</span> <span class="kc">None</span> <span class="k">for</span> <span class="n">word</span> <span class="ow">in</span> <span class="n">text</span><span class="o">.</span><span class="n">split</span><span class="p">()})))</span>
  11807. <span class="n">scenes</span> <span class="o">=</span> <span class="n">text</span><span class="o">.</span><span class="n">split</span><span class="p">(</span><span class="s1">&#39;</span><span class="se">\n\n</span><span class="s1">&#39;</span><span class="p">)</span>
  11808. <span class="nb">print</span><span class="p">(</span><span class="s1">&#39;Number of scenes: </span><span class="si">{}</span><span class="s1">&#39;</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="nb">len</span><span class="p">(</span><span class="n">scenes</span><span class="p">)))</span>
  11809. <span class="n">sentence_count_scene</span> <span class="o">=</span> <span class="p">[</span><span class="n">scene</span><span class="o">.</span><span class="n">count</span><span class="p">(</span><span class="s1">&#39;</span><span class="se">\n</span><span class="s1">&#39;</span><span class="p">)</span> <span class="k">for</span> <span class="n">scene</span> <span class="ow">in</span> <span class="n">scenes</span><span class="p">]</span>
  11810. <span class="nb">print</span><span class="p">(</span><span class="s1">&#39;Average number of sentences in each scene: </span><span class="si">{}</span><span class="s1">&#39;</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">average</span><span class="p">(</span><span class="n">sentence_count_scene</span><span class="p">)))</span>
  11811. <span class="n">sentences</span> <span class="o">=</span> <span class="p">[</span><span class="n">sentence</span> <span class="k">for</span> <span class="n">scene</span> <span class="ow">in</span> <span class="n">scenes</span> <span class="k">for</span> <span class="n">sentence</span> <span class="ow">in</span> <span class="n">scene</span><span class="o">.</span><span class="n">split</span><span class="p">(</span><span class="s1">&#39;</span><span class="se">\n</span><span class="s1">&#39;</span><span class="p">)]</span>
  11812. <span class="nb">print</span><span class="p">(</span><span class="s1">&#39;Number of lines: </span><span class="si">{}</span><span class="s1">&#39;</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="nb">len</span><span class="p">(</span><span class="n">sentences</span><span class="p">)))</span>
  11813. <span class="n">word_count_sentence</span> <span class="o">=</span> <span class="p">[</span><span class="nb">len</span><span class="p">(</span><span class="n">sentence</span><span class="o">.</span><span class="n">split</span><span class="p">())</span> <span class="k">for</span> <span class="n">sentence</span> <span class="ow">in</span> <span class="n">sentences</span><span class="p">]</span>
  11814. <span class="nb">print</span><span class="p">(</span><span class="s1">&#39;Average number of words in each line: </span><span class="si">{}</span><span class="s1">&#39;</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">average</span><span class="p">(</span><span class="n">word_count_sentence</span><span class="p">)))</span>
  11815. <span class="nb">print</span><span class="p">()</span>
  11816. <span class="nb">print</span><span class="p">(</span><span class="s1">&#39;The sentences </span><span class="si">{}</span><span class="s1"> to </span><span class="si">{}</span><span class="s1">:&#39;</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="o">*</span><span class="n">view_sentence_range</span><span class="p">))</span>
  11817. <span class="nb">print</span><span class="p">(</span><span class="s1">&#39;</span><span class="se">\n</span><span class="s1">&#39;</span><span class="o">.</span><span class="n">join</span><span class="p">(</span><span class="n">text</span><span class="o">.</span><span class="n">split</span><span class="p">(</span><span class="s1">&#39;</span><span class="se">\n</span><span class="s1">&#39;</span><span class="p">)[</span><span class="n">view_sentence_range</span><span class="p">[</span><span class="mi">0</span><span class="p">]:</span><span class="n">view_sentence_range</span><span class="p">[</span><span class="mi">1</span><span class="p">]]))</span>
  11818. </pre></div>
  11819. </div>
  11820. </div>
  11821. </div>
  11822. <div class="output_wrapper">
  11823. <div class="output">
  11824. <div class="output_area">
  11825. <div class="prompt"></div>
  11826. <div class="output_subarea output_stream output_stdout output_text">
  11827. <pre>Dataset Stats
  11828. Roughly the number of unique words: 11492
  11829. Number of scenes: 262
  11830. Average number of sentences in each scene: 15.248091603053435
  11831. Number of lines: 4257
  11832. Average number of words in each line: 11.50434578341555
  11833. The sentences 0 to 10:
  11834. Moe_Szyslak: (INTO PHONE) Moe&#39;s Tavern. Where the elite meet to drink.
  11835. Bart_Simpson: Eh, yeah, hello, is Mike there? Last name, Rotch.
  11836. Moe_Szyslak: (INTO PHONE) Hold on, I&#39;ll check. (TO BARFLIES) Mike Rotch. Mike Rotch. Hey, has anybody seen Mike Rotch, lately?
  11837. Moe_Szyslak: (INTO PHONE) Listen you little puke. One of these days I&#39;m gonna catch you, and I&#39;m gonna carve my name on your back with an ice pick.
  11838. Moe_Szyslak: What&#39;s the matter Homer? You&#39;re not your normal effervescent self.
  11839. Homer_Simpson: I got my problems, Moe. Give me another one.
  11840. Moe_Szyslak: Homer, hey, you should not drink to forget your problems.
  11841. Barney_Gumble: Yeah, you should only drink to enhance your social skills.
  11842. </pre>
  11843. </div>
  11844. </div>
  11845. </div>
  11846. </div>
  11847. </div>
  11848. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  11849. </div>
  11850. <div class="inner_cell">
  11851. <div class="text_cell_render border-box-sizing rendered_html">
  11852. <h2 id="Implement-Preprocessing-Functions">Implement Preprocessing Functions<a class="anchor-link" href="#Implement-Preprocessing-Functions">&#182;</a></h2><p>The first thing to do to any dataset is preprocessing. Implement the following preprocessing functions below:</p>
  11853. <ul>
  11854. <li>Lookup Table</li>
  11855. <li>Tokenize Punctuation</li>
  11856. </ul>
  11857. <h3 id="Lookup-Table">Lookup Table<a class="anchor-link" href="#Lookup-Table">&#182;</a></h3><p>To create a word embedding, you first need to transform the words to ids. In this function, create two dictionaries:</p>
  11858. <ul>
  11859. <li>Dictionary to go from the words to an id, we'll call <code>vocab_to_int</code></li>
  11860. <li>Dictionary to go from the id to word, we'll call <code>int_to_vocab</code></li>
  11861. </ul>
  11862. <p>Return these dictionaries in the following tuple <code>(vocab_to_int, int_to_vocab)</code></p>
  11863. </div>
  11864. </div>
  11865. </div>
  11866. <div class="cell border-box-sizing code_cell rendered">
  11867. <div class="input">
  11868. <div class="prompt input_prompt">In&nbsp;[11]:</div>
  11869. <div class="inner_cell">
  11870. <div class="input_area">
  11871. <div class=" highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">numpy</span> <span class="k">as</span> <span class="nn">np</span>
  11872. <span class="kn">import</span> <span class="nn">problem_unittests</span> <span class="k">as</span> <span class="nn">tests</span>
  11873. <span class="kn">from</span> <span class="nn">collections</span> <span class="k">import</span> <span class="n">Counter</span>
  11874. <span class="k">def</span> <span class="nf">create_lookup_tables</span><span class="p">(</span><span class="n">text</span><span class="p">):</span>
  11875. <span class="sd">&quot;&quot;&quot;</span>
  11876. <span class="sd"> Create lookup tables for vocabulary</span>
  11877. <span class="sd"> :param text: The text of tv scripts split into words</span>
  11878. <span class="sd"> :return: A tuple of dicts (vocab_to_int, int_to_vocab)</span>
  11879. <span class="sd"> &quot;&quot;&quot;</span>
  11880. <span class="c1"># TODO: Implement Function</span>
  11881. <span class="n">words_counter</span> <span class="o">=</span> <span class="n">Counter</span><span class="p">(</span><span class="n">text</span><span class="p">)</span>
  11882. <span class="n">unique_words</span> <span class="o">=</span> <span class="nb">sorted</span><span class="p">(</span><span class="n">words_counter</span><span class="p">,</span> <span class="n">key</span><span class="o">=</span><span class="n">words_counter</span><span class="o">.</span><span class="n">get</span><span class="p">,</span> <span class="n">reverse</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>
  11883. <span class="n">vocab_to_int</span> <span class="o">=</span> <span class="p">{</span><span class="n">word</span><span class="p">:</span><span class="n">i</span> <span class="k">for</span> <span class="n">i</span><span class="p">,</span><span class="n">word</span> <span class="ow">in</span> <span class="nb">enumerate</span><span class="p">(</span><span class="n">unique_words</span><span class="p">)}</span>
  11884. <span class="n">int_vocab</span> <span class="o">=</span> <span class="p">{</span><span class="n">i</span><span class="p">:</span><span class="n">word</span> <span class="k">for</span> <span class="n">i</span><span class="p">,</span><span class="n">word</span> <span class="ow">in</span> <span class="nb">enumerate</span><span class="p">(</span><span class="n">unique_words</span><span class="p">)}</span>
  11885. <span class="k">return</span> <span class="n">vocab_to_int</span><span class="p">,</span> <span class="n">int_vocab</span>
  11886. <span class="sd">&quot;&quot;&quot;</span>
  11887. <span class="sd">DON&#39;T MODIFY ANYTHING IN THIS CELL THAT IS BELOW THIS LINE</span>
  11888. <span class="sd">&quot;&quot;&quot;</span>
  11889. <span class="n">tests</span><span class="o">.</span><span class="n">test_create_lookup_tables</span><span class="p">(</span><span class="n">create_lookup_tables</span><span class="p">)</span>
  11890. </pre></div>
  11891. </div>
  11892. </div>
  11893. </div>
  11894. <div class="output_wrapper">
  11895. <div class="output">
  11896. <div class="output_area">
  11897. <div class="prompt"></div>
  11898. <div class="output_subarea output_stream output_stdout output_text">
  11899. <pre>Tests Passed
  11900. </pre>
  11901. </div>
  11902. </div>
  11903. </div>
  11904. </div>
  11905. </div>
  11906. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  11907. </div>
  11908. <div class="inner_cell">
  11909. <div class="text_cell_render border-box-sizing rendered_html">
  11910. <h3 id="Tokenize-Punctuation">Tokenize Punctuation<a class="anchor-link" href="#Tokenize-Punctuation">&#182;</a></h3><p>We'll be splitting the script into a word array using spaces as delimiters. However, punctuations like periods and exclamation marks make it hard for the neural network to distinguish between the word "bye" and "bye!".</p>
  11911. <p>Implement the function <code>token_lookup</code> to return a dict that will be used to tokenize symbols like "!" into "||Exclamation_Mark||". Create a dictionary for the following symbols where the symbol is the key and value is the token:</p>
  11912. <ul>
  11913. <li>Period ( . )</li>
  11914. <li>Comma ( , )</li>
  11915. <li>Quotation Mark ( " )</li>
  11916. <li>Semicolon ( ; )</li>
  11917. <li>Exclamation mark ( ! )</li>
  11918. <li>Question mark ( ? )</li>
  11919. <li>Left Parentheses ( ( )</li>
  11920. <li>Right Parentheses ( ) )</li>
  11921. <li>Dash ( -- )</li>
  11922. <li>Return ( \n )</li>
  11923. </ul>
  11924. <p>This dictionary will be used to token the symbols and add the delimiter (space) around it. This separates the symbols as it's own word, making it easier for the neural network to predict on the next word. Make sure you don't use a token that could be confused as a word. Instead of using the token "dash", try using something like "||dash||".</p>
  11925. </div>
  11926. </div>
  11927. </div>
  11928. <div class="cell border-box-sizing code_cell rendered">
  11929. <div class="input">
  11930. <div class="prompt input_prompt">In&nbsp;[12]:</div>
  11931. <div class="inner_cell">
  11932. <div class="input_area">
  11933. <div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">token_lookup</span><span class="p">():</span>
  11934. <span class="sd">&quot;&quot;&quot;</span>
  11935. <span class="sd"> Generate a dict to turn punctuation into a token.</span>
  11936. <span class="sd"> :return: Tokenize dictionary where the key is the punctuation and the value is the token</span>
  11937. <span class="sd"> &quot;&quot;&quot;</span>
  11938. <span class="c1"># TODO: Implement Function</span>
  11939. <span class="k">return</span> <span class="p">{</span><span class="s1">&#39;--&#39;</span><span class="p">:</span> <span class="s1">&#39;||dash||&#39;</span><span class="p">,</span>
  11940. <span class="s1">&#39;,&#39;</span><span class="p">:</span> <span class="s1">&#39;||comma||&#39;</span><span class="p">,</span>
  11941. <span class="s1">&#39;.&#39;</span><span class="p">:</span> <span class="s1">&#39;||period||&#39;</span><span class="p">,</span>
  11942. <span class="s1">&#39;(&#39;</span><span class="p">:</span> <span class="s1">&#39;||leftp||&#39;</span><span class="p">,</span>
  11943. <span class="s1">&#39;)&#39;</span><span class="p">:</span> <span class="s1">&#39;||rightp||&#39;</span><span class="p">,</span>
  11944. <span class="s1">&#39;;&#39;</span><span class="p">:</span> <span class="s1">&#39;||semicolon||&#39;</span><span class="p">,</span>
  11945. <span class="s1">&#39;?&#39;</span><span class="p">:</span> <span class="s1">&#39;||question||&#39;</span><span class="p">,</span>
  11946. <span class="s1">&#39;</span><span class="se">\n</span><span class="s1">&#39;</span><span class="p">:</span> <span class="s1">&#39;||return||&#39;</span><span class="p">,</span>
  11947. <span class="s1">&#39;&quot;&#39;</span><span class="p">:</span> <span class="s1">&#39;||quotation||&#39;</span><span class="p">,</span>
  11948. <span class="s1">&#39;!&#39;</span><span class="p">:</span> <span class="s1">&#39;||exclamation||&#39;</span><span class="p">}</span>
  11949. <span class="sd">&quot;&quot;&quot;</span>
  11950. <span class="sd">DON&#39;T MODIFY ANYTHING IN THIS CELL THAT IS BELOW THIS LINE</span>
  11951. <span class="sd">&quot;&quot;&quot;</span>
  11952. <span class="n">tests</span><span class="o">.</span><span class="n">test_tokenize</span><span class="p">(</span><span class="n">token_lookup</span><span class="p">)</span>
  11953. </pre></div>
  11954. </div>
  11955. </div>
  11956. </div>
  11957. <div class="output_wrapper">
  11958. <div class="output">
  11959. <div class="output_area">
  11960. <div class="prompt"></div>
  11961. <div class="output_subarea output_stream output_stdout output_text">
  11962. <pre>Tests Passed
  11963. </pre>
  11964. </div>
  11965. </div>
  11966. </div>
  11967. </div>
  11968. </div>
  11969. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  11970. </div>
  11971. <div class="inner_cell">
  11972. <div class="text_cell_render border-box-sizing rendered_html">
  11973. <h2 id="Preprocess-all-the-data-and-save-it">Preprocess all the data and save it<a class="anchor-link" href="#Preprocess-all-the-data-and-save-it">&#182;</a></h2><p>Running the code cell below will preprocess all the data and save it to file.</p>
  11974. </div>
  11975. </div>
  11976. </div>
  11977. <div class="cell border-box-sizing code_cell rendered">
  11978. <div class="input">
  11979. <div class="prompt input_prompt">In&nbsp;[13]:</div>
  11980. <div class="inner_cell">
  11981. <div class="input_area">
  11982. <div class=" highlight hl-ipython3"><pre><span></span><span class="sd">&quot;&quot;&quot;</span>
  11983. <span class="sd">DON&#39;T MODIFY ANYTHING IN THIS CELL</span>
  11984. <span class="sd">&quot;&quot;&quot;</span>
  11985. <span class="c1"># Preprocess Training, Validation, and Testing Data</span>
  11986. <span class="n">helper</span><span class="o">.</span><span class="n">preprocess_and_save_data</span><span class="p">(</span><span class="n">data_dir</span><span class="p">,</span> <span class="n">token_lookup</span><span class="p">,</span> <span class="n">create_lookup_tables</span><span class="p">)</span>
  11987. </pre></div>
  11988. </div>
  11989. </div>
  11990. </div>
  11991. </div>
  11992. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  11993. </div>
  11994. <div class="inner_cell">
  11995. <div class="text_cell_render border-box-sizing rendered_html">
  11996. <h1 id="Check-Point">Check Point<a class="anchor-link" href="#Check-Point">&#182;</a></h1><p>This is your first checkpoint. If you ever decide to come back to this notebook or have to restart the notebook, you can start from here. The preprocessed data has been saved to disk.</p>
  11997. </div>
  11998. </div>
  11999. </div>
  12000. <div class="cell border-box-sizing code_cell rendered">
  12001. <div class="input">
  12002. <div class="prompt input_prompt">In&nbsp;[14]:</div>
  12003. <div class="inner_cell">
  12004. <div class="input_area">
  12005. <div class=" highlight hl-ipython3"><pre><span></span><span class="sd">&quot;&quot;&quot;</span>
  12006. <span class="sd">DON&#39;T MODIFY ANYTHING IN THIS CELL</span>
  12007. <span class="sd">&quot;&quot;&quot;</span>
  12008. <span class="kn">import</span> <span class="nn">helper</span>
  12009. <span class="kn">import</span> <span class="nn">numpy</span> <span class="k">as</span> <span class="nn">np</span>
  12010. <span class="kn">import</span> <span class="nn">problem_unittests</span> <span class="k">as</span> <span class="nn">tests</span>
  12011. <span class="n">int_text</span><span class="p">,</span> <span class="n">vocab_to_int</span><span class="p">,</span> <span class="n">int_to_vocab</span><span class="p">,</span> <span class="n">token_dict</span> <span class="o">=</span> <span class="n">helper</span><span class="o">.</span><span class="n">load_preprocess</span><span class="p">()</span>
  12012. </pre></div>
  12013. </div>
  12014. </div>
  12015. </div>
  12016. </div>
  12017. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  12018. </div>
  12019. <div class="inner_cell">
  12020. <div class="text_cell_render border-box-sizing rendered_html">
  12021. <h2 id="Build-the-Neural-Network">Build the Neural Network<a class="anchor-link" href="#Build-the-Neural-Network">&#182;</a></h2><p>You'll build the components necessary to build a RNN by implementing the following functions below:</p>
  12022. <ul>
  12023. <li>get_inputs</li>
  12024. <li>get_init_cell</li>
  12025. <li>get_embed</li>
  12026. <li>build_rnn</li>
  12027. <li>build_nn</li>
  12028. <li>get_batches</li>
  12029. </ul>
  12030. <h3 id="Check-the-Version-of-TensorFlow-and-Access-to-GPU">Check the Version of TensorFlow and Access to GPU<a class="anchor-link" href="#Check-the-Version-of-TensorFlow-and-Access-to-GPU">&#182;</a></h3>
  12031. </div>
  12032. </div>
  12033. </div>
  12034. <div class="cell border-box-sizing code_cell rendered">
  12035. <div class="input">
  12036. <div class="prompt input_prompt">In&nbsp;[15]:</div>
  12037. <div class="inner_cell">
  12038. <div class="input_area">
  12039. <div class=" highlight hl-ipython3"><pre><span></span><span class="sd">&quot;&quot;&quot;</span>
  12040. <span class="sd">DON&#39;T MODIFY ANYTHING IN THIS CELL</span>
  12041. <span class="sd">&quot;&quot;&quot;</span>
  12042. <span class="kn">from</span> <span class="nn">distutils.version</span> <span class="k">import</span> <span class="n">LooseVersion</span>
  12043. <span class="kn">import</span> <span class="nn">warnings</span>
  12044. <span class="kn">import</span> <span class="nn">tensorflow</span> <span class="k">as</span> <span class="nn">tf</span>
  12045. <span class="c1"># Check TensorFlow Version</span>
  12046. <span class="k">assert</span> <span class="n">LooseVersion</span><span class="p">(</span><span class="n">tf</span><span class="o">.</span><span class="n">__version__</span><span class="p">)</span> <span class="o">&gt;=</span> <span class="n">LooseVersion</span><span class="p">(</span><span class="s1">&#39;1.3&#39;</span><span class="p">),</span> <span class="s1">&#39;Please use TensorFlow version 1.3 or newer&#39;</span>
  12047. <span class="nb">print</span><span class="p">(</span><span class="s1">&#39;TensorFlow Version: </span><span class="si">{}</span><span class="s1">&#39;</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">tf</span><span class="o">.</span><span class="n">__version__</span><span class="p">))</span>
  12048. <span class="c1"># Check for a GPU</span>
  12049. <span class="k">if</span> <span class="ow">not</span> <span class="n">tf</span><span class="o">.</span><span class="n">test</span><span class="o">.</span><span class="n">gpu_device_name</span><span class="p">():</span>
  12050. <span class="n">warnings</span><span class="o">.</span><span class="n">warn</span><span class="p">(</span><span class="s1">&#39;No GPU found. Please use a GPU to train your neural network.&#39;</span><span class="p">)</span>
  12051. <span class="k">else</span><span class="p">:</span>
  12052. <span class="nb">print</span><span class="p">(</span><span class="s1">&#39;Default GPU Device: </span><span class="si">{}</span><span class="s1">&#39;</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">tf</span><span class="o">.</span><span class="n">test</span><span class="o">.</span><span class="n">gpu_device_name</span><span class="p">()))</span>
  12053. </pre></div>
  12054. </div>
  12055. </div>
  12056. </div>
  12057. <div class="output_wrapper">
  12058. <div class="output">
  12059. <div class="output_area">
  12060. <div class="prompt"></div>
  12061. <div class="output_subarea output_stream output_stdout output_text">
  12062. <pre>TensorFlow Version: 1.3.0
  12063. Default GPU Device: /gpu:0
  12064. </pre>
  12065. </div>
  12066. </div>
  12067. </div>
  12068. </div>
  12069. </div>
  12070. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  12071. </div>
  12072. <div class="inner_cell">
  12073. <div class="text_cell_render border-box-sizing rendered_html">
  12074. <h3 id="Input">Input<a class="anchor-link" href="#Input">&#182;</a></h3><p>Implement the <code>get_inputs()</code> function to create TF Placeholders for the Neural Network. It should create the following placeholders:</p>
  12075. <ul>
  12076. <li>Input text placeholder named "input" using the <a href="https://www.tensorflow.org/api_docs/python/tf/placeholder">TF Placeholder</a> <code>name</code> parameter.</li>
  12077. <li>Targets placeholder</li>
  12078. <li>Learning Rate placeholder</li>
  12079. </ul>
  12080. <p>Return the placeholders in the following tuple <code>(Input, Targets, LearningRate)</code></p>
  12081. </div>
  12082. </div>
  12083. </div>
  12084. <div class="cell border-box-sizing code_cell rendered">
  12085. <div class="input">
  12086. <div class="prompt input_prompt">In&nbsp;[16]:</div>
  12087. <div class="inner_cell">
  12088. <div class="input_area">
  12089. <div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">get_inputs</span><span class="p">():</span>
  12090. <span class="sd">&quot;&quot;&quot;</span>
  12091. <span class="sd"> Create TF Placeholders for input, targets, and learning rate.</span>
  12092. <span class="sd"> :return: Tuple (input, targets, learning rate)</span>
  12093. <span class="sd"> &quot;&quot;&quot;</span>
  12094. <span class="c1"># TODO: Implement Function</span>
  12095. <span class="nb">input</span> <span class="o">=</span> <span class="n">tf</span><span class="o">.</span><span class="n">placeholder</span><span class="p">(</span><span class="n">tf</span><span class="o">.</span><span class="n">int32</span><span class="p">,[</span><span class="kc">None</span><span class="p">,</span><span class="kc">None</span><span class="p">],</span><span class="n">name</span><span class="o">=</span><span class="s2">&quot;input&quot;</span><span class="p">)</span>
  12096. <span class="n">targets</span> <span class="o">=</span> <span class="n">tf</span><span class="o">.</span><span class="n">placeholder</span><span class="p">(</span><span class="n">tf</span><span class="o">.</span><span class="n">int32</span><span class="p">,[</span><span class="kc">None</span><span class="p">,</span><span class="kc">None</span><span class="p">],</span><span class="n">name</span><span class="o">=</span><span class="s2">&quot;targets&quot;</span><span class="p">)</span>
  12097. <span class="n">learning_rate</span> <span class="o">=</span> <span class="n">tf</span><span class="o">.</span><span class="n">placeholder</span><span class="p">(</span><span class="n">tf</span><span class="o">.</span><span class="n">float32</span><span class="p">,</span><span class="n">name</span><span class="o">=</span><span class="s2">&quot;learning_rate&quot;</span><span class="p">)</span>
  12098. <span class="k">return</span> <span class="nb">input</span><span class="p">,</span> <span class="n">targets</span><span class="p">,</span> <span class="n">learning_rate</span>
  12099. <span class="sd">&quot;&quot;&quot;</span>
  12100. <span class="sd">DON&#39;T MODIFY ANYTHING IN THIS CELL THAT IS BELOW THIS LINE</span>
  12101. <span class="sd">&quot;&quot;&quot;</span>
  12102. <span class="n">tests</span><span class="o">.</span><span class="n">test_get_inputs</span><span class="p">(</span><span class="n">get_inputs</span><span class="p">)</span>
  12103. </pre></div>
  12104. </div>
  12105. </div>
  12106. </div>
  12107. <div class="output_wrapper">
  12108. <div class="output">
  12109. <div class="output_area">
  12110. <div class="prompt"></div>
  12111. <div class="output_subarea output_stream output_stdout output_text">
  12112. <pre>Tests Passed
  12113. </pre>
  12114. </div>
  12115. </div>
  12116. </div>
  12117. </div>
  12118. </div>
  12119. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  12120. </div>
  12121. <div class="inner_cell">
  12122. <div class="text_cell_render border-box-sizing rendered_html">
  12123. <h3 id="Build-RNN-Cell-and-Initialize">Build RNN Cell and Initialize<a class="anchor-link" href="#Build-RNN-Cell-and-Initialize">&#182;</a></h3><p>Stack one or more <a href="https://www.tensorflow.org/api_docs/python/tf/contrib/rnn/BasicLSTMCell"><code>BasicLSTMCells</code></a> in a <a href="https://www.tensorflow.org/api_docs/python/tf/contrib/rnn/MultiRNNCell"><code>MultiRNNCell</code></a>.</p>
  12124. <ul>
  12125. <li>The Rnn size should be set using <code>rnn_size</code></li>
  12126. <li>Initalize Cell State using the MultiRNNCell's <a href="https://www.tensorflow.org/api_docs/python/tf/contrib/rnn/MultiRNNCell#zero_state"><code>zero_state()</code></a> function<ul>
  12127. <li>Apply the name "initial_state" to the initial state using <a href="https://www.tensorflow.org/api_docs/python/tf/identity"><code>tf.identity()</code></a></li>
  12128. </ul>
  12129. </li>
  12130. </ul>
  12131. <p>Return the cell and initial state in the following tuple <code>(Cell, InitialState)</code></p>
  12132. </div>
  12133. </div>
  12134. </div>
  12135. <div class="cell border-box-sizing code_cell rendered">
  12136. <div class="input">
  12137. <div class="prompt input_prompt">In&nbsp;[17]:</div>
  12138. <div class="inner_cell">
  12139. <div class="input_area">
  12140. <div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">get_init_cell</span><span class="p">(</span><span class="n">batch_size</span><span class="p">,</span> <span class="n">rnn_size</span><span class="p">):</span>
  12141. <span class="sd">&quot;&quot;&quot;</span>
  12142. <span class="sd"> Create an RNN Cell and initialize it.</span>
  12143. <span class="sd"> :param batch_size: Size of batches</span>
  12144. <span class="sd"> :param rnn_size: Size of RNNs</span>
  12145. <span class="sd"> :return: Tuple (cell, initialize state)</span>
  12146. <span class="sd"> &quot;&quot;&quot;</span>
  12147. <span class="n">lstm_layers</span> <span class="o">=</span> <span class="mi">1</span>
  12148. <span class="k">def</span> <span class="nf">build_cell</span><span class="p">(</span><span class="n">rnn_size</span><span class="p">,</span> <span class="n">keep_prob</span><span class="o">=</span><span class="kc">None</span><span class="p">):</span>
  12149. <span class="n">lstm</span> <span class="o">=</span> <span class="n">tf</span><span class="o">.</span><span class="n">contrib</span><span class="o">.</span><span class="n">rnn</span><span class="o">.</span><span class="n">BasicLSTMCell</span><span class="p">(</span><span class="n">rnn_size</span><span class="p">)</span>
  12150. <span class="c1">#drop = tf.contrib.rnn.DropoutWrapper(lstm, output_keep_prob=keep_prob)</span>
  12151. <span class="k">return</span> <span class="n">lstm</span>
  12152. <span class="n">cell</span> <span class="o">=</span> <span class="n">tf</span><span class="o">.</span><span class="n">contrib</span><span class="o">.</span><span class="n">rnn</span><span class="o">.</span><span class="n">MultiRNNCell</span><span class="p">([</span><span class="n">build_cell</span><span class="p">(</span><span class="n">rnn_size</span><span class="p">)</span> <span class="k">for</span> <span class="n">_</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="n">lstm_layers</span><span class="p">)])</span>
  12153. <span class="n">initial_state</span> <span class="o">=</span> <span class="n">cell</span><span class="o">.</span><span class="n">zero_state</span><span class="p">(</span><span class="n">batch_size</span><span class="p">,</span> <span class="n">tf</span><span class="o">.</span><span class="n">float32</span><span class="p">)</span>
  12154. <span class="n">initial_state</span> <span class="o">=</span> <span class="n">tf</span><span class="o">.</span><span class="n">identity</span><span class="p">(</span><span class="n">initial_state</span><span class="p">,</span><span class="n">name</span><span class="o">=</span><span class="s1">&#39;initial_state&#39;</span><span class="p">)</span>
  12155. <span class="k">return</span> <span class="n">cell</span><span class="p">,</span> <span class="n">initial_state</span>
  12156. <span class="sd">&quot;&quot;&quot;</span>
  12157. <span class="sd">DON&#39;T MODIFY ANYTHING IN THIS CELL THAT IS BELOW THIS LINE</span>
  12158. <span class="sd">&quot;&quot;&quot;</span>
  12159. <span class="n">tests</span><span class="o">.</span><span class="n">test_get_init_cell</span><span class="p">(</span><span class="n">get_init_cell</span><span class="p">)</span>
  12160. </pre></div>
  12161. </div>
  12162. </div>
  12163. </div>
  12164. <div class="output_wrapper">
  12165. <div class="output">
  12166. <div class="output_area">
  12167. <div class="prompt"></div>
  12168. <div class="output_subarea output_stream output_stdout output_text">
  12169. <pre>Tests Passed
  12170. </pre>
  12171. </div>
  12172. </div>
  12173. </div>
  12174. </div>
  12175. </div>
  12176. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  12177. </div>
  12178. <div class="inner_cell">
  12179. <div class="text_cell_render border-box-sizing rendered_html">
  12180. <h3 id="Word-Embedding">Word Embedding<a class="anchor-link" href="#Word-Embedding">&#182;</a></h3><p>Apply embedding to <code>input_data</code> using TensorFlow. Return the embedded sequence.</p>
  12181. </div>
  12182. </div>
  12183. </div>
  12184. <div class="cell border-box-sizing code_cell rendered">
  12185. <div class="input">
  12186. <div class="prompt input_prompt">In&nbsp;[18]:</div>
  12187. <div class="inner_cell">
  12188. <div class="input_area">
  12189. <div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">get_embed</span><span class="p">(</span><span class="n">input_data</span><span class="p">,</span> <span class="n">vocab_size</span><span class="p">,</span> <span class="n">embed_dim</span><span class="p">):</span>
  12190. <span class="sd">&quot;&quot;&quot;</span>
  12191. <span class="sd"> Create embedding for &lt;input_data&gt;.</span>
  12192. <span class="sd"> :param input_data: TF placeholder for text input.</span>
  12193. <span class="sd"> :param vocab_size: Number of words in vocabulary.</span>
  12194. <span class="sd"> :param embed_dim: Number of embedding dimensions</span>
  12195. <span class="sd"> :return: Embedded input.</span>
  12196. <span class="sd"> &quot;&quot;&quot;</span>
  12197. <span class="c1"># TODO: Implement Function</span>
  12198. <span class="n">embed</span> <span class="o">=</span> <span class="n">tf</span><span class="o">.</span><span class="n">Variable</span><span class="p">(</span><span class="n">tf</span><span class="o">.</span><span class="n">random_normal</span><span class="p">((</span><span class="n">vocab_size</span><span class="p">,</span><span class="n">embed_dim</span><span class="p">),</span><span class="o">-</span><span class="mf">0.01</span><span class="p">,</span><span class="mf">0.01</span><span class="p">))</span>
  12199. <span class="k">return</span> <span class="n">tf</span><span class="o">.</span><span class="n">nn</span><span class="o">.</span><span class="n">embedding_lookup</span><span class="p">(</span><span class="n">embed</span><span class="p">,</span><span class="n">input_data</span><span class="p">)</span>
  12200. <span class="sd">&quot;&quot;&quot;</span>
  12201. <span class="sd">DON&#39;T MODIFY ANYTHING IN THIS CELL THAT IS BELOW THIS LINE</span>
  12202. <span class="sd">&quot;&quot;&quot;</span>
  12203. <span class="n">tests</span><span class="o">.</span><span class="n">test_get_embed</span><span class="p">(</span><span class="n">get_embed</span><span class="p">)</span>
  12204. </pre></div>
  12205. </div>
  12206. </div>
  12207. </div>
  12208. <div class="output_wrapper">
  12209. <div class="output">
  12210. <div class="output_area">
  12211. <div class="prompt"></div>
  12212. <div class="output_subarea output_stream output_stdout output_text">
  12213. <pre>Tests Passed
  12214. </pre>
  12215. </div>
  12216. </div>
  12217. </div>
  12218. </div>
  12219. </div>
  12220. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  12221. </div>
  12222. <div class="inner_cell">
  12223. <div class="text_cell_render border-box-sizing rendered_html">
  12224. <h3 id="Build-RNN">Build RNN<a class="anchor-link" href="#Build-RNN">&#182;</a></h3><p>You created a RNN Cell in the <code>get_init_cell()</code> function. Time to use the cell to create a RNN.</p>
  12225. <ul>
  12226. <li>Build the RNN using the <a href="https://www.tensorflow.org/api_docs/python/tf/nn/dynamic_rnn"><code>tf.nn.dynamic_rnn()</code></a><ul>
  12227. <li>Apply the name "final_state" to the final state using <a href="https://www.tensorflow.org/api_docs/python/tf/identity"><code>tf.identity()</code></a></li>
  12228. </ul>
  12229. </li>
  12230. </ul>
  12231. <p>Return the outputs and final_state state in the following tuple <code>(Outputs, FinalState)</code></p>
  12232. </div>
  12233. </div>
  12234. </div>
  12235. <div class="cell border-box-sizing code_cell rendered">
  12236. <div class="input">
  12237. <div class="prompt input_prompt">In&nbsp;[19]:</div>
  12238. <div class="inner_cell">
  12239. <div class="input_area">
  12240. <div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">build_rnn</span><span class="p">(</span><span class="n">cell</span><span class="p">,</span> <span class="n">inputs</span><span class="p">):</span>
  12241. <span class="sd">&quot;&quot;&quot;</span>
  12242. <span class="sd"> Create a RNN using a RNN Cell</span>
  12243. <span class="sd"> :param cell: RNN Cell</span>
  12244. <span class="sd"> :param inputs: Input text data</span>
  12245. <span class="sd"> :return: Tuple (Outputs, Final State)</span>
  12246. <span class="sd"> &quot;&quot;&quot;</span>
  12247. <span class="c1"># TODO: Implement Function</span>
  12248. <span class="n">outputs</span><span class="p">,</span> <span class="n">final_state</span> <span class="o">=</span> <span class="n">tf</span><span class="o">.</span><span class="n">nn</span><span class="o">.</span><span class="n">dynamic_rnn</span><span class="p">(</span><span class="n">cell</span><span class="p">,</span><span class="n">inputs</span><span class="p">,</span><span class="n">dtype</span><span class="o">=</span><span class="n">tf</span><span class="o">.</span><span class="n">float32</span><span class="p">)</span>
  12249. <span class="n">final_state</span> <span class="o">=</span> <span class="n">tf</span><span class="o">.</span><span class="n">identity</span><span class="p">(</span><span class="n">final_state</span><span class="p">,</span> <span class="n">name</span><span class="o">=</span><span class="s1">&#39;final_state&#39;</span><span class="p">)</span>
  12250. <span class="k">return</span> <span class="n">outputs</span><span class="p">,</span> <span class="n">final_state</span>
  12251. <span class="sd">&quot;&quot;&quot;</span>
  12252. <span class="sd">DON&#39;T MODIFY ANYTHING IN THIS CELL THAT IS BELOW THIS LINE</span>
  12253. <span class="sd">&quot;&quot;&quot;</span>
  12254. <span class="n">tests</span><span class="o">.</span><span class="n">test_build_rnn</span><span class="p">(</span><span class="n">build_rnn</span><span class="p">)</span>
  12255. </pre></div>
  12256. </div>
  12257. </div>
  12258. </div>
  12259. <div class="output_wrapper">
  12260. <div class="output">
  12261. <div class="output_area">
  12262. <div class="prompt"></div>
  12263. <div class="output_subarea output_stream output_stdout output_text">
  12264. <pre>Tests Passed
  12265. </pre>
  12266. </div>
  12267. </div>
  12268. </div>
  12269. </div>
  12270. </div>
  12271. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  12272. </div>
  12273. <div class="inner_cell">
  12274. <div class="text_cell_render border-box-sizing rendered_html">
  12275. <h3 id="Build-the-Neural-Network">Build the Neural Network<a class="anchor-link" href="#Build-the-Neural-Network">&#182;</a></h3><p>Apply the functions you implemented above to:</p>
  12276. <ul>
  12277. <li>Apply embedding to <code>input_data</code> using your <code>get_embed(input_data, vocab_size, embed_dim)</code> function.</li>
  12278. <li>Build RNN using <code>cell</code> and your <code>build_rnn(cell, inputs)</code> function.</li>
  12279. <li>Apply a fully connected layer with a linear activation and <code>vocab_size</code> as the number of outputs.</li>
  12280. </ul>
  12281. <p>Return the logits and final state in the following tuple (Logits, FinalState)</p>
  12282. </div>
  12283. </div>
  12284. </div>
  12285. <div class="cell border-box-sizing code_cell rendered">
  12286. <div class="input">
  12287. <div class="prompt input_prompt">In&nbsp;[20]:</div>
  12288. <div class="inner_cell">
  12289. <div class="input_area">
  12290. <div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">build_nn</span><span class="p">(</span><span class="n">cell</span><span class="p">,</span> <span class="n">rnn_size</span><span class="p">,</span> <span class="n">input_data</span><span class="p">,</span> <span class="n">vocab_size</span><span class="p">,</span> <span class="n">embed_dim</span><span class="p">):</span>
  12291. <span class="sd">&quot;&quot;&quot;</span>
  12292. <span class="sd"> Build part of the neural network</span>
  12293. <span class="sd"> :param cell: RNN cell</span>
  12294. <span class="sd"> :param rnn_size: Size of rnns</span>
  12295. <span class="sd"> :param input_data: Input data</span>
  12296. <span class="sd"> :param vocab_size: Vocabulary size</span>
  12297. <span class="sd"> :param embed_dim: Number of embedding dimensions</span>
  12298. <span class="sd"> :return: Tuple (Logits, FinalState)</span>
  12299. <span class="sd"> &quot;&quot;&quot;</span>
  12300. <span class="c1"># TODO: Implement Function</span>
  12301. <span class="n">embed</span> <span class="o">=</span> <span class="n">get_embed</span><span class="p">(</span><span class="n">input_data</span><span class="p">,</span> <span class="n">vocab_size</span><span class="p">,</span> <span class="n">embed_dim</span><span class="p">)</span>
  12302. <span class="n">outputs</span><span class="p">,</span> <span class="n">final_state</span> <span class="o">=</span> <span class="n">build_rnn</span><span class="p">(</span><span class="n">cell</span><span class="p">,</span> <span class="n">embed</span><span class="p">)</span>
  12303. <span class="n">logits</span> <span class="o">=</span> <span class="n">tf</span><span class="o">.</span><span class="n">contrib</span><span class="o">.</span><span class="n">layers</span><span class="o">.</span><span class="n">fully_connected</span><span class="p">(</span><span class="n">outputs</span><span class="p">,</span> <span class="n">vocab_size</span><span class="p">,</span> <span class="n">activation_fn</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>
  12304. <span class="k">return</span> <span class="n">logits</span><span class="p">,</span> <span class="n">final_state</span>
  12305. <span class="sd">&quot;&quot;&quot;</span>
  12306. <span class="sd">DON&#39;T MODIFY ANYTHING IN THIS CELL THAT IS BELOW THIS LINE</span>
  12307. <span class="sd">&quot;&quot;&quot;</span>
  12308. <span class="n">tests</span><span class="o">.</span><span class="n">test_build_nn</span><span class="p">(</span><span class="n">build_nn</span><span class="p">)</span>
  12309. </pre></div>
  12310. </div>
  12311. </div>
  12312. </div>
  12313. <div class="output_wrapper">
  12314. <div class="output">
  12315. <div class="output_area">
  12316. <div class="prompt"></div>
  12317. <div class="output_subarea output_stream output_stdout output_text">
  12318. <pre>Tests Passed
  12319. </pre>
  12320. </div>
  12321. </div>
  12322. </div>
  12323. </div>
  12324. </div>
  12325. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  12326. </div>
  12327. <div class="inner_cell">
  12328. <div class="text_cell_render border-box-sizing rendered_html">
  12329. <h3 id="Batches">Batches<a class="anchor-link" href="#Batches">&#182;</a></h3><p>Implement <code>get_batches</code> to create batches of input and targets using <code>int_text</code>. The batches should be a Numpy array with the shape <code>(number of batches, 2, batch size, sequence length)</code>. Each batch contains two elements:</p>
  12330. <ul>
  12331. <li>The first element is a single batch of <strong>input</strong> with the shape <code>[batch size, sequence length]</code></li>
  12332. <li>The second element is a single batch of <strong>targets</strong> with the shape <code>[batch size, sequence length]</code></li>
  12333. </ul>
  12334. <p>If you can't fill the last batch with enough data, drop the last batch.</p>
  12335. <p>For example, <code>get_batches([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20], 3, 2)</code> would return a Numpy array of the following:</p>
  12336. <pre><code>[
  12337. # First Batch
  12338. [
  12339. # Batch of Input
  12340. [[ 1 2], [ 7 8], [13 14]]
  12341. # Batch of targets
  12342. [[ 2 3], [ 8 9], [14 15]]
  12343. ]
  12344. # Second Batch
  12345. [
  12346. # Batch of Input
  12347. [[ 3 4], [ 9 10], [15 16]]
  12348. # Batch of targets
  12349. [[ 4 5], [10 11], [16 17]]
  12350. ]
  12351. # Third Batch
  12352. [
  12353. # Batch of Input
  12354. [[ 5 6], [11 12], [17 18]]
  12355. # Batch of targets
  12356. [[ 6 7], [12 13], [18 1]]
  12357. ]
  12358. ]</code></pre>
  12359. <p>Notice that the last target value in the last batch is the first input value of the first batch. In this case, <code>1</code>. This is a common technique used when creating sequence batches, although it is rather unintuitive.</p>
  12360. </div>
  12361. </div>
  12362. </div>
  12363. <div class="cell border-box-sizing code_cell rendered">
  12364. <div class="input">
  12365. <div class="prompt input_prompt">In&nbsp;[21]:</div>
  12366. <div class="inner_cell">
  12367. <div class="input_area">
  12368. <div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">get_batches</span><span class="p">(</span><span class="n">int_text</span><span class="p">,</span> <span class="n">batch_size</span><span class="p">,</span> <span class="n">seq_length</span><span class="p">):</span>
  12369. <span class="sd">&quot;&quot;&quot;</span>
  12370. <span class="sd"> Return batches of input and target</span>
  12371. <span class="sd"> :param int_text: Text with the words replaced by their ids</span>
  12372. <span class="sd"> :param batch_size: The size of batch</span>
  12373. <span class="sd"> :param seq_length: The length of sequence</span>
  12374. <span class="sd"> :return: Batches as a Numpy array</span>
  12375. <span class="sd"> &quot;&quot;&quot;</span>
  12376. <span class="n">num_batches</span> <span class="o">=</span> <span class="nb">len</span><span class="p">(</span><span class="n">int_text</span><span class="p">)</span> <span class="o">//</span> <span class="p">(</span><span class="n">batch_size</span> <span class="o">*</span> <span class="n">seq_length</span><span class="p">)</span>
  12377. <span class="n">int_text</span><span class="p">[</span><span class="n">num_batches</span><span class="o">*</span><span class="n">batch_size</span><span class="o">*</span><span class="n">seq_length</span><span class="p">]</span> <span class="o">=</span> <span class="n">int_text</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span>
  12378. <span class="c1">#print(int_text)</span>
  12379. <span class="n">batches</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">zeros</span><span class="p">([</span><span class="n">num_batches</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="n">batch_size</span><span class="p">,</span> <span class="n">seq_length</span><span class="p">],</span> <span class="n">dtype</span><span class="o">=</span><span class="n">np</span><span class="o">.</span><span class="n">int32</span><span class="p">)</span>
  12380. <span class="k">for</span> <span class="n">idx</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="nb">len</span><span class="p">(</span><span class="n">int_text</span><span class="p">),</span> <span class="n">seq_length</span><span class="p">):</span>
  12381. <span class="n">batch_no</span> <span class="o">=</span> <span class="p">(</span><span class="n">idx</span> <span class="o">//</span> <span class="n">seq_length</span><span class="p">)</span> <span class="o">%</span> <span class="n">num_batches</span>
  12382. <span class="n">batch_idx</span> <span class="o">=</span> <span class="n">idx</span> <span class="o">//</span> <span class="p">(</span><span class="n">seq_length</span> <span class="o">*</span> <span class="n">num_batches</span><span class="p">)</span>
  12383. <span class="k">if</span> <span class="p">(</span><span class="n">batch_idx</span> <span class="o">==</span> <span class="n">batch_size</span><span class="p">):</span>
  12384. <span class="k">break</span>
  12385. <span class="n">batches</span><span class="p">[</span><span class="n">batch_no</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="n">batch_idx</span><span class="p">,</span> <span class="p">]</span> <span class="o">=</span> <span class="n">int_text</span><span class="p">[</span><span class="n">idx</span><span class="p">:</span><span class="n">idx</span> <span class="o">+</span> <span class="n">seq_length</span><span class="p">]</span>
  12386. <span class="n">batches</span><span class="p">[</span><span class="n">batch_no</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="n">batch_idx</span><span class="p">,</span> <span class="p">]</span> <span class="o">=</span> <span class="n">int_text</span><span class="p">[</span><span class="n">idx</span> <span class="o">+</span> <span class="mi">1</span><span class="p">:</span><span class="n">idx</span> <span class="o">+</span> <span class="n">seq_length</span> <span class="o">+</span> <span class="mi">1</span><span class="p">]</span>
  12387. <span class="k">return</span> <span class="n">batches</span>
  12388. <span class="sd">&quot;&quot;&quot;</span>
  12389. <span class="sd">DON&#39;T MODIFY ANYTHING IN THIS CELL THAT IS BELOW THIS LINE</span>
  12390. <span class="sd">&quot;&quot;&quot;</span>
  12391. <span class="n">tests</span><span class="o">.</span><span class="n">test_get_batches</span><span class="p">(</span><span class="n">get_batches</span><span class="p">)</span>
  12392. </pre></div>
  12393. </div>
  12394. </div>
  12395. </div>
  12396. <div class="output_wrapper">
  12397. <div class="output">
  12398. <div class="output_area">
  12399. <div class="prompt"></div>
  12400. <div class="output_subarea output_stream output_stdout output_text">
  12401. <pre>Tests Passed
  12402. </pre>
  12403. </div>
  12404. </div>
  12405. </div>
  12406. </div>
  12407. </div>
  12408. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  12409. </div>
  12410. <div class="inner_cell">
  12411. <div class="text_cell_render border-box-sizing rendered_html">
  12412. <h2 id="Neural-Network-Training">Neural Network Training<a class="anchor-link" href="#Neural-Network-Training">&#182;</a></h2><h3 id="Hyperparameters">Hyperparameters<a class="anchor-link" href="#Hyperparameters">&#182;</a></h3><p>Tune the following parameters:</p>
  12413. <ul>
  12414. <li>Set <code>num_epochs</code> to the number of epochs.</li>
  12415. <li>Set <code>batch_size</code> to the batch size.</li>
  12416. <li>Set <code>rnn_size</code> to the size of the RNNs.</li>
  12417. <li>Set <code>embed_dim</code> to the size of the embedding.</li>
  12418. <li>Set <code>seq_length</code> to the length of sequence.</li>
  12419. <li>Set <code>learning_rate</code> to the learning rate.</li>
  12420. <li>Set <code>show_every_n_batches</code> to the number of batches the neural network should print progress.</li>
  12421. </ul>
  12422. </div>
  12423. </div>
  12424. </div>
  12425. <div class="cell border-box-sizing code_cell rendered">
  12426. <div class="input">
  12427. <div class="prompt input_prompt">In&nbsp;[22]:</div>
  12428. <div class="inner_cell">
  12429. <div class="input_area">
  12430. <div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># Number of Epochs</span>
  12431. <span class="n">num_epochs</span> <span class="o">=</span> <span class="mi">125</span>
  12432. <span class="c1"># Batch Size</span>
  12433. <span class="n">batch_size</span> <span class="o">=</span> <span class="mi">200</span>
  12434. <span class="c1"># RNN Size</span>
  12435. <span class="n">rnn_size</span> <span class="o">=</span> <span class="mi">512</span>
  12436. <span class="c1"># Embedding Dimension Size</span>
  12437. <span class="n">embed_dim</span> <span class="o">=</span> <span class="mi">300</span>
  12438. <span class="c1"># Sequence Length</span>
  12439. <span class="n">seq_length</span> <span class="o">=</span> <span class="mi">40</span>
  12440. <span class="c1"># Learning Rate</span>
  12441. <span class="n">learning_rate</span> <span class="o">=</span> <span class="mf">0.01</span>
  12442. <span class="c1"># Show stats for every n number of batches</span>
  12443. <span class="n">show_every_n_batches</span> <span class="o">=</span> <span class="mi">16</span>
  12444. <span class="sd">&quot;&quot;&quot;</span>
  12445. <span class="sd">DON&#39;T MODIFY ANYTHING IN THIS CELL THAT IS BELOW THIS LINE</span>
  12446. <span class="sd">&quot;&quot;&quot;</span>
  12447. <span class="n">save_dir</span> <span class="o">=</span> <span class="s1">&#39;./save&#39;</span>
  12448. </pre></div>
  12449. </div>
  12450. </div>
  12451. </div>
  12452. </div>
  12453. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  12454. </div>
  12455. <div class="inner_cell">
  12456. <div class="text_cell_render border-box-sizing rendered_html">
  12457. <h3 id="Build-the-Graph">Build the Graph<a class="anchor-link" href="#Build-the-Graph">&#182;</a></h3><p>Build the graph using the neural network you implemented.</p>
  12458. </div>
  12459. </div>
  12460. </div>
  12461. <div class="cell border-box-sizing code_cell rendered">
  12462. <div class="input">
  12463. <div class="prompt input_prompt">In&nbsp;[23]:</div>
  12464. <div class="inner_cell">
  12465. <div class="input_area">
  12466. <div class=" highlight hl-ipython3"><pre><span></span><span class="sd">&quot;&quot;&quot;</span>
  12467. <span class="sd">DON&#39;T MODIFY ANYTHING IN THIS CELL</span>
  12468. <span class="sd">&quot;&quot;&quot;</span>
  12469. <span class="kn">from</span> <span class="nn">tensorflow.contrib</span> <span class="k">import</span> <span class="n">seq2seq</span>
  12470. <span class="n">train_graph</span> <span class="o">=</span> <span class="n">tf</span><span class="o">.</span><span class="n">Graph</span><span class="p">()</span>
  12471. <span class="k">with</span> <span class="n">train_graph</span><span class="o">.</span><span class="n">as_default</span><span class="p">():</span>
  12472. <span class="n">vocab_size</span> <span class="o">=</span> <span class="nb">len</span><span class="p">(</span><span class="n">int_to_vocab</span><span class="p">)</span>
  12473. <span class="n">input_text</span><span class="p">,</span> <span class="n">targets</span><span class="p">,</span> <span class="n">lr</span> <span class="o">=</span> <span class="n">get_inputs</span><span class="p">()</span>
  12474. <span class="n">input_data_shape</span> <span class="o">=</span> <span class="n">tf</span><span class="o">.</span><span class="n">shape</span><span class="p">(</span><span class="n">input_text</span><span class="p">)</span>
  12475. <span class="n">cell</span><span class="p">,</span> <span class="n">initial_state</span> <span class="o">=</span> <span class="n">get_init_cell</span><span class="p">(</span><span class="n">input_data_shape</span><span class="p">[</span><span class="mi">0</span><span class="p">],</span> <span class="n">rnn_size</span><span class="p">)</span>
  12476. <span class="n">logits</span><span class="p">,</span> <span class="n">final_state</span> <span class="o">=</span> <span class="n">build_nn</span><span class="p">(</span><span class="n">cell</span><span class="p">,</span> <span class="n">rnn_size</span><span class="p">,</span> <span class="n">input_text</span><span class="p">,</span> <span class="n">vocab_size</span><span class="p">,</span> <span class="n">embed_dim</span><span class="p">)</span>
  12477. <span class="c1"># Probabilities for generating words</span>
  12478. <span class="n">probs</span> <span class="o">=</span> <span class="n">tf</span><span class="o">.</span><span class="n">nn</span><span class="o">.</span><span class="n">softmax</span><span class="p">(</span><span class="n">logits</span><span class="p">,</span> <span class="n">name</span><span class="o">=</span><span class="s1">&#39;probs&#39;</span><span class="p">)</span>
  12479. <span class="c1"># Loss function</span>
  12480. <span class="n">cost</span> <span class="o">=</span> <span class="n">seq2seq</span><span class="o">.</span><span class="n">sequence_loss</span><span class="p">(</span>
  12481. <span class="n">logits</span><span class="p">,</span>
  12482. <span class="n">targets</span><span class="p">,</span>
  12483. <span class="n">tf</span><span class="o">.</span><span class="n">ones</span><span class="p">([</span><span class="n">input_data_shape</span><span class="p">[</span><span class="mi">0</span><span class="p">],</span> <span class="n">input_data_shape</span><span class="p">[</span><span class="mi">1</span><span class="p">]]))</span>
  12484. <span class="c1"># Optimizer</span>
  12485. <span class="n">optimizer</span> <span class="o">=</span> <span class="n">tf</span><span class="o">.</span><span class="n">train</span><span class="o">.</span><span class="n">AdamOptimizer</span><span class="p">(</span><span class="n">lr</span><span class="p">)</span>
  12486. <span class="c1"># Gradient Clipping</span>
  12487. <span class="n">gradients</span> <span class="o">=</span> <span class="n">optimizer</span><span class="o">.</span><span class="n">compute_gradients</span><span class="p">(</span><span class="n">cost</span><span class="p">)</span>
  12488. <span class="n">capped_gradients</span> <span class="o">=</span> <span class="p">[(</span><span class="n">tf</span><span class="o">.</span><span class="n">clip_by_value</span><span class="p">(</span><span class="n">grad</span><span class="p">,</span> <span class="o">-</span><span class="mf">1.</span><span class="p">,</span> <span class="mf">1.</span><span class="p">),</span> <span class="n">var</span><span class="p">)</span> <span class="k">for</span> <span class="n">grad</span><span class="p">,</span> <span class="n">var</span> <span class="ow">in</span> <span class="n">gradients</span> <span class="k">if</span> <span class="n">grad</span> <span class="ow">is</span> <span class="ow">not</span> <span class="kc">None</span><span class="p">]</span>
  12489. <span class="n">train_op</span> <span class="o">=</span> <span class="n">optimizer</span><span class="o">.</span><span class="n">apply_gradients</span><span class="p">(</span><span class="n">capped_gradients</span><span class="p">)</span>
  12490. </pre></div>
  12491. </div>
  12492. </div>
  12493. </div>
  12494. </div>
  12495. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  12496. </div>
  12497. <div class="inner_cell">
  12498. <div class="text_cell_render border-box-sizing rendered_html">
  12499. <h2 id="Train">Train<a class="anchor-link" href="#Train">&#182;</a></h2><p>Train the neural network on the preprocessed data. If you have a hard time getting a good loss, check the <a href="https://discussions.udacity.com/">forums</a> to see if anyone is having the same problem.</p>
  12500. </div>
  12501. </div>
  12502. </div>
  12503. <div class="cell border-box-sizing code_cell rendered">
  12504. <div class="input">
  12505. <div class="prompt input_prompt">In&nbsp;[24]:</div>
  12506. <div class="inner_cell">
  12507. <div class="input_area">
  12508. <div class=" highlight hl-ipython3"><pre><span></span><span class="sd">&quot;&quot;&quot;</span>
  12509. <span class="sd">DON&#39;T MODIFY ANYTHING IN THIS CELL</span>
  12510. <span class="sd">&quot;&quot;&quot;</span>
  12511. <span class="n">batches</span> <span class="o">=</span> <span class="n">get_batches</span><span class="p">(</span><span class="n">int_text</span><span class="p">,</span> <span class="n">batch_size</span><span class="p">,</span> <span class="n">seq_length</span><span class="p">)</span>
  12512. <span class="k">with</span> <span class="n">tf</span><span class="o">.</span><span class="n">Session</span><span class="p">(</span><span class="n">graph</span><span class="o">=</span><span class="n">train_graph</span><span class="p">)</span> <span class="k">as</span> <span class="n">sess</span><span class="p">:</span>
  12513. <span class="n">sess</span><span class="o">.</span><span class="n">run</span><span class="p">(</span><span class="n">tf</span><span class="o">.</span><span class="n">global_variables_initializer</span><span class="p">())</span>
  12514. <span class="k">for</span> <span class="n">epoch_i</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="n">num_epochs</span><span class="p">):</span>
  12515. <span class="n">state</span> <span class="o">=</span> <span class="n">sess</span><span class="o">.</span><span class="n">run</span><span class="p">(</span><span class="n">initial_state</span><span class="p">,</span> <span class="p">{</span><span class="n">input_text</span><span class="p">:</span> <span class="n">batches</span><span class="p">[</span><span class="mi">0</span><span class="p">][</span><span class="mi">0</span><span class="p">]})</span>
  12516. <span class="k">for</span> <span class="n">batch_i</span><span class="p">,</span> <span class="p">(</span><span class="n">x</span><span class="p">,</span> <span class="n">y</span><span class="p">)</span> <span class="ow">in</span> <span class="nb">enumerate</span><span class="p">(</span><span class="n">batches</span><span class="p">):</span>
  12517. <span class="n">feed</span> <span class="o">=</span> <span class="p">{</span>
  12518. <span class="n">input_text</span><span class="p">:</span> <span class="n">x</span><span class="p">,</span>
  12519. <span class="n">targets</span><span class="p">:</span> <span class="n">y</span><span class="p">,</span>
  12520. <span class="n">initial_state</span><span class="p">:</span> <span class="n">state</span><span class="p">,</span>
  12521. <span class="n">lr</span><span class="p">:</span> <span class="n">learning_rate</span><span class="p">}</span>
  12522. <span class="n">train_loss</span><span class="p">,</span> <span class="n">state</span><span class="p">,</span> <span class="n">_</span> <span class="o">=</span> <span class="n">sess</span><span class="o">.</span><span class="n">run</span><span class="p">([</span><span class="n">cost</span><span class="p">,</span> <span class="n">final_state</span><span class="p">,</span> <span class="n">train_op</span><span class="p">],</span> <span class="n">feed</span><span class="p">)</span>
  12523. <span class="c1"># Show every &lt;show_every_n_batches&gt; batches</span>
  12524. <span class="k">if</span> <span class="p">(</span><span class="n">epoch_i</span> <span class="o">*</span> <span class="nb">len</span><span class="p">(</span><span class="n">batches</span><span class="p">)</span> <span class="o">+</span> <span class="n">batch_i</span><span class="p">)</span> <span class="o">%</span> <span class="n">show_every_n_batches</span> <span class="o">==</span> <span class="mi">0</span><span class="p">:</span>
  12525. <span class="nb">print</span><span class="p">(</span><span class="s1">&#39;Epoch </span><span class="si">{:&gt;3}</span><span class="s1"> Batch </span><span class="si">{:&gt;4}</span><span class="s1">/</span><span class="si">{}</span><span class="s1"> train_loss = </span><span class="si">{:.3f}</span><span class="s1">&#39;</span><span class="o">.</span><span class="n">format</span><span class="p">(</span>
  12526. <span class="n">epoch_i</span><span class="p">,</span>
  12527. <span class="n">batch_i</span><span class="p">,</span>
  12528. <span class="nb">len</span><span class="p">(</span><span class="n">batches</span><span class="p">),</span>
  12529. <span class="n">train_loss</span><span class="p">))</span>
  12530. <span class="c1"># Save Model</span>
  12531. <span class="n">saver</span> <span class="o">=</span> <span class="n">tf</span><span class="o">.</span><span class="n">train</span><span class="o">.</span><span class="n">Saver</span><span class="p">()</span>
  12532. <span class="n">saver</span><span class="o">.</span><span class="n">save</span><span class="p">(</span><span class="n">sess</span><span class="p">,</span> <span class="n">save_dir</span><span class="p">)</span>
  12533. <span class="nb">print</span><span class="p">(</span><span class="s1">&#39;Model Trained and Saved&#39;</span><span class="p">)</span>
  12534. </pre></div>
  12535. </div>
  12536. </div>
  12537. </div>
  12538. <div class="output_wrapper">
  12539. <div class="output">
  12540. <div class="output_area">
  12541. <div class="prompt"></div>
  12542. <div class="output_subarea output_stream output_stdout output_text">
  12543. <pre>Epoch 0 Batch 0/8 train_loss = 8.822
  12544. Epoch 2 Batch 0/8 train_loss = 5.754
  12545. Epoch 4 Batch 0/8 train_loss = 5.223
  12546. Epoch 6 Batch 0/8 train_loss = 4.692
  12547. Epoch 8 Batch 0/8 train_loss = 4.277
  12548. Epoch 10 Batch 0/8 train_loss = 3.942
  12549. Epoch 12 Batch 0/8 train_loss = 3.584
  12550. Epoch 14 Batch 0/8 train_loss = 3.260
  12551. Epoch 16 Batch 0/8 train_loss = 3.009
  12552. Epoch 18 Batch 0/8 train_loss = 2.820
  12553. Epoch 20 Batch 0/8 train_loss = 2.555
  12554. Epoch 22 Batch 0/8 train_loss = 2.254
  12555. Epoch 24 Batch 0/8 train_loss = 2.042
  12556. Epoch 26 Batch 0/8 train_loss = 1.880
  12557. Epoch 28 Batch 0/8 train_loss = 1.722
  12558. Epoch 30 Batch 0/8 train_loss = 1.594
  12559. Epoch 32 Batch 0/8 train_loss = 1.465
  12560. Epoch 34 Batch 0/8 train_loss = 1.417
  12561. Epoch 36 Batch 0/8 train_loss = 1.257
  12562. Epoch 38 Batch 0/8 train_loss = 1.098
  12563. Epoch 40 Batch 0/8 train_loss = 0.966
  12564. Epoch 42 Batch 0/8 train_loss = 0.877
  12565. Epoch 44 Batch 0/8 train_loss = 0.869
  12566. Epoch 46 Batch 0/8 train_loss = 0.814
  12567. Epoch 48 Batch 0/8 train_loss = 0.883
  12568. Epoch 50 Batch 0/8 train_loss = 0.687
  12569. Epoch 52 Batch 0/8 train_loss = 0.568
  12570. Epoch 54 Batch 0/8 train_loss = 0.476
  12571. Epoch 56 Batch 0/8 train_loss = 0.433
  12572. Epoch 58 Batch 0/8 train_loss = 0.379
  12573. Epoch 60 Batch 0/8 train_loss = 0.363
  12574. Epoch 62 Batch 0/8 train_loss = 0.318
  12575. Epoch 64 Batch 0/8 train_loss = 0.269
  12576. Epoch 66 Batch 0/8 train_loss = 0.245
  12577. Epoch 68 Batch 0/8 train_loss = 0.222
  12578. Epoch 70 Batch 0/8 train_loss = 0.204
  12579. Epoch 72 Batch 0/8 train_loss = 0.177
  12580. Epoch 74 Batch 0/8 train_loss = 0.160
  12581. Epoch 76 Batch 0/8 train_loss = 0.143
  12582. Epoch 78 Batch 0/8 train_loss = 0.130
  12583. Epoch 80 Batch 0/8 train_loss = 0.120
  12584. Epoch 82 Batch 0/8 train_loss = 0.113
  12585. Epoch 84 Batch 0/8 train_loss = 0.107
  12586. Epoch 86 Batch 0/8 train_loss = 0.101
  12587. Epoch 88 Batch 0/8 train_loss = 0.096
  12588. Epoch 90 Batch 0/8 train_loss = 0.091
  12589. Epoch 92 Batch 0/8 train_loss = 0.086
  12590. Epoch 94 Batch 0/8 train_loss = 0.083
  12591. Epoch 96 Batch 0/8 train_loss = 0.080
  12592. Epoch 98 Batch 0/8 train_loss = 0.078
  12593. Epoch 100 Batch 0/8 train_loss = 0.076
  12594. Epoch 102 Batch 0/8 train_loss = 0.074
  12595. Epoch 104 Batch 0/8 train_loss = 0.072
  12596. Epoch 106 Batch 0/8 train_loss = 0.071
  12597. Epoch 108 Batch 0/8 train_loss = 0.070
  12598. Epoch 110 Batch 0/8 train_loss = 0.068
  12599. Epoch 112 Batch 0/8 train_loss = 0.068
  12600. Epoch 114 Batch 0/8 train_loss = 0.067
  12601. Epoch 116 Batch 0/8 train_loss = 0.066
  12602. Epoch 118 Batch 0/8 train_loss = 0.065
  12603. Epoch 120 Batch 0/8 train_loss = 0.065
  12604. Epoch 122 Batch 0/8 train_loss = 0.064
  12605. Epoch 124 Batch 0/8 train_loss = 0.064
  12606. Model Trained and Saved
  12607. </pre>
  12608. </div>
  12609. </div>
  12610. </div>
  12611. </div>
  12612. </div>
  12613. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  12614. </div>
  12615. <div class="inner_cell">
  12616. <div class="text_cell_render border-box-sizing rendered_html">
  12617. <h2 id="Save-Parameters">Save Parameters<a class="anchor-link" href="#Save-Parameters">&#182;</a></h2><p>Save <code>seq_length</code> and <code>save_dir</code> for generating a new TV script.</p>
  12618. </div>
  12619. </div>
  12620. </div>
  12621. <div class="cell border-box-sizing code_cell rendered">
  12622. <div class="input">
  12623. <div class="prompt input_prompt">In&nbsp;[25]:</div>
  12624. <div class="inner_cell">
  12625. <div class="input_area">
  12626. <div class=" highlight hl-ipython3"><pre><span></span><span class="sd">&quot;&quot;&quot;</span>
  12627. <span class="sd">DON&#39;T MODIFY ANYTHING IN THIS CELL</span>
  12628. <span class="sd">&quot;&quot;&quot;</span>
  12629. <span class="c1"># Save parameters for checkpoint</span>
  12630. <span class="n">helper</span><span class="o">.</span><span class="n">save_params</span><span class="p">((</span><span class="n">seq_length</span><span class="p">,</span> <span class="n">save_dir</span><span class="p">))</span>
  12631. </pre></div>
  12632. </div>
  12633. </div>
  12634. </div>
  12635. </div>
  12636. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  12637. </div>
  12638. <div class="inner_cell">
  12639. <div class="text_cell_render border-box-sizing rendered_html">
  12640. <h1 id="Checkpoint">Checkpoint<a class="anchor-link" href="#Checkpoint">&#182;</a></h1>
  12641. </div>
  12642. </div>
  12643. </div>
  12644. <div class="cell border-box-sizing code_cell rendered">
  12645. <div class="input">
  12646. <div class="prompt input_prompt">In&nbsp;[26]:</div>
  12647. <div class="inner_cell">
  12648. <div class="input_area">
  12649. <div class=" highlight hl-ipython3"><pre><span></span><span class="sd">&quot;&quot;&quot;</span>
  12650. <span class="sd">DON&#39;T MODIFY ANYTHING IN THIS CELL</span>
  12651. <span class="sd">&quot;&quot;&quot;</span>
  12652. <span class="kn">import</span> <span class="nn">tensorflow</span> <span class="k">as</span> <span class="nn">tf</span>
  12653. <span class="kn">import</span> <span class="nn">numpy</span> <span class="k">as</span> <span class="nn">np</span>
  12654. <span class="kn">import</span> <span class="nn">helper</span>
  12655. <span class="kn">import</span> <span class="nn">problem_unittests</span> <span class="k">as</span> <span class="nn">tests</span>
  12656. <span class="n">_</span><span class="p">,</span> <span class="n">vocab_to_int</span><span class="p">,</span> <span class="n">int_to_vocab</span><span class="p">,</span> <span class="n">token_dict</span> <span class="o">=</span> <span class="n">helper</span><span class="o">.</span><span class="n">load_preprocess</span><span class="p">()</span>
  12657. <span class="n">seq_length</span><span class="p">,</span> <span class="n">load_dir</span> <span class="o">=</span> <span class="n">helper</span><span class="o">.</span><span class="n">load_params</span><span class="p">()</span>
  12658. </pre></div>
  12659. </div>
  12660. </div>
  12661. </div>
  12662. </div>
  12663. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  12664. </div>
  12665. <div class="inner_cell">
  12666. <div class="text_cell_render border-box-sizing rendered_html">
  12667. <h2 id="Implement-Generate-Functions">Implement Generate Functions<a class="anchor-link" href="#Implement-Generate-Functions">&#182;</a></h2><h3 id="Get-Tensors">Get Tensors<a class="anchor-link" href="#Get-Tensors">&#182;</a></h3><p>Get tensors from <code>loaded_graph</code> using the function <a href="https://www.tensorflow.org/api_docs/python/tf/Graph#get_tensor_by_name"><code>get_tensor_by_name()</code></a>. Get the tensors using the following names:</p>
  12668. <ul>
  12669. <li>"input:0"</li>
  12670. <li>"initial_state:0"</li>
  12671. <li>"final_state:0"</li>
  12672. <li>"probs:0"</li>
  12673. </ul>
  12674. <p>Return the tensors in the following tuple <code>(InputTensor, InitialStateTensor, FinalStateTensor, ProbsTensor)</code></p>
  12675. </div>
  12676. </div>
  12677. </div>
  12678. <div class="cell border-box-sizing code_cell rendered">
  12679. <div class="input">
  12680. <div class="prompt input_prompt">In&nbsp;[27]:</div>
  12681. <div class="inner_cell">
  12682. <div class="input_area">
  12683. <div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">get_tensors</span><span class="p">(</span><span class="n">loaded_graph</span><span class="p">):</span>
  12684. <span class="sd">&quot;&quot;&quot;</span>
  12685. <span class="sd"> Get input, initial state, final state, and probabilities tensor from &lt;loaded_graph&gt;</span>
  12686. <span class="sd"> :param loaded_graph: TensorFlow graph loaded from file</span>
  12687. <span class="sd"> :return: Tuple (InputTensor, InitialStateTensor, FinalStateTensor, ProbsTensor)</span>
  12688. <span class="sd"> &quot;&quot;&quot;</span>
  12689. <span class="c1"># TODO: Implement Function</span>
  12690. <span class="k">return</span> <span class="p">(</span><span class="n">loaded_graph</span><span class="o">.</span><span class="n">get_tensor_by_name</span><span class="p">(</span><span class="s2">&quot;input:0&quot;</span><span class="p">),</span>
  12691. <span class="n">loaded_graph</span><span class="o">.</span><span class="n">get_tensor_by_name</span><span class="p">(</span><span class="s2">&quot;initial_state:0&quot;</span><span class="p">),</span>
  12692. <span class="n">loaded_graph</span><span class="o">.</span><span class="n">get_tensor_by_name</span><span class="p">(</span><span class="s2">&quot;final_state:0&quot;</span><span class="p">),</span>
  12693. <span class="n">loaded_graph</span><span class="o">.</span><span class="n">get_tensor_by_name</span><span class="p">(</span><span class="s2">&quot;probs:0&quot;</span><span class="p">))</span>
  12694. <span class="sd">&quot;&quot;&quot;</span>
  12695. <span class="sd">DON&#39;T MODIFY ANYTHING IN THIS CELL THAT IS BELOW THIS LINE</span>
  12696. <span class="sd">&quot;&quot;&quot;</span>
  12697. <span class="n">tests</span><span class="o">.</span><span class="n">test_get_tensors</span><span class="p">(</span><span class="n">get_tensors</span><span class="p">)</span>
  12698. </pre></div>
  12699. </div>
  12700. </div>
  12701. </div>
  12702. <div class="output_wrapper">
  12703. <div class="output">
  12704. <div class="output_area">
  12705. <div class="prompt"></div>
  12706. <div class="output_subarea output_stream output_stdout output_text">
  12707. <pre>Tests Passed
  12708. </pre>
  12709. </div>
  12710. </div>
  12711. </div>
  12712. </div>
  12713. </div>
  12714. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  12715. </div>
  12716. <div class="inner_cell">
  12717. <div class="text_cell_render border-box-sizing rendered_html">
  12718. <h3 id="Choose-Word">Choose Word<a class="anchor-link" href="#Choose-Word">&#182;</a></h3><p>Implement the <code>pick_word()</code> function to select the next word using <code>probabilities</code>.</p>
  12719. </div>
  12720. </div>
  12721. </div>
  12722. <div class="cell border-box-sizing code_cell rendered">
  12723. <div class="input">
  12724. <div class="prompt input_prompt">In&nbsp;[28]:</div>
  12725. <div class="inner_cell">
  12726. <div class="input_area">
  12727. <div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">pick_word</span><span class="p">(</span><span class="n">probabilities</span><span class="p">,</span> <span class="n">int_to_vocab</span><span class="p">):</span>
  12728. <span class="sd">&quot;&quot;&quot;</span>
  12729. <span class="sd"> Pick the next word in the generated text</span>
  12730. <span class="sd"> :param probabilities: Probabilites of the next word</span>
  12731. <span class="sd"> :param int_to_vocab: Dictionary of word ids as the keys and words as the values</span>
  12732. <span class="sd"> :return: String of the predicted word</span>
  12733. <span class="sd"> &quot;&quot;&quot;</span>
  12734. <span class="c1"># TODO: Implement Function</span>
  12735. <span class="n">p</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">squeeze</span><span class="p">(</span><span class="n">probabilities</span><span class="p">)</span>
  12736. <span class="n">top_n</span> <span class="o">=</span> <span class="nb">min</span><span class="p">(</span><span class="mi">5</span><span class="p">,</span><span class="n">p</span><span class="o">.</span><span class="n">shape</span><span class="p">[</span><span class="mi">0</span><span class="p">])</span>
  12737. <span class="n">p</span><span class="p">[</span><span class="n">np</span><span class="o">.</span><span class="n">argsort</span><span class="p">(</span><span class="n">p</span><span class="p">)[:</span><span class="o">-</span><span class="n">top_n</span><span class="p">]]</span> <span class="o">=</span> <span class="mi">0</span>
  12738. <span class="n">p</span> <span class="o">=</span> <span class="n">p</span> <span class="o">/</span> <span class="n">np</span><span class="o">.</span><span class="n">sum</span><span class="p">(</span><span class="n">p</span><span class="p">)</span>
  12739. <span class="n">index</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">random</span><span class="o">.</span><span class="n">choice</span><span class="p">(</span><span class="n">p</span><span class="o">.</span><span class="n">shape</span><span class="p">[</span><span class="mi">0</span><span class="p">],</span> <span class="mi">1</span><span class="p">,</span> <span class="n">p</span><span class="o">=</span><span class="n">p</span><span class="p">)[</span><span class="mi">0</span><span class="p">]</span>
  12740. <span class="k">return</span> <span class="n">int_to_vocab</span><span class="p">[</span><span class="n">index</span><span class="p">]</span>
  12741. <span class="sd">&quot;&quot;&quot;</span>
  12742. <span class="sd">DON&#39;T MODIFY ANYTHING IN THIS CELL THAT IS BELOW THIS LINE</span>
  12743. <span class="sd">&quot;&quot;&quot;</span>
  12744. <span class="n">tests</span><span class="o">.</span><span class="n">test_pick_word</span><span class="p">(</span><span class="n">pick_word</span><span class="p">)</span>
  12745. </pre></div>
  12746. </div>
  12747. </div>
  12748. </div>
  12749. <div class="output_wrapper">
  12750. <div class="output">
  12751. <div class="output_area">
  12752. <div class="prompt"></div>
  12753. <div class="output_subarea output_stream output_stdout output_text">
  12754. <pre>Tests Passed
  12755. </pre>
  12756. </div>
  12757. </div>
  12758. </div>
  12759. </div>
  12760. </div>
  12761. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  12762. </div>
  12763. <div class="inner_cell">
  12764. <div class="text_cell_render border-box-sizing rendered_html">
  12765. <h2 id="Generate-TV-Script">Generate TV Script<a class="anchor-link" href="#Generate-TV-Script">&#182;</a></h2><p>This will generate the TV script for you. Set <code>gen_length</code> to the length of TV script you want to generate.</p>
  12766. </div>
  12767. </div>
  12768. </div>
  12769. <div class="cell border-box-sizing code_cell rendered">
  12770. <div class="input">
  12771. <div class="prompt input_prompt">In&nbsp;[29]:</div>
  12772. <div class="inner_cell">
  12773. <div class="input_area">
  12774. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">gen_length</span> <span class="o">=</span> <span class="mi">200</span>
  12775. <span class="c1"># homer_simpson, moe_szyslak, or Barney_Gumble</span>
  12776. <span class="n">prime_word</span> <span class="o">=</span> <span class="s1">&#39;moe_szyslak&#39;</span>
  12777. <span class="sd">&quot;&quot;&quot;</span>
  12778. <span class="sd">DON&#39;T MODIFY ANYTHING IN THIS CELL THAT IS BELOW THIS LINE</span>
  12779. <span class="sd">&quot;&quot;&quot;</span>
  12780. <span class="n">loaded_graph</span> <span class="o">=</span> <span class="n">tf</span><span class="o">.</span><span class="n">Graph</span><span class="p">()</span>
  12781. <span class="k">with</span> <span class="n">tf</span><span class="o">.</span><span class="n">Session</span><span class="p">(</span><span class="n">graph</span><span class="o">=</span><span class="n">loaded_graph</span><span class="p">)</span> <span class="k">as</span> <span class="n">sess</span><span class="p">:</span>
  12782. <span class="c1"># Load saved model</span>
  12783. <span class="n">loader</span> <span class="o">=</span> <span class="n">tf</span><span class="o">.</span><span class="n">train</span><span class="o">.</span><span class="n">import_meta_graph</span><span class="p">(</span><span class="n">load_dir</span> <span class="o">+</span> <span class="s1">&#39;.meta&#39;</span><span class="p">)</span>
  12784. <span class="n">loader</span><span class="o">.</span><span class="n">restore</span><span class="p">(</span><span class="n">sess</span><span class="p">,</span> <span class="n">load_dir</span><span class="p">)</span>
  12785. <span class="c1"># Get Tensors from loaded model</span>
  12786. <span class="n">input_text</span><span class="p">,</span> <span class="n">initial_state</span><span class="p">,</span> <span class="n">final_state</span><span class="p">,</span> <span class="n">probs</span> <span class="o">=</span> <span class="n">get_tensors</span><span class="p">(</span><span class="n">loaded_graph</span><span class="p">)</span>
  12787. <span class="c1"># Sentences generation setup</span>
  12788. <span class="n">gen_sentences</span> <span class="o">=</span> <span class="p">[</span><span class="n">prime_word</span> <span class="o">+</span> <span class="s1">&#39;:&#39;</span><span class="p">]</span>
  12789. <span class="n">prev_state</span> <span class="o">=</span> <span class="n">sess</span><span class="o">.</span><span class="n">run</span><span class="p">(</span><span class="n">initial_state</span><span class="p">,</span> <span class="p">{</span><span class="n">input_text</span><span class="p">:</span> <span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">([[</span><span class="mi">1</span><span class="p">]])})</span>
  12790. <span class="c1"># Generate sentences</span>
  12791. <span class="k">for</span> <span class="n">n</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="n">gen_length</span><span class="p">):</span>
  12792. <span class="c1"># Dynamic Input</span>
  12793. <span class="n">dyn_input</span> <span class="o">=</span> <span class="p">[[</span><span class="n">vocab_to_int</span><span class="p">[</span><span class="n">word</span><span class="p">]</span> <span class="k">for</span> <span class="n">word</span> <span class="ow">in</span> <span class="n">gen_sentences</span><span class="p">[</span><span class="o">-</span><span class="n">seq_length</span><span class="p">:]]]</span>
  12794. <span class="n">dyn_seq_length</span> <span class="o">=</span> <span class="nb">len</span><span class="p">(</span><span class="n">dyn_input</span><span class="p">[</span><span class="mi">0</span><span class="p">])</span>
  12795. <span class="c1"># Get Prediction</span>
  12796. <span class="n">probabilities</span><span class="p">,</span> <span class="n">prev_state</span> <span class="o">=</span> <span class="n">sess</span><span class="o">.</span><span class="n">run</span><span class="p">(</span>
  12797. <span class="p">[</span><span class="n">probs</span><span class="p">,</span> <span class="n">final_state</span><span class="p">],</span>
  12798. <span class="p">{</span><span class="n">input_text</span><span class="p">:</span> <span class="n">dyn_input</span><span class="p">,</span> <span class="n">initial_state</span><span class="p">:</span> <span class="n">prev_state</span><span class="p">})</span>
  12799. <span class="n">pred_word</span> <span class="o">=</span> <span class="n">pick_word</span><span class="p">(</span><span class="n">probabilities</span><span class="p">[</span><span class="mi">0</span><span class="p">][</span><span class="n">dyn_seq_length</span><span class="o">-</span><span class="mi">1</span><span class="p">],</span> <span class="n">int_to_vocab</span><span class="p">)</span>
  12800. <span class="n">gen_sentences</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">pred_word</span><span class="p">)</span>
  12801. <span class="c1"># Remove tokens</span>
  12802. <span class="n">tv_script</span> <span class="o">=</span> <span class="s1">&#39; &#39;</span><span class="o">.</span><span class="n">join</span><span class="p">(</span><span class="n">gen_sentences</span><span class="p">)</span>
  12803. <span class="k">for</span> <span class="n">key</span><span class="p">,</span> <span class="n">token</span> <span class="ow">in</span> <span class="n">token_dict</span><span class="o">.</span><span class="n">items</span><span class="p">():</span>
  12804. <span class="n">ending</span> <span class="o">=</span> <span class="s1">&#39; &#39;</span> <span class="k">if</span> <span class="n">key</span> <span class="ow">in</span> <span class="p">[</span><span class="s1">&#39;</span><span class="se">\n</span><span class="s1">&#39;</span><span class="p">,</span> <span class="s1">&#39;(&#39;</span><span class="p">,</span> <span class="s1">&#39;&quot;&#39;</span><span class="p">]</span> <span class="k">else</span> <span class="s1">&#39;&#39;</span>
  12805. <span class="n">tv_script</span> <span class="o">=</span> <span class="n">tv_script</span><span class="o">.</span><span class="n">replace</span><span class="p">(</span><span class="s1">&#39; &#39;</span> <span class="o">+</span> <span class="n">token</span><span class="o">.</span><span class="n">lower</span><span class="p">(),</span> <span class="n">key</span><span class="p">)</span>
  12806. <span class="n">tv_script</span> <span class="o">=</span> <span class="n">tv_script</span><span class="o">.</span><span class="n">replace</span><span class="p">(</span><span class="s1">&#39;</span><span class="se">\n</span><span class="s1"> &#39;</span><span class="p">,</span> <span class="s1">&#39;</span><span class="se">\n</span><span class="s1">&#39;</span><span class="p">)</span>
  12807. <span class="n">tv_script</span> <span class="o">=</span> <span class="n">tv_script</span><span class="o">.</span><span class="n">replace</span><span class="p">(</span><span class="s1">&#39;( &#39;</span><span class="p">,</span> <span class="s1">&#39;(&#39;</span><span class="p">)</span>
  12808. <span class="nb">print</span><span class="p">(</span><span class="n">tv_script</span><span class="p">)</span>
  12809. </pre></div>
  12810. </div>
  12811. </div>
  12812. </div>
  12813. <div class="output_wrapper">
  12814. <div class="output">
  12815. <div class="output_area">
  12816. <div class="prompt"></div>
  12817. <div class="output_subarea output_stream output_stdout output_text">
  12818. <pre>INFO:tensorflow:Restoring parameters from ./save
  12819. moe_szyslak: okay it&#39;s over! get &#39;em out of here!
  12820. moe_szyslak:(to bears) all right, andalay! andalay!
  12821. homer_simpson: sometimes you gotta go where everybody knows your name.
  12822. homer_simpson:(impressed) ooh,&#34; general!&#34;(beat) who&#39;s drederick tatum, anyway? is he another hobo?
  12823. moe_szyslak:(evasive) yeah, that&#39;s give you back, you&#39;re answering to me! and there&#39;s gonna be big changes.
  12824. moe_szyslak: whoa, whoa, whoa, now wait just a minute. one?
  12825. homer_simpson:(terrified noise) the woman i love!
  12826. marge_simpson: i wonder what&#39;s keeping carl?
  12827. homer_simpson: no way.
  12828. homer_simpson: not a thing in the world.
  12829. moe_szyslak: yeah, i wish i could say the same.
  12830. homer_simpson: moe, this was back before snake became a notorious jailbird, when he was an idealistic, law-abiding young archaeologist...
  12831. apu_nahasapeemapetilon: such a voice!
  12832. seymour_skinner: who is that?
  12833. barney_gumble: i had a feeling you&#39;d say that.(stagy) so i
  12834. </pre>
  12835. </div>
  12836. </div>
  12837. </div>
  12838. </div>
  12839. </div>
  12840. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  12841. </div>
  12842. <div class="inner_cell">
  12843. <div class="text_cell_render border-box-sizing rendered_html">
  12844. <h1 id="The-TV-Script-is-Nonsensical">The TV Script is Nonsensical<a class="anchor-link" href="#The-TV-Script-is-Nonsensical">&#182;</a></h1><p>It's ok if the TV script doesn't make any sense. We trained on less than a megabyte of text. In order to get good results, you'll have to use a smaller vocabulary or get more data. Luckily there's more data! As we mentioned in the beggining of this project, this is a subset of <a href="https://www.kaggle.com/wcukierski/the-simpsons-by-the-data">another dataset</a>. We didn't have you train on all the data, because that would take too long. However, you are free to train your neural network on all the data. After you complete the project, of course.</p>
  12845. <h1 id="Submitting-This-Project">Submitting This Project<a class="anchor-link" href="#Submitting-This-Project">&#182;</a></h1><p>When submitting this project, make sure to run all the cells before saving the notebook. Save the notebook file as "dlnd_tv_script_generation.ipynb" and save it as a HTML file under "File" -&gt; "Download as". Include the "helper.py" and "problem_unittests.py" files in your submission.</p>
  12846. </div>
  12847. </div>
  12848. </div>
  12849. </div>
  12850. </div>
  12851. </body>
  12852. </html>