DryFriction.html 323 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594459545964597459845994600460146024603460446054606460746084609461046114612461346144615461646174618461946204621462246234624462546264627462846294630463146324633463446354636463746384639464046414642464346444645464646474648464946504651465246534654465546564657465846594660466146624663466446654666466746684669467046714672467346744675467646774678467946804681468246834684468546864687468846894690469146924693469446954696469746984699470047014702470347044705470647074708470947104711471247134714471547164717471847194720472147224723472447254726472747284729473047314732473347344735473647374738473947404741474247434744474547464747474847494750475147524753475447554756475747584759476047614762476347644765476647674768476947704771477247734774477547764777477847794780478147824783478447854786478747884789479047914792479347944795479647974798479948004801480248034804480548064807480848094810481148124813481448154816481748184819482048214822482348244825482648274828482948304831483248334834483548364837483848394840484148424843484448454846484748484849485048514852485348544855485648574858485948604861486248634864486548664867486848694870487148724873487448754876487748784879488048814882488348844885488648874888488948904891489248934894489548964897489848994900490149024903490449054906490749084909491049114912491349144915491649174918491949204921492249234924492549264927492849294930493149324933493449354936493749384939494049414942494349444945494649474948494949504951495249534954495549564957495849594960496149624963496449654966496749684969497049714972497349744975497649774978497949804981498249834984498549864987498849894990499149924993499449954996499749984999500050015002500350045005500650075008500950105011501250135014501550165017501850195020502150225023502450255026502750285029503050315032503350345035503650375038503950405041504250435044504550465047504850495050505150525053505450555056505750585059506050615062506350645065506650675068506950705071507250735074507550765077507850795080508150825083508450855086508750885089509050915092509350945095509650975098509951005101510251035104510551065107510851095110511151125113511451155116511751185119512051215122512351245125512651275128512951305131513251335134513551365137513851395140514151425143514451455146514751485149515051515152515351545155515651575158515951605161516251635164516551665167516851695170517151725173517451755176517751785179518051815182518351845185518651875188518951905191519251935194519551965197519851995200520152025203520452055206520752085209521052115212521352145215521652175218521952205221522252235224522552265227522852295230523152325233523452355236523752385239524052415242524352445245524652475248524952505251525252535254525552565257525852595260526152625263526452655266526752685269527052715272527352745275527652775278527952805281528252835284528552865287528852895290529152925293529452955296529752985299530053015302530353045305530653075308530953105311531253135314531553165317531853195320532153225323532453255326532753285329533053315332533353345335533653375338533953405341534253435344534553465347534853495350535153525353535453555356535753585359536053615362536353645365536653675368536953705371537253735374537553765377537853795380538153825383538453855386538753885389539053915392539353945395539653975398539954005401540254035404540554065407540854095410541154125413541454155416541754185419542054215422542354245425542654275428542954305431543254335434543554365437543854395440544154425443544454455446544754485449545054515452545354545455545654575458545954605461546254635464546554665467546854695470547154725473547454755476547754785479548054815482548354845485548654875488548954905491549254935494549554965497549854995500550155025503550455055506550755085509551055115512551355145515551655175518551955205521552255235524552555265527552855295530553155325533553455355536553755385539554055415542554355445545554655475548554955505551555255535554555555565557555855595560556155625563556455655566556755685569557055715572557355745575557655775578557955805581558255835584558555865587558855895590559155925593559455955596559755985599560056015602560356045605560656075608560956105611561256135614561556165617561856195620562156225623562456255626562756285629563056315632563356345635563656375638563956405641564256435644564556465647564856495650565156525653565456555656565756585659566056615662566356645665566656675668566956705671567256735674567556765677567856795680568156825683568456855686568756885689569056915692569356945695569656975698569957005701570257035704570557065707570857095710571157125713571457155716571757185719572057215722572357245725572657275728572957305731573257335734573557365737573857395740574157425743574457455746574757485749575057515752575357545755575657575758575957605761576257635764576557665767576857695770577157725773577457755776577757785779578057815782578357845785578657875788578957905791579257935794579557965797579857995800580158025803580458055806580758085809581058115812581358145815581658175818581958205821582258235824582558265827582858295830583158325833583458355836583758385839584058415842584358445845584658475848584958505851585258535854585558565857585858595860586158625863586458655866586758685869587058715872587358745875587658775878587958805881588258835884588558865887588858895890589158925893589458955896589758985899590059015902590359045905590659075908590959105911591259135914591559165917591859195920592159225923592459255926592759285929593059315932593359345935593659375938593959405941594259435944594559465947594859495950595159525953595459555956595759585959596059615962596359645965596659675968596959705971597259735974597559765977597859795980598159825983598459855986598759885989599059915992599359945995599659975998599960006001600260036004600560066007600860096010601160126013601460156016601760186019602060216022602360246025602660276028602960306031603260336034603560366037603860396040604160426043604460456046604760486049605060516052605360546055605660576058605960606061606260636064606560666067606860696070607160726073607460756076607760786079608060816082608360846085608660876088608960906091609260936094609560966097609860996100610161026103610461056106610761086109611061116112611361146115611661176118611961206121612261236124612561266127612861296130613161326133613461356136613761386139614061416142614361446145614661476148614961506151615261536154615561566157615861596160616161626163616461656166616761686169617061716172617361746175617661776178617961806181618261836184618561866187618861896190619161926193619461956196619761986199620062016202620362046205620662076208620962106211621262136214621562166217621862196220622162226223622462256226622762286229623062316232623362346235623662376238623962406241624262436244624562466247624862496250625162526253625462556256625762586259626062616262626362646265626662676268626962706271627262736274627562766277627862796280628162826283628462856286628762886289629062916292629362946295629662976298629963006301630263036304630563066307630863096310631163126313631463156316631763186319632063216322632363246325632663276328632963306331633263336334633563366337633863396340634163426343634463456346634763486349635063516352635363546355635663576358635963606361636263636364636563666367636863696370637163726373637463756376637763786379638063816382638363846385638663876388638963906391639263936394639563966397639863996400640164026403640464056406640764086409641064116412641364146415641664176418641964206421642264236424642564266427642864296430643164326433643464356436643764386439644064416442644364446445644664476448644964506451645264536454645564566457645864596460646164626463646464656466646764686469647064716472647364746475647664776478647964806481648264836484648564866487648864896490649164926493649464956496649764986499650065016502650365046505650665076508650965106511651265136514651565166517651865196520652165226523652465256526652765286529653065316532653365346535653665376538653965406541654265436544654565466547654865496550655165526553655465556556655765586559656065616562656365646565656665676568656965706571657265736574657565766577657865796580658165826583658465856586658765886589659065916592659365946595659665976598659966006601660266036604660566066607660866096610661166126613661466156616661766186619662066216622662366246625662666276628662966306631663266336634663566366637663866396640664166426643664466456646664766486649665066516652665366546655665666576658665966606661666266636664666566666667666866696670667166726673667466756676667766786679668066816682668366846685668666876688668966906691669266936694669566966697669866996700670167026703670467056706670767086709671067116712671367146715671667176718671967206721672267236724672567266727672867296730673167326733673467356736673767386739674067416742674367446745674667476748674967506751675267536754675567566757675867596760676167626763676467656766676767686769677067716772677367746775677667776778677967806781678267836784678567866787678867896790679167926793679467956796679767986799680068016802680368046805680668076808680968106811681268136814681568166817681868196820682168226823682468256826682768286829683068316832683368346835683668376838683968406841684268436844684568466847684868496850685168526853685468556856685768586859686068616862686368646865686668676868686968706871687268736874687568766877687868796880688168826883688468856886688768886889689068916892689368946895689668976898689969006901690269036904690569066907690869096910691169126913691469156916691769186919692069216922692369246925692669276928692969306931693269336934693569366937693869396940694169426943694469456946694769486949695069516952695369546955695669576958695969606961696269636964696569666967696869696970697169726973697469756976697769786979698069816982698369846985698669876988698969906991699269936994699569966997699869997000700170027003700470057006700770087009701070117012701370147015701670177018701970207021702270237024702570267027702870297030703170327033703470357036703770387039704070417042704370447045704670477048704970507051705270537054705570567057705870597060706170627063706470657066706770687069707070717072707370747075707670777078707970807081708270837084708570867087708870897090709170927093709470957096709770987099710071017102710371047105710671077108710971107111711271137114711571167117711871197120712171227123712471257126712771287129713071317132713371347135713671377138713971407141714271437144714571467147714871497150715171527153715471557156715771587159716071617162716371647165716671677168716971707171717271737174717571767177717871797180718171827183718471857186718771887189719071917192719371947195719671977198719972007201720272037204720572067207720872097210721172127213721472157216721772187219722072217222722372247225722672277228722972307231723272337234723572367237723872397240724172427243724472457246724772487249725072517252725372547255725672577258725972607261726272637264726572667267726872697270727172727273727472757276727772787279728072817282728372847285728672877288728972907291729272937294729572967297729872997300730173027303730473057306730773087309731073117312731373147315731673177318731973207321732273237324732573267327732873297330733173327333733473357336733773387339734073417342734373447345734673477348734973507351735273537354735573567357735873597360736173627363736473657366736773687369737073717372737373747375737673777378737973807381738273837384738573867387738873897390739173927393739473957396739773987399740074017402740374047405740674077408740974107411741274137414741574167417741874197420742174227423742474257426742774287429743074317432743374347435743674377438743974407441744274437444744574467447744874497450745174527453745474557456745774587459746074617462746374647465746674677468746974707471747274737474747574767477747874797480748174827483748474857486748774887489749074917492749374947495749674977498749975007501750275037504750575067507750875097510751175127513751475157516751775187519752075217522752375247525752675277528752975307531753275337534753575367537753875397540754175427543754475457546754775487549755075517552755375547555755675577558755975607561756275637564756575667567756875697570757175727573757475757576757775787579758075817582758375847585758675877588758975907591759275937594759575967597759875997600760176027603760476057606760776087609761076117612761376147615761676177618761976207621762276237624762576267627762876297630763176327633763476357636763776387639764076417642764376447645764676477648764976507651765276537654765576567657765876597660766176627663766476657666766776687669767076717672767376747675767676777678767976807681768276837684768576867687768876897690769176927693769476957696769776987699770077017702770377047705770677077708770977107711771277137714771577167717771877197720772177227723772477257726772777287729773077317732773377347735773677377738773977407741774277437744774577467747774877497750775177527753775477557756775777587759776077617762776377647765776677677768776977707771777277737774777577767777777877797780778177827783778477857786778777887789779077917792779377947795779677977798779978007801780278037804780578067807780878097810781178127813781478157816781778187819782078217822782378247825782678277828782978307831783278337834783578367837783878397840784178427843784478457846784778487849785078517852785378547855785678577858785978607861786278637864786578667867786878697870787178727873787478757876787778787879788078817882788378847885788678877888788978907891789278937894789578967897789878997900790179027903790479057906790779087909791079117912791379147915791679177918791979207921792279237924792579267927792879297930793179327933793479357936793779387939794079417942794379447945794679477948794979507951795279537954795579567957795879597960796179627963796479657966796779687969797079717972797379747975797679777978797979807981798279837984798579867987798879897990799179927993799479957996799779987999800080018002800380048005800680078008800980108011801280138014801580168017801880198020802180228023802480258026802780288029803080318032803380348035803680378038803980408041804280438044804580468047804880498050805180528053805480558056805780588059806080618062806380648065806680678068806980708071807280738074807580768077807880798080808180828083808480858086808780888089809080918092809380948095809680978098809981008101810281038104810581068107810881098110811181128113811481158116811781188119812081218122812381248125812681278128812981308131813281338134813581368137813881398140814181428143814481458146814781488149815081518152815381548155815681578158815981608161816281638164816581668167816881698170817181728173817481758176817781788179818081818182818381848185818681878188818981908191819281938194819581968197819881998200820182028203820482058206820782088209821082118212821382148215821682178218821982208221822282238224822582268227822882298230823182328233823482358236823782388239824082418242824382448245824682478248824982508251825282538254825582568257825882598260826182628263826482658266826782688269827082718272827382748275827682778278827982808281828282838284828582868287828882898290829182928293829482958296829782988299830083018302830383048305830683078308830983108311831283138314831583168317831883198320832183228323832483258326832783288329833083318332833383348335833683378338833983408341834283438344834583468347834883498350835183528353835483558356835783588359836083618362836383648365836683678368836983708371837283738374837583768377837883798380838183828383838483858386838783888389839083918392839383948395839683978398839984008401840284038404840584068407840884098410841184128413841484158416841784188419842084218422842384248425842684278428842984308431843284338434843584368437843884398440844184428443844484458446844784488449845084518452845384548455845684578458845984608461846284638464846584668467846884698470847184728473847484758476847784788479848084818482848384848485848684878488848984908491849284938494849584968497849884998500850185028503850485058506850785088509851085118512851385148515851685178518851985208521852285238524852585268527852885298530853185328533853485358536853785388539854085418542854385448545854685478548854985508551855285538554855585568557855885598560856185628563856485658566856785688569857085718572857385748575857685778578857985808581858285838584858585868587858885898590859185928593859485958596859785988599860086018602860386048605860686078608860986108611861286138614861586168617861886198620862186228623862486258626862786288629863086318632863386348635863686378638863986408641864286438644864586468647864886498650865186528653865486558656865786588659866086618662866386648665866686678668866986708671867286738674867586768677867886798680868186828683868486858686868786888689869086918692869386948695869686978698869987008701870287038704870587068707870887098710871187128713871487158716871787188719872087218722872387248725872687278728872987308731873287338734873587368737873887398740874187428743874487458746874787488749875087518752875387548755875687578758875987608761876287638764876587668767876887698770877187728773877487758776877787788779878087818782878387848785878687878788878987908791879287938794879587968797879887998800880188028803880488058806880788088809881088118812881388148815881688178818881988208821882288238824882588268827882888298830883188328833883488358836883788388839884088418842884388448845884688478848884988508851885288538854885588568857885888598860886188628863886488658866886788688869887088718872887388748875887688778878887988808881888288838884888588868887888888898890889188928893889488958896889788988899890089018902890389048905890689078908890989108911891289138914891589168917891889198920892189228923892489258926892789288929893089318932893389348935893689378938893989408941894289438944894589468947894889498950895189528953895489558956895789588959896089618962896389648965896689678968896989708971897289738974897589768977897889798980898189828983898489858986898789888989899089918992899389948995899689978998899990009001900290039004900590069007900890099010901190129013901490159016901790189019902090219022902390249025902690279028902990309031903290339034903590369037903890399040904190429043904490459046904790489049905090519052905390549055905690579058905990609061906290639064906590669067906890699070907190729073907490759076907790789079908090819082908390849085908690879088908990909091909290939094909590969097909890999100910191029103910491059106910791089109911091119112911391149115911691179118911991209121912291239124912591269127912891299130913191329133913491359136913791389139914091419142914391449145914691479148914991509151915291539154915591569157915891599160916191629163916491659166916791689169917091719172917391749175917691779178917991809181918291839184918591869187918891899190919191929193919491959196919791989199920092019202920392049205920692079208920992109211921292139214921592169217921892199220922192229223922492259226922792289229923092319232923392349235923692379238923992409241924292439244924592469247924892499250925192529253925492559256925792589259926092619262926392649265926692679268926992709271927292739274927592769277927892799280928192829283928492859286928792889289929092919292929392949295929692979298929993009301930293039304930593069307930893099310931193129313931493159316931793189319932093219322932393249325932693279328932993309331933293339334933593369337933893399340934193429343934493459346934793489349935093519352935393549355935693579358935993609361936293639364936593669367936893699370937193729373937493759376937793789379938093819382938393849385938693879388938993909391939293939394939593969397939893999400940194029403940494059406940794089409941094119412941394149415941694179418941994209421942294239424942594269427942894299430943194329433943494359436943794389439944094419442944394449445944694479448944994509451945294539454945594569457945894599460946194629463946494659466946794689469947094719472947394749475947694779478947994809481948294839484948594869487948894899490949194929493949494959496949794989499950095019502950395049505950695079508950995109511951295139514951595169517951895199520952195229523952495259526952795289529953095319532953395349535953695379538953995409541954295439544954595469547954895499550955195529553955495559556955795589559956095619562956395649565956695679568956995709571957295739574957595769577957895799580958195829583958495859586958795889589959095919592959395949595959695979598959996009601960296039604960596069607960896099610961196129613961496159616961796189619962096219622962396249625962696279628962996309631963296339634963596369637963896399640964196429643964496459646964796489649965096519652965396549655965696579658965996609661966296639664966596669667966896699670967196729673967496759676967796789679968096819682968396849685968696879688968996909691969296939694969596969697969896999700970197029703970497059706970797089709971097119712971397149715971697179718971997209721972297239724972597269727972897299730973197329733973497359736973797389739974097419742974397449745974697479748974997509751975297539754975597569757975897599760976197629763976497659766976797689769977097719772977397749775977697779778977997809781978297839784978597869787978897899790979197929793979497959796979797989799980098019802980398049805980698079808980998109811981298139814981598169817981898199820982198229823982498259826982798289829983098319832983398349835983698379838983998409841984298439844984598469847984898499850985198529853985498559856985798589859986098619862986398649865986698679868986998709871987298739874987598769877987898799880988198829883988498859886988798889889989098919892989398949895989698979898989999009901990299039904990599069907990899099910991199129913991499159916991799189919992099219922992399249925992699279928992999309931993299339934993599369937993899399940994199429943994499459946994799489949995099519952995399549955995699579958995999609961996299639964996599669967996899699970997199729973997499759976997799789979998099819982998399849985998699879988998999909991999299939994999599969997999899991000010001100021000310004100051000610007100081000910010100111001210013100141001510016100171001810019100201002110022100231002410025100261002710028100291003010031100321003310034100351003610037100381003910040100411004210043100441004510046100471004810049100501005110052100531005410055100561005710058100591006010061100621006310064100651006610067100681006910070100711007210073100741007510076100771007810079100801008110082100831008410085100861008710088100891009010091100921009310094100951009610097100981009910100101011010210103101041010510106101071010810109101101011110112101131011410115101161011710118101191012010121101221012310124101251012610127101281012910130101311013210133101341013510136101371013810139101401014110142101431014410145101461014710148101491015010151101521015310154101551015610157101581015910160101611016210163101641016510166101671016810169101701017110172101731017410175101761017710178101791018010181101821018310184101851018610187101881018910190101911019210193101941019510196101971019810199102001020110202102031020410205102061020710208102091021010211102121021310214102151021610217102181021910220102211022210223102241022510226102271022810229102301023110232102331023410235102361023710238102391024010241102421024310244102451024610247102481024910250102511025210253102541025510256102571025810259102601026110262102631026410265102661026710268102691027010271102721027310274102751027610277102781027910280102811028210283102841028510286102871028810289102901029110292102931029410295102961029710298102991030010301103021030310304103051030610307103081030910310103111031210313103141031510316103171031810319103201032110322103231032410325103261032710328103291033010331103321033310334103351033610337103381033910340103411034210343103441034510346103471034810349103501035110352103531035410355103561035710358103591036010361103621036310364103651036610367103681036910370103711037210373103741037510376103771037810379103801038110382103831038410385103861038710388103891039010391103921039310394103951039610397103981039910400104011040210403104041040510406104071040810409104101041110412104131041410415104161041710418104191042010421104221042310424104251042610427104281042910430104311043210433104341043510436104371043810439104401044110442104431044410445104461044710448104491045010451104521045310454104551045610457104581045910460104611046210463104641046510466104671046810469104701047110472104731047410475104761047710478104791048010481104821048310484104851048610487104881048910490104911049210493104941049510496104971049810499105001050110502105031050410505105061050710508105091051010511105121051310514105151051610517105181051910520105211052210523105241052510526105271052810529105301053110532105331053410535105361053710538105391054010541105421054310544105451054610547105481054910550105511055210553105541055510556105571055810559105601056110562105631056410565105661056710568105691057010571105721057310574105751057610577105781057910580105811058210583105841058510586105871058810589105901059110592105931059410595105961059710598105991060010601106021060310604106051060610607106081060910610106111061210613106141061510616106171061810619106201062110622106231062410625106261062710628106291063010631106321063310634106351063610637106381063910640106411064210643106441064510646106471064810649106501065110652106531065410655106561065710658106591066010661106621066310664106651066610667106681066910670106711067210673106741067510676106771067810679106801068110682106831068410685106861068710688106891069010691106921069310694106951069610697106981069910700107011070210703107041070510706107071070810709107101071110712107131071410715107161071710718107191072010721107221072310724107251072610727107281072910730107311073210733107341073510736107371073810739107401074110742107431074410745107461074710748107491075010751107521075310754107551075610757107581075910760107611076210763107641076510766107671076810769107701077110772107731077410775107761077710778107791078010781107821078310784107851078610787107881078910790107911079210793107941079510796107971079810799108001080110802108031080410805108061080710808108091081010811108121081310814108151081610817108181081910820108211082210823108241082510826108271082810829108301083110832108331083410835108361083710838108391084010841108421084310844108451084610847108481084910850108511085210853108541085510856108571085810859108601086110862108631086410865108661086710868108691087010871108721087310874108751087610877108781087910880108811088210883108841088510886108871088810889108901089110892108931089410895108961089710898108991090010901109021090310904109051090610907109081090910910109111091210913109141091510916109171091810919109201092110922109231092410925109261092710928109291093010931109321093310934109351093610937109381093910940109411094210943109441094510946109471094810949109501095110952109531095410955109561095710958109591096010961109621096310964109651096610967109681096910970109711097210973109741097510976109771097810979109801098110982109831098410985109861098710988109891099010991109921099310994109951099610997109981099911000110011100211003110041100511006110071100811009110101101111012110131101411015110161101711018110191102011021110221102311024110251102611027110281102911030110311103211033110341103511036110371103811039110401104111042110431104411045110461104711048110491105011051110521105311054110551105611057110581105911060110611106211063110641106511066110671106811069110701107111072110731107411075110761107711078110791108011081110821108311084110851108611087110881108911090110911109211093110941109511096110971109811099111001110111102111031110411105111061110711108111091111011111111121111311114111151111611117111181111911120111211112211123111241112511126111271112811129111301113111132111331113411135111361113711138111391114011141111421114311144111451114611147111481114911150111511115211153111541115511156111571115811159111601116111162111631116411165111661116711168111691117011171111721117311174111751117611177111781117911180111811118211183111841118511186111871118811189111901119111192111931119411195111961119711198111991120011201112021120311204112051120611207112081120911210112111121211213112141121511216112171121811219112201122111222112231122411225112261122711228112291123011231112321123311234112351123611237112381123911240112411124211243112441124511246112471124811249112501125111252112531125411255112561125711258112591126011261112621126311264112651126611267112681126911270112711127211273112741127511276112771127811279112801128111282112831128411285112861128711288112891129011291112921129311294112951129611297112981129911300113011130211303113041130511306113071130811309113101131111312113131131411315113161131711318113191132011321113221132311324113251132611327113281132911330113311133211333113341133511336113371133811339113401134111342113431134411345113461134711348113491135011351113521135311354113551135611357113581135911360113611136211363113641136511366113671136811369113701137111372113731137411375113761137711378113791138011381113821138311384113851138611387113881138911390113911139211393113941139511396113971139811399114001140111402114031140411405114061140711408114091141011411114121141311414114151141611417114181141911420114211142211423114241142511426114271142811429114301143111432114331143411435114361143711438114391144011441114421144311444114451144611447114481144911450114511145211453114541145511456114571145811459114601146111462114631146411465114661146711468114691147011471114721147311474114751147611477114781147911480114811148211483114841148511486114871148811489114901149111492114931149411495114961149711498114991150011501115021150311504115051150611507115081150911510115111151211513115141151511516115171151811519115201152111522115231152411525115261152711528115291153011531115321153311534115351153611537115381153911540115411154211543115441154511546115471154811549115501155111552115531155411555115561155711558115591156011561115621156311564115651156611567115681156911570115711157211573115741157511576115771157811579115801158111582115831158411585115861158711588115891159011591115921159311594115951159611597115981159911600116011160211603116041160511606116071160811609116101161111612116131161411615116161161711618116191162011621116221162311624116251162611627116281162911630116311163211633116341163511636116371163811639116401164111642116431164411645116461164711648116491165011651116521165311654116551165611657116581165911660116611166211663116641166511666116671166811669116701167111672116731167411675116761167711678116791168011681116821168311684116851168611687116881168911690116911169211693116941169511696116971169811699117001170111702117031170411705117061170711708117091171011711117121171311714117151171611717117181171911720117211172211723117241172511726117271172811729117301173111732117331173411735117361173711738117391174011741117421174311744117451174611747117481174911750117511175211753117541175511756117571175811759117601176111762117631176411765117661176711768117691177011771117721177311774117751177611777117781177911780117811178211783117841178511786117871178811789117901179111792117931179411795117961179711798117991180011801118021180311804118051180611807118081180911810118111181211813118141181511816118171181811819118201182111822118231182411825118261182711828118291183011831118321183311834118351183611837118381183911840118411184211843118441184511846118471184811849118501185111852118531185411855118561185711858118591186011861118621186311864118651186611867118681186911870118711187211873118741187511876118771187811879118801188111882118831188411885118861188711888118891189011891118921189311894118951189611897118981189911900119011190211903119041190511906119071190811909119101191111912119131191411915119161191711918119191192011921119221192311924119251192611927119281192911930119311193211933119341193511936119371193811939119401194111942119431194411945119461194711948119491195011951119521195311954119551195611957119581195911960119611196211963119641196511966119671196811969119701197111972119731197411975119761197711978119791198011981119821198311984119851198611987119881198911990119911199211993119941199511996119971199811999120001200112002120031200412005120061200712008120091201012011120121201312014120151201612017120181201912020120211202212023120241202512026120271202812029120301203112032120331203412035120361203712038120391204012041120421204312044120451204612047120481204912050120511205212053120541205512056120571205812059120601206112062120631206412065120661206712068120691207012071120721207312074120751207612077120781207912080120811208212083120841208512086120871208812089120901209112092120931209412095120961209712098120991210012101121021210312104121051210612107121081210912110121111211212113121141211512116121171211812119121201212112122121231212412125121261212712128121291213012131121321213312134121351213612137121381213912140121411214212143121441214512146121471214812149121501215112152121531215412155121561215712158121591216012161121621216312164121651216612167121681216912170121711217212173121741217512176121771217812179121801218112182121831218412185121861218712188121891219012191121921219312194121951219612197121981219912200122011220212203122041220512206122071220812209122101221112212122131221412215122161221712218122191222012221122221222312224122251222612227122281222912230122311223212233122341223512236122371223812239122401224112242122431224412245122461224712248122491225012251122521225312254122551225612257122581225912260122611226212263122641226512266122671226812269122701227112272122731227412275122761227712278122791228012281122821228312284122851228612287122881228912290122911229212293122941229512296122971229812299123001230112302123031230412305123061230712308123091231012311123121231312314123151231612317123181231912320123211232212323123241232512326123271232812329123301233112332123331233412335123361233712338123391234012341123421234312344123451234612347123481234912350123511235212353123541235512356123571235812359123601236112362123631236412365123661236712368123691237012371123721237312374123751237612377123781237912380123811238212383123841238512386123871238812389123901239112392123931239412395123961239712398123991240012401124021240312404124051240612407124081240912410124111241212413124141241512416124171241812419124201242112422124231242412425124261242712428124291243012431124321243312434124351243612437124381243912440124411244212443124441244512446124471244812449124501245112452124531245412455124561245712458124591246012461124621246312464124651246612467124681246912470124711247212473124741247512476124771247812479124801248112482124831248412485124861248712488124891249012491124921249312494124951249612497124981249912500125011250212503125041250512506125071250812509125101251112512125131251412515125161251712518125191252012521125221252312524125251252612527125281252912530125311253212533125341253512536125371253812539125401254112542125431254412545125461254712548125491255012551125521255312554125551255612557125581255912560125611256212563125641256512566125671256812569125701257112572125731257412575125761257712578125791258012581125821258312584125851258612587125881258912590125911259212593125941259512596125971259812599126001260112602126031260412605126061260712608126091261012611126121261312614126151261612617126181261912620126211262212623126241262512626126271262812629126301263112632126331263412635126361263712638126391264012641126421264312644126451264612647126481264912650126511265212653126541265512656126571265812659126601266112662126631266412665126661266712668126691267012671126721267312674126751267612677126781267912680126811268212683126841268512686126871268812689126901269112692126931269412695126961269712698126991270012701127021270312704127051270612707127081270912710127111271212713127141271512716127171271812719127201272112722127231272412725127261272712728127291273012731127321273312734127351273612737127381273912740127411274212743127441274512746127471274812749127501275112752127531275412755127561275712758127591276012761127621276312764127651276612767127681276912770127711277212773127741277512776127771277812779127801278112782127831278412785127861278712788127891279012791127921279312794127951279612797127981279912800128011280212803128041280512806128071280812809128101281112812128131281412815128161281712818128191282012821128221282312824128251282612827128281282912830128311283212833128341283512836128371283812839128401284112842128431284412845128461284712848128491285012851128521285312854128551285612857128581285912860128611286212863128641286512866128671286812869128701287112872128731287412875128761287712878128791288012881128821288312884128851288612887128881288912890128911289212893128941289512896128971289812899129001290112902129031290412905129061290712908129091291012911129121291312914129151291612917129181291912920129211292212923129241292512926129271292812929129301293112932129331293412935129361293712938129391294012941129421294312944129451294612947129481294912950129511295212953129541295512956129571295812959129601296112962129631296412965129661296712968129691297012971129721297312974129751297612977129781297912980129811298212983129841298512986129871298812989129901299112992129931299412995129961299712998129991300013001130021300313004130051300613007130081300913010130111301213013130141301513016130171301813019130201302113022130231302413025130261302713028130291303013031130321303313034130351303613037130381303913040130411304213043130441304513046130471304813049130501305113052130531305413055130561305713058130591306013061130621306313064130651306613067130681306913070130711307213073130741307513076130771307813079130801308113082130831308413085130861308713088130891309013091130921309313094130951309613097130981309913100131011310213103131041310513106131071310813109131101311113112131131311413115131161311713118131191312013121131221312313124131251312613127131281312913130131311313213133131341313513136131371313813139131401314113142131431314413145131461314713148131491315013151131521315313154131551315613157131581315913160131611316213163131641316513166131671316813169131701317113172131731317413175131761317713178131791318013181131821318313184131851318613187131881318913190131911319213193131941319513196131971319813199132001320113202132031320413205132061320713208132091321013211132121321313214132151321613217132181321913220132211322213223132241322513226132271322813229132301323113232132331323413235132361323713238132391324013241132421324313244132451324613247132481324913250132511325213253132541325513256132571325813259132601326113262132631326413265132661326713268132691327013271132721327313274132751327613277132781327913280132811328213283132841328513286132871328813289132901329113292132931329413295132961329713298132991330013301133021330313304133051330613307133081330913310133111331213313133141331513316133171331813319133201332113322133231332413325133261332713328133291333013331133321333313334133351333613337133381333913340133411334213343133441334513346133471334813349133501335113352133531335413355133561335713358133591336013361133621336313364133651336613367133681336913370133711337213373133741337513376133771337813379133801338113382133831338413385133861338713388133891339013391133921339313394133951339613397133981339913400134011340213403134041340513406134071340813409134101341113412134131341413415134161341713418134191342013421134221342313424134251342613427134281342913430134311343213433134341343513436134371343813439134401344113442134431344413445134461344713448134491345013451134521345313454134551345613457134581345913460134611346213463134641346513466134671346813469134701347113472134731347413475134761347713478134791348013481134821348313484134851348613487134881348913490134911349213493134941349513496134971349813499135001350113502135031350413505135061350713508135091351013511135121351313514135151351613517135181351913520135211352213523135241352513526135271352813529135301353113532135331353413535135361353713538135391354013541135421354313544135451354613547135481354913550135511355213553135541355513556135571355813559135601356113562135631356413565135661356713568135691357013571135721357313574135751357613577135781357913580135811358213583135841358513586135871358813589135901359113592135931359413595135961359713598135991360013601136021360313604136051360613607136081360913610136111361213613136141361513616136171361813619136201362113622136231362413625136261362713628136291363013631136321363313634136351363613637136381363913640136411364213643136441364513646136471364813649136501365113652136531365413655136561365713658136591366013661136621366313664136651366613667136681366913670136711367213673136741367513676136771367813679136801368113682136831368413685136861368713688136891369013691136921369313694136951369613697136981369913700137011370213703137041370513706137071370813709137101371113712137131371413715137161371713718137191372013721137221372313724137251372613727137281372913730137311373213733137341373513736137371373813739137401374113742137431374413745137461374713748137491375013751137521375313754137551375613757137581375913760137611376213763137641376513766137671376813769137701377113772137731377413775137761377713778137791378013781137821378313784137851378613787137881378913790137911379213793137941379513796137971379813799138001380113802138031380413805138061380713808138091381013811138121381313814138151381613817138181381913820138211382213823138241382513826138271382813829138301383113832138331383413835138361383713838138391384013841138421384313844138451384613847138481384913850138511385213853138541385513856138571385813859138601386113862138631386413865138661386713868138691387013871138721387313874138751387613877138781387913880138811388213883138841388513886138871388813889138901389113892138931389413895138961389713898138991390013901139021390313904139051390613907139081390913910139111391213913139141391513916139171391813919139201392113922139231392413925139261392713928139291393013931139321393313934139351393613937139381393913940139411394213943139441394513946139471394813949139501395113952139531395413955139561395713958139591396013961139621396313964139651396613967139681396913970139711397213973139741397513976139771397813979139801398113982139831398413985139861398713988139891399013991139921399313994139951399613997139981399914000140011400214003140041400514006140071400814009140101401114012140131401414015140161401714018140191402014021140221402314024140251402614027140281402914030140311403214033140341403514036140371403814039140401404114042140431404414045140461404714048140491405014051140521405314054140551405614057140581405914060140611406214063140641406514066140671406814069140701407114072140731407414075140761407714078140791408014081140821408314084140851408614087140881408914090140911409214093140941409514096140971409814099141001410114102141031410414105141061410714108141091411014111141121411314114141151411614117141181411914120141211412214123141241412514126141271412814129141301413114132141331413414135141361413714138141391414014141141421414314144141451414614147141481414914150141511415214153141541415514156141571415814159141601416114162141631416414165141661416714168141691417014171141721417314174141751417614177141781417914180141811418214183141841418514186141871418814189141901419114192141931419414195141961419714198
  1. <!DOCTYPE html>
  2. <html>
  3. <head><meta charset="utf-8" />
  4. <title>DryFriction</title>
  5. <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.10/require.min.js"></script>
  6. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
  7. <style type="text/css">
  8. /*!
  9. *
  10. * Twitter Bootstrap
  11. *
  12. */
  13. /*!
  14. * Bootstrap v3.3.7 (http://getbootstrap.com)
  15. * Copyright 2011-2016 Twitter, Inc.
  16. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  17. */
  18. /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
  19. html {
  20. font-family: sans-serif;
  21. -ms-text-size-adjust: 100%;
  22. -webkit-text-size-adjust: 100%;
  23. }
  24. body {
  25. margin: 0;
  26. }
  27. article,
  28. aside,
  29. details,
  30. figcaption,
  31. figure,
  32. footer,
  33. header,
  34. hgroup,
  35. main,
  36. menu,
  37. nav,
  38. section,
  39. summary {
  40. display: block;
  41. }
  42. audio,
  43. canvas,
  44. progress,
  45. video {
  46. display: inline-block;
  47. vertical-align: baseline;
  48. }
  49. audio:not([controls]) {
  50. display: none;
  51. height: 0;
  52. }
  53. [hidden],
  54. template {
  55. display: none;
  56. }
  57. a {
  58. background-color: transparent;
  59. }
  60. a:active,
  61. a:hover {
  62. outline: 0;
  63. }
  64. abbr[title] {
  65. border-bottom: 1px dotted;
  66. }
  67. b,
  68. strong {
  69. font-weight: bold;
  70. }
  71. dfn {
  72. font-style: italic;
  73. }
  74. h1 {
  75. font-size: 2em;
  76. margin: 0.67em 0;
  77. }
  78. mark {
  79. background: #ff0;
  80. color: #000;
  81. }
  82. small {
  83. font-size: 80%;
  84. }
  85. sub,
  86. sup {
  87. font-size: 75%;
  88. line-height: 0;
  89. position: relative;
  90. vertical-align: baseline;
  91. }
  92. sup {
  93. top: -0.5em;
  94. }
  95. sub {
  96. bottom: -0.25em;
  97. }
  98. img {
  99. border: 0;
  100. }
  101. svg:not(:root) {
  102. overflow: hidden;
  103. }
  104. figure {
  105. margin: 1em 40px;
  106. }
  107. hr {
  108. box-sizing: content-box;
  109. height: 0;
  110. }
  111. pre {
  112. overflow: auto;
  113. }
  114. code,
  115. kbd,
  116. pre,
  117. samp {
  118. font-family: monospace, monospace;
  119. font-size: 1em;
  120. }
  121. button,
  122. input,
  123. optgroup,
  124. select,
  125. textarea {
  126. color: inherit;
  127. font: inherit;
  128. margin: 0;
  129. }
  130. button {
  131. overflow: visible;
  132. }
  133. button,
  134. select {
  135. text-transform: none;
  136. }
  137. button,
  138. html input[type="button"],
  139. input[type="reset"],
  140. input[type="submit"] {
  141. -webkit-appearance: button;
  142. cursor: pointer;
  143. }
  144. button[disabled],
  145. html input[disabled] {
  146. cursor: default;
  147. }
  148. button::-moz-focus-inner,
  149. input::-moz-focus-inner {
  150. border: 0;
  151. padding: 0;
  152. }
  153. input {
  154. line-height: normal;
  155. }
  156. input[type="checkbox"],
  157. input[type="radio"] {
  158. box-sizing: border-box;
  159. padding: 0;
  160. }
  161. input[type="number"]::-webkit-inner-spin-button,
  162. input[type="number"]::-webkit-outer-spin-button {
  163. height: auto;
  164. }
  165. input[type="search"] {
  166. -webkit-appearance: textfield;
  167. box-sizing: content-box;
  168. }
  169. input[type="search"]::-webkit-search-cancel-button,
  170. input[type="search"]::-webkit-search-decoration {
  171. -webkit-appearance: none;
  172. }
  173. fieldset {
  174. border: 1px solid #c0c0c0;
  175. margin: 0 2px;
  176. padding: 0.35em 0.625em 0.75em;
  177. }
  178. legend {
  179. border: 0;
  180. padding: 0;
  181. }
  182. textarea {
  183. overflow: auto;
  184. }
  185. optgroup {
  186. font-weight: bold;
  187. }
  188. table {
  189. border-collapse: collapse;
  190. border-spacing: 0;
  191. }
  192. td,
  193. th {
  194. padding: 0;
  195. }
  196. /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
  197. @media print {
  198. *,
  199. *:before,
  200. *:after {
  201. background: transparent !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.7.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.7.0');
  6754. src: url('../components/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../components/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../components/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../components/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../components/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.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. .fa-pull-left {
  6812. float: left;
  6813. }
  6814. .fa-pull-right {
  6815. float: right;
  6816. }
  6817. .fa.fa-pull-left {
  6818. margin-right: .3em;
  6819. }
  6820. .fa.fa-pull-right {
  6821. margin-left: .3em;
  6822. }
  6823. /* Deprecated as of 4.4.0 */
  6824. .pull-right {
  6825. float: right;
  6826. }
  6827. .pull-left {
  6828. float: left;
  6829. }
  6830. .fa.pull-left {
  6831. margin-right: .3em;
  6832. }
  6833. .fa.pull-right {
  6834. margin-left: .3em;
  6835. }
  6836. .fa-spin {
  6837. -webkit-animation: fa-spin 2s infinite linear;
  6838. animation: fa-spin 2s infinite linear;
  6839. }
  6840. .fa-pulse {
  6841. -webkit-animation: fa-spin 1s infinite steps(8);
  6842. animation: fa-spin 1s infinite steps(8);
  6843. }
  6844. @-webkit-keyframes fa-spin {
  6845. 0% {
  6846. -webkit-transform: rotate(0deg);
  6847. transform: rotate(0deg);
  6848. }
  6849. 100% {
  6850. -webkit-transform: rotate(359deg);
  6851. transform: rotate(359deg);
  6852. }
  6853. }
  6854. @keyframes fa-spin {
  6855. 0% {
  6856. -webkit-transform: rotate(0deg);
  6857. transform: rotate(0deg);
  6858. }
  6859. 100% {
  6860. -webkit-transform: rotate(359deg);
  6861. transform: rotate(359deg);
  6862. }
  6863. }
  6864. .fa-rotate-90 {
  6865. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  6866. -webkit-transform: rotate(90deg);
  6867. -ms-transform: rotate(90deg);
  6868. transform: rotate(90deg);
  6869. }
  6870. .fa-rotate-180 {
  6871. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  6872. -webkit-transform: rotate(180deg);
  6873. -ms-transform: rotate(180deg);
  6874. transform: rotate(180deg);
  6875. }
  6876. .fa-rotate-270 {
  6877. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  6878. -webkit-transform: rotate(270deg);
  6879. -ms-transform: rotate(270deg);
  6880. transform: rotate(270deg);
  6881. }
  6882. .fa-flip-horizontal {
  6883. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  6884. -webkit-transform: scale(-1, 1);
  6885. -ms-transform: scale(-1, 1);
  6886. transform: scale(-1, 1);
  6887. }
  6888. .fa-flip-vertical {
  6889. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  6890. -webkit-transform: scale(1, -1);
  6891. -ms-transform: scale(1, -1);
  6892. transform: scale(1, -1);
  6893. }
  6894. :root .fa-rotate-90,
  6895. :root .fa-rotate-180,
  6896. :root .fa-rotate-270,
  6897. :root .fa-flip-horizontal,
  6898. :root .fa-flip-vertical {
  6899. filter: none;
  6900. }
  6901. .fa-stack {
  6902. position: relative;
  6903. display: inline-block;
  6904. width: 2em;
  6905. height: 2em;
  6906. line-height: 2em;
  6907. vertical-align: middle;
  6908. }
  6909. .fa-stack-1x,
  6910. .fa-stack-2x {
  6911. position: absolute;
  6912. left: 0;
  6913. width: 100%;
  6914. text-align: center;
  6915. }
  6916. .fa-stack-1x {
  6917. line-height: inherit;
  6918. }
  6919. .fa-stack-2x {
  6920. font-size: 2em;
  6921. }
  6922. .fa-inverse {
  6923. color: #fff;
  6924. }
  6925. /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
  6926. readers do not read off random characters that represent icons */
  6927. .fa-glass:before {
  6928. content: "\f000";
  6929. }
  6930. .fa-music:before {
  6931. content: "\f001";
  6932. }
  6933. .fa-search:before {
  6934. content: "\f002";
  6935. }
  6936. .fa-envelope-o:before {
  6937. content: "\f003";
  6938. }
  6939. .fa-heart:before {
  6940. content: "\f004";
  6941. }
  6942. .fa-star:before {
  6943. content: "\f005";
  6944. }
  6945. .fa-star-o:before {
  6946. content: "\f006";
  6947. }
  6948. .fa-user:before {
  6949. content: "\f007";
  6950. }
  6951. .fa-film:before {
  6952. content: "\f008";
  6953. }
  6954. .fa-th-large:before {
  6955. content: "\f009";
  6956. }
  6957. .fa-th:before {
  6958. content: "\f00a";
  6959. }
  6960. .fa-th-list:before {
  6961. content: "\f00b";
  6962. }
  6963. .fa-check:before {
  6964. content: "\f00c";
  6965. }
  6966. .fa-remove:before,
  6967. .fa-close:before,
  6968. .fa-times:before {
  6969. content: "\f00d";
  6970. }
  6971. .fa-search-plus:before {
  6972. content: "\f00e";
  6973. }
  6974. .fa-search-minus:before {
  6975. content: "\f010";
  6976. }
  6977. .fa-power-off:before {
  6978. content: "\f011";
  6979. }
  6980. .fa-signal:before {
  6981. content: "\f012";
  6982. }
  6983. .fa-gear:before,
  6984. .fa-cog:before {
  6985. content: "\f013";
  6986. }
  6987. .fa-trash-o:before {
  6988. content: "\f014";
  6989. }
  6990. .fa-home:before {
  6991. content: "\f015";
  6992. }
  6993. .fa-file-o:before {
  6994. content: "\f016";
  6995. }
  6996. .fa-clock-o:before {
  6997. content: "\f017";
  6998. }
  6999. .fa-road:before {
  7000. content: "\f018";
  7001. }
  7002. .fa-download:before {
  7003. content: "\f019";
  7004. }
  7005. .fa-arrow-circle-o-down:before {
  7006. content: "\f01a";
  7007. }
  7008. .fa-arrow-circle-o-up:before {
  7009. content: "\f01b";
  7010. }
  7011. .fa-inbox:before {
  7012. content: "\f01c";
  7013. }
  7014. .fa-play-circle-o:before {
  7015. content: "\f01d";
  7016. }
  7017. .fa-rotate-right:before,
  7018. .fa-repeat:before {
  7019. content: "\f01e";
  7020. }
  7021. .fa-refresh:before {
  7022. content: "\f021";
  7023. }
  7024. .fa-list-alt:before {
  7025. content: "\f022";
  7026. }
  7027. .fa-lock:before {
  7028. content: "\f023";
  7029. }
  7030. .fa-flag:before {
  7031. content: "\f024";
  7032. }
  7033. .fa-headphones:before {
  7034. content: "\f025";
  7035. }
  7036. .fa-volume-off:before {
  7037. content: "\f026";
  7038. }
  7039. .fa-volume-down:before {
  7040. content: "\f027";
  7041. }
  7042. .fa-volume-up:before {
  7043. content: "\f028";
  7044. }
  7045. .fa-qrcode:before {
  7046. content: "\f029";
  7047. }
  7048. .fa-barcode:before {
  7049. content: "\f02a";
  7050. }
  7051. .fa-tag:before {
  7052. content: "\f02b";
  7053. }
  7054. .fa-tags:before {
  7055. content: "\f02c";
  7056. }
  7057. .fa-book:before {
  7058. content: "\f02d";
  7059. }
  7060. .fa-bookmark:before {
  7061. content: "\f02e";
  7062. }
  7063. .fa-print:before {
  7064. content: "\f02f";
  7065. }
  7066. .fa-camera:before {
  7067. content: "\f030";
  7068. }
  7069. .fa-font:before {
  7070. content: "\f031";
  7071. }
  7072. .fa-bold:before {
  7073. content: "\f032";
  7074. }
  7075. .fa-italic:before {
  7076. content: "\f033";
  7077. }
  7078. .fa-text-height:before {
  7079. content: "\f034";
  7080. }
  7081. .fa-text-width:before {
  7082. content: "\f035";
  7083. }
  7084. .fa-align-left:before {
  7085. content: "\f036";
  7086. }
  7087. .fa-align-center:before {
  7088. content: "\f037";
  7089. }
  7090. .fa-align-right:before {
  7091. content: "\f038";
  7092. }
  7093. .fa-align-justify:before {
  7094. content: "\f039";
  7095. }
  7096. .fa-list:before {
  7097. content: "\f03a";
  7098. }
  7099. .fa-dedent:before,
  7100. .fa-outdent:before {
  7101. content: "\f03b";
  7102. }
  7103. .fa-indent:before {
  7104. content: "\f03c";
  7105. }
  7106. .fa-video-camera:before {
  7107. content: "\f03d";
  7108. }
  7109. .fa-photo:before,
  7110. .fa-image:before,
  7111. .fa-picture-o:before {
  7112. content: "\f03e";
  7113. }
  7114. .fa-pencil:before {
  7115. content: "\f040";
  7116. }
  7117. .fa-map-marker:before {
  7118. content: "\f041";
  7119. }
  7120. .fa-adjust:before {
  7121. content: "\f042";
  7122. }
  7123. .fa-tint:before {
  7124. content: "\f043";
  7125. }
  7126. .fa-edit:before,
  7127. .fa-pencil-square-o:before {
  7128. content: "\f044";
  7129. }
  7130. .fa-share-square-o:before {
  7131. content: "\f045";
  7132. }
  7133. .fa-check-square-o:before {
  7134. content: "\f046";
  7135. }
  7136. .fa-arrows:before {
  7137. content: "\f047";
  7138. }
  7139. .fa-step-backward:before {
  7140. content: "\f048";
  7141. }
  7142. .fa-fast-backward:before {
  7143. content: "\f049";
  7144. }
  7145. .fa-backward:before {
  7146. content: "\f04a";
  7147. }
  7148. .fa-play:before {
  7149. content: "\f04b";
  7150. }
  7151. .fa-pause:before {
  7152. content: "\f04c";
  7153. }
  7154. .fa-stop:before {
  7155. content: "\f04d";
  7156. }
  7157. .fa-forward:before {
  7158. content: "\f04e";
  7159. }
  7160. .fa-fast-forward:before {
  7161. content: "\f050";
  7162. }
  7163. .fa-step-forward:before {
  7164. content: "\f051";
  7165. }
  7166. .fa-eject:before {
  7167. content: "\f052";
  7168. }
  7169. .fa-chevron-left:before {
  7170. content: "\f053";
  7171. }
  7172. .fa-chevron-right:before {
  7173. content: "\f054";
  7174. }
  7175. .fa-plus-circle:before {
  7176. content: "\f055";
  7177. }
  7178. .fa-minus-circle:before {
  7179. content: "\f056";
  7180. }
  7181. .fa-times-circle:before {
  7182. content: "\f057";
  7183. }
  7184. .fa-check-circle:before {
  7185. content: "\f058";
  7186. }
  7187. .fa-question-circle:before {
  7188. content: "\f059";
  7189. }
  7190. .fa-info-circle:before {
  7191. content: "\f05a";
  7192. }
  7193. .fa-crosshairs:before {
  7194. content: "\f05b";
  7195. }
  7196. .fa-times-circle-o:before {
  7197. content: "\f05c";
  7198. }
  7199. .fa-check-circle-o:before {
  7200. content: "\f05d";
  7201. }
  7202. .fa-ban:before {
  7203. content: "\f05e";
  7204. }
  7205. .fa-arrow-left:before {
  7206. content: "\f060";
  7207. }
  7208. .fa-arrow-right:before {
  7209. content: "\f061";
  7210. }
  7211. .fa-arrow-up:before {
  7212. content: "\f062";
  7213. }
  7214. .fa-arrow-down:before {
  7215. content: "\f063";
  7216. }
  7217. .fa-mail-forward:before,
  7218. .fa-share:before {
  7219. content: "\f064";
  7220. }
  7221. .fa-expand:before {
  7222. content: "\f065";
  7223. }
  7224. .fa-compress:before {
  7225. content: "\f066";
  7226. }
  7227. .fa-plus:before {
  7228. content: "\f067";
  7229. }
  7230. .fa-minus:before {
  7231. content: "\f068";
  7232. }
  7233. .fa-asterisk:before {
  7234. content: "\f069";
  7235. }
  7236. .fa-exclamation-circle:before {
  7237. content: "\f06a";
  7238. }
  7239. .fa-gift:before {
  7240. content: "\f06b";
  7241. }
  7242. .fa-leaf:before {
  7243. content: "\f06c";
  7244. }
  7245. .fa-fire:before {
  7246. content: "\f06d";
  7247. }
  7248. .fa-eye:before {
  7249. content: "\f06e";
  7250. }
  7251. .fa-eye-slash:before {
  7252. content: "\f070";
  7253. }
  7254. .fa-warning:before,
  7255. .fa-exclamation-triangle:before {
  7256. content: "\f071";
  7257. }
  7258. .fa-plane:before {
  7259. content: "\f072";
  7260. }
  7261. .fa-calendar:before {
  7262. content: "\f073";
  7263. }
  7264. .fa-random:before {
  7265. content: "\f074";
  7266. }
  7267. .fa-comment:before {
  7268. content: "\f075";
  7269. }
  7270. .fa-magnet:before {
  7271. content: "\f076";
  7272. }
  7273. .fa-chevron-up:before {
  7274. content: "\f077";
  7275. }
  7276. .fa-chevron-down:before {
  7277. content: "\f078";
  7278. }
  7279. .fa-retweet:before {
  7280. content: "\f079";
  7281. }
  7282. .fa-shopping-cart:before {
  7283. content: "\f07a";
  7284. }
  7285. .fa-folder:before {
  7286. content: "\f07b";
  7287. }
  7288. .fa-folder-open:before {
  7289. content: "\f07c";
  7290. }
  7291. .fa-arrows-v:before {
  7292. content: "\f07d";
  7293. }
  7294. .fa-arrows-h:before {
  7295. content: "\f07e";
  7296. }
  7297. .fa-bar-chart-o:before,
  7298. .fa-bar-chart:before {
  7299. content: "\f080";
  7300. }
  7301. .fa-twitter-square:before {
  7302. content: "\f081";
  7303. }
  7304. .fa-facebook-square:before {
  7305. content: "\f082";
  7306. }
  7307. .fa-camera-retro:before {
  7308. content: "\f083";
  7309. }
  7310. .fa-key:before {
  7311. content: "\f084";
  7312. }
  7313. .fa-gears:before,
  7314. .fa-cogs:before {
  7315. content: "\f085";
  7316. }
  7317. .fa-comments:before {
  7318. content: "\f086";
  7319. }
  7320. .fa-thumbs-o-up:before {
  7321. content: "\f087";
  7322. }
  7323. .fa-thumbs-o-down:before {
  7324. content: "\f088";
  7325. }
  7326. .fa-star-half:before {
  7327. content: "\f089";
  7328. }
  7329. .fa-heart-o:before {
  7330. content: "\f08a";
  7331. }
  7332. .fa-sign-out:before {
  7333. content: "\f08b";
  7334. }
  7335. .fa-linkedin-square:before {
  7336. content: "\f08c";
  7337. }
  7338. .fa-thumb-tack:before {
  7339. content: "\f08d";
  7340. }
  7341. .fa-external-link:before {
  7342. content: "\f08e";
  7343. }
  7344. .fa-sign-in:before {
  7345. content: "\f090";
  7346. }
  7347. .fa-trophy:before {
  7348. content: "\f091";
  7349. }
  7350. .fa-github-square:before {
  7351. content: "\f092";
  7352. }
  7353. .fa-upload:before {
  7354. content: "\f093";
  7355. }
  7356. .fa-lemon-o:before {
  7357. content: "\f094";
  7358. }
  7359. .fa-phone:before {
  7360. content: "\f095";
  7361. }
  7362. .fa-square-o:before {
  7363. content: "\f096";
  7364. }
  7365. .fa-bookmark-o:before {
  7366. content: "\f097";
  7367. }
  7368. .fa-phone-square:before {
  7369. content: "\f098";
  7370. }
  7371. .fa-twitter:before {
  7372. content: "\f099";
  7373. }
  7374. .fa-facebook-f:before,
  7375. .fa-facebook:before {
  7376. content: "\f09a";
  7377. }
  7378. .fa-github:before {
  7379. content: "\f09b";
  7380. }
  7381. .fa-unlock:before {
  7382. content: "\f09c";
  7383. }
  7384. .fa-credit-card:before {
  7385. content: "\f09d";
  7386. }
  7387. .fa-feed:before,
  7388. .fa-rss:before {
  7389. content: "\f09e";
  7390. }
  7391. .fa-hdd-o:before {
  7392. content: "\f0a0";
  7393. }
  7394. .fa-bullhorn:before {
  7395. content: "\f0a1";
  7396. }
  7397. .fa-bell:before {
  7398. content: "\f0f3";
  7399. }
  7400. .fa-certificate:before {
  7401. content: "\f0a3";
  7402. }
  7403. .fa-hand-o-right:before {
  7404. content: "\f0a4";
  7405. }
  7406. .fa-hand-o-left:before {
  7407. content: "\f0a5";
  7408. }
  7409. .fa-hand-o-up:before {
  7410. content: "\f0a6";
  7411. }
  7412. .fa-hand-o-down:before {
  7413. content: "\f0a7";
  7414. }
  7415. .fa-arrow-circle-left:before {
  7416. content: "\f0a8";
  7417. }
  7418. .fa-arrow-circle-right:before {
  7419. content: "\f0a9";
  7420. }
  7421. .fa-arrow-circle-up:before {
  7422. content: "\f0aa";
  7423. }
  7424. .fa-arrow-circle-down:before {
  7425. content: "\f0ab";
  7426. }
  7427. .fa-globe:before {
  7428. content: "\f0ac";
  7429. }
  7430. .fa-wrench:before {
  7431. content: "\f0ad";
  7432. }
  7433. .fa-tasks:before {
  7434. content: "\f0ae";
  7435. }
  7436. .fa-filter:before {
  7437. content: "\f0b0";
  7438. }
  7439. .fa-briefcase:before {
  7440. content: "\f0b1";
  7441. }
  7442. .fa-arrows-alt:before {
  7443. content: "\f0b2";
  7444. }
  7445. .fa-group:before,
  7446. .fa-users:before {
  7447. content: "\f0c0";
  7448. }
  7449. .fa-chain:before,
  7450. .fa-link:before {
  7451. content: "\f0c1";
  7452. }
  7453. .fa-cloud:before {
  7454. content: "\f0c2";
  7455. }
  7456. .fa-flask:before {
  7457. content: "\f0c3";
  7458. }
  7459. .fa-cut:before,
  7460. .fa-scissors:before {
  7461. content: "\f0c4";
  7462. }
  7463. .fa-copy:before,
  7464. .fa-files-o:before {
  7465. content: "\f0c5";
  7466. }
  7467. .fa-paperclip:before {
  7468. content: "\f0c6";
  7469. }
  7470. .fa-save:before,
  7471. .fa-floppy-o:before {
  7472. content: "\f0c7";
  7473. }
  7474. .fa-square:before {
  7475. content: "\f0c8";
  7476. }
  7477. .fa-navicon:before,
  7478. .fa-reorder:before,
  7479. .fa-bars:before {
  7480. content: "\f0c9";
  7481. }
  7482. .fa-list-ul:before {
  7483. content: "\f0ca";
  7484. }
  7485. .fa-list-ol:before {
  7486. content: "\f0cb";
  7487. }
  7488. .fa-strikethrough:before {
  7489. content: "\f0cc";
  7490. }
  7491. .fa-underline:before {
  7492. content: "\f0cd";
  7493. }
  7494. .fa-table:before {
  7495. content: "\f0ce";
  7496. }
  7497. .fa-magic:before {
  7498. content: "\f0d0";
  7499. }
  7500. .fa-truck:before {
  7501. content: "\f0d1";
  7502. }
  7503. .fa-pinterest:before {
  7504. content: "\f0d2";
  7505. }
  7506. .fa-pinterest-square:before {
  7507. content: "\f0d3";
  7508. }
  7509. .fa-google-plus-square:before {
  7510. content: "\f0d4";
  7511. }
  7512. .fa-google-plus:before {
  7513. content: "\f0d5";
  7514. }
  7515. .fa-money:before {
  7516. content: "\f0d6";
  7517. }
  7518. .fa-caret-down:before {
  7519. content: "\f0d7";
  7520. }
  7521. .fa-caret-up:before {
  7522. content: "\f0d8";
  7523. }
  7524. .fa-caret-left:before {
  7525. content: "\f0d9";
  7526. }
  7527. .fa-caret-right:before {
  7528. content: "\f0da";
  7529. }
  7530. .fa-columns:before {
  7531. content: "\f0db";
  7532. }
  7533. .fa-unsorted:before,
  7534. .fa-sort:before {
  7535. content: "\f0dc";
  7536. }
  7537. .fa-sort-down:before,
  7538. .fa-sort-desc:before {
  7539. content: "\f0dd";
  7540. }
  7541. .fa-sort-up:before,
  7542. .fa-sort-asc:before {
  7543. content: "\f0de";
  7544. }
  7545. .fa-envelope:before {
  7546. content: "\f0e0";
  7547. }
  7548. .fa-linkedin:before {
  7549. content: "\f0e1";
  7550. }
  7551. .fa-rotate-left:before,
  7552. .fa-undo:before {
  7553. content: "\f0e2";
  7554. }
  7555. .fa-legal:before,
  7556. .fa-gavel:before {
  7557. content: "\f0e3";
  7558. }
  7559. .fa-dashboard:before,
  7560. .fa-tachometer:before {
  7561. content: "\f0e4";
  7562. }
  7563. .fa-comment-o:before {
  7564. content: "\f0e5";
  7565. }
  7566. .fa-comments-o:before {
  7567. content: "\f0e6";
  7568. }
  7569. .fa-flash:before,
  7570. .fa-bolt:before {
  7571. content: "\f0e7";
  7572. }
  7573. .fa-sitemap:before {
  7574. content: "\f0e8";
  7575. }
  7576. .fa-umbrella:before {
  7577. content: "\f0e9";
  7578. }
  7579. .fa-paste:before,
  7580. .fa-clipboard:before {
  7581. content: "\f0ea";
  7582. }
  7583. .fa-lightbulb-o:before {
  7584. content: "\f0eb";
  7585. }
  7586. .fa-exchange:before {
  7587. content: "\f0ec";
  7588. }
  7589. .fa-cloud-download:before {
  7590. content: "\f0ed";
  7591. }
  7592. .fa-cloud-upload:before {
  7593. content: "\f0ee";
  7594. }
  7595. .fa-user-md:before {
  7596. content: "\f0f0";
  7597. }
  7598. .fa-stethoscope:before {
  7599. content: "\f0f1";
  7600. }
  7601. .fa-suitcase:before {
  7602. content: "\f0f2";
  7603. }
  7604. .fa-bell-o:before {
  7605. content: "\f0a2";
  7606. }
  7607. .fa-coffee:before {
  7608. content: "\f0f4";
  7609. }
  7610. .fa-cutlery:before {
  7611. content: "\f0f5";
  7612. }
  7613. .fa-file-text-o:before {
  7614. content: "\f0f6";
  7615. }
  7616. .fa-building-o:before {
  7617. content: "\f0f7";
  7618. }
  7619. .fa-hospital-o:before {
  7620. content: "\f0f8";
  7621. }
  7622. .fa-ambulance:before {
  7623. content: "\f0f9";
  7624. }
  7625. .fa-medkit:before {
  7626. content: "\f0fa";
  7627. }
  7628. .fa-fighter-jet:before {
  7629. content: "\f0fb";
  7630. }
  7631. .fa-beer:before {
  7632. content: "\f0fc";
  7633. }
  7634. .fa-h-square:before {
  7635. content: "\f0fd";
  7636. }
  7637. .fa-plus-square:before {
  7638. content: "\f0fe";
  7639. }
  7640. .fa-angle-double-left:before {
  7641. content: "\f100";
  7642. }
  7643. .fa-angle-double-right:before {
  7644. content: "\f101";
  7645. }
  7646. .fa-angle-double-up:before {
  7647. content: "\f102";
  7648. }
  7649. .fa-angle-double-down:before {
  7650. content: "\f103";
  7651. }
  7652. .fa-angle-left:before {
  7653. content: "\f104";
  7654. }
  7655. .fa-angle-right:before {
  7656. content: "\f105";
  7657. }
  7658. .fa-angle-up:before {
  7659. content: "\f106";
  7660. }
  7661. .fa-angle-down:before {
  7662. content: "\f107";
  7663. }
  7664. .fa-desktop:before {
  7665. content: "\f108";
  7666. }
  7667. .fa-laptop:before {
  7668. content: "\f109";
  7669. }
  7670. .fa-tablet:before {
  7671. content: "\f10a";
  7672. }
  7673. .fa-mobile-phone:before,
  7674. .fa-mobile:before {
  7675. content: "\f10b";
  7676. }
  7677. .fa-circle-o:before {
  7678. content: "\f10c";
  7679. }
  7680. .fa-quote-left:before {
  7681. content: "\f10d";
  7682. }
  7683. .fa-quote-right:before {
  7684. content: "\f10e";
  7685. }
  7686. .fa-spinner:before {
  7687. content: "\f110";
  7688. }
  7689. .fa-circle:before {
  7690. content: "\f111";
  7691. }
  7692. .fa-mail-reply:before,
  7693. .fa-reply:before {
  7694. content: "\f112";
  7695. }
  7696. .fa-github-alt:before {
  7697. content: "\f113";
  7698. }
  7699. .fa-folder-o:before {
  7700. content: "\f114";
  7701. }
  7702. .fa-folder-open-o:before {
  7703. content: "\f115";
  7704. }
  7705. .fa-smile-o:before {
  7706. content: "\f118";
  7707. }
  7708. .fa-frown-o:before {
  7709. content: "\f119";
  7710. }
  7711. .fa-meh-o:before {
  7712. content: "\f11a";
  7713. }
  7714. .fa-gamepad:before {
  7715. content: "\f11b";
  7716. }
  7717. .fa-keyboard-o:before {
  7718. content: "\f11c";
  7719. }
  7720. .fa-flag-o:before {
  7721. content: "\f11d";
  7722. }
  7723. .fa-flag-checkered:before {
  7724. content: "\f11e";
  7725. }
  7726. .fa-terminal:before {
  7727. content: "\f120";
  7728. }
  7729. .fa-code:before {
  7730. content: "\f121";
  7731. }
  7732. .fa-mail-reply-all:before,
  7733. .fa-reply-all:before {
  7734. content: "\f122";
  7735. }
  7736. .fa-star-half-empty:before,
  7737. .fa-star-half-full:before,
  7738. .fa-star-half-o:before {
  7739. content: "\f123";
  7740. }
  7741. .fa-location-arrow:before {
  7742. content: "\f124";
  7743. }
  7744. .fa-crop:before {
  7745. content: "\f125";
  7746. }
  7747. .fa-code-fork:before {
  7748. content: "\f126";
  7749. }
  7750. .fa-unlink:before,
  7751. .fa-chain-broken:before {
  7752. content: "\f127";
  7753. }
  7754. .fa-question:before {
  7755. content: "\f128";
  7756. }
  7757. .fa-info:before {
  7758. content: "\f129";
  7759. }
  7760. .fa-exclamation:before {
  7761. content: "\f12a";
  7762. }
  7763. .fa-superscript:before {
  7764. content: "\f12b";
  7765. }
  7766. .fa-subscript:before {
  7767. content: "\f12c";
  7768. }
  7769. .fa-eraser:before {
  7770. content: "\f12d";
  7771. }
  7772. .fa-puzzle-piece:before {
  7773. content: "\f12e";
  7774. }
  7775. .fa-microphone:before {
  7776. content: "\f130";
  7777. }
  7778. .fa-microphone-slash:before {
  7779. content: "\f131";
  7780. }
  7781. .fa-shield:before {
  7782. content: "\f132";
  7783. }
  7784. .fa-calendar-o:before {
  7785. content: "\f133";
  7786. }
  7787. .fa-fire-extinguisher:before {
  7788. content: "\f134";
  7789. }
  7790. .fa-rocket:before {
  7791. content: "\f135";
  7792. }
  7793. .fa-maxcdn:before {
  7794. content: "\f136";
  7795. }
  7796. .fa-chevron-circle-left:before {
  7797. content: "\f137";
  7798. }
  7799. .fa-chevron-circle-right:before {
  7800. content: "\f138";
  7801. }
  7802. .fa-chevron-circle-up:before {
  7803. content: "\f139";
  7804. }
  7805. .fa-chevron-circle-down:before {
  7806. content: "\f13a";
  7807. }
  7808. .fa-html5:before {
  7809. content: "\f13b";
  7810. }
  7811. .fa-css3:before {
  7812. content: "\f13c";
  7813. }
  7814. .fa-anchor:before {
  7815. content: "\f13d";
  7816. }
  7817. .fa-unlock-alt:before {
  7818. content: "\f13e";
  7819. }
  7820. .fa-bullseye:before {
  7821. content: "\f140";
  7822. }
  7823. .fa-ellipsis-h:before {
  7824. content: "\f141";
  7825. }
  7826. .fa-ellipsis-v:before {
  7827. content: "\f142";
  7828. }
  7829. .fa-rss-square:before {
  7830. content: "\f143";
  7831. }
  7832. .fa-play-circle:before {
  7833. content: "\f144";
  7834. }
  7835. .fa-ticket:before {
  7836. content: "\f145";
  7837. }
  7838. .fa-minus-square:before {
  7839. content: "\f146";
  7840. }
  7841. .fa-minus-square-o:before {
  7842. content: "\f147";
  7843. }
  7844. .fa-level-up:before {
  7845. content: "\f148";
  7846. }
  7847. .fa-level-down:before {
  7848. content: "\f149";
  7849. }
  7850. .fa-check-square:before {
  7851. content: "\f14a";
  7852. }
  7853. .fa-pencil-square:before {
  7854. content: "\f14b";
  7855. }
  7856. .fa-external-link-square:before {
  7857. content: "\f14c";
  7858. }
  7859. .fa-share-square:before {
  7860. content: "\f14d";
  7861. }
  7862. .fa-compass:before {
  7863. content: "\f14e";
  7864. }
  7865. .fa-toggle-down:before,
  7866. .fa-caret-square-o-down:before {
  7867. content: "\f150";
  7868. }
  7869. .fa-toggle-up:before,
  7870. .fa-caret-square-o-up:before {
  7871. content: "\f151";
  7872. }
  7873. .fa-toggle-right:before,
  7874. .fa-caret-square-o-right:before {
  7875. content: "\f152";
  7876. }
  7877. .fa-euro:before,
  7878. .fa-eur:before {
  7879. content: "\f153";
  7880. }
  7881. .fa-gbp:before {
  7882. content: "\f154";
  7883. }
  7884. .fa-dollar:before,
  7885. .fa-usd:before {
  7886. content: "\f155";
  7887. }
  7888. .fa-rupee:before,
  7889. .fa-inr:before {
  7890. content: "\f156";
  7891. }
  7892. .fa-cny:before,
  7893. .fa-rmb:before,
  7894. .fa-yen:before,
  7895. .fa-jpy:before {
  7896. content: "\f157";
  7897. }
  7898. .fa-ruble:before,
  7899. .fa-rouble:before,
  7900. .fa-rub:before {
  7901. content: "\f158";
  7902. }
  7903. .fa-won:before,
  7904. .fa-krw:before {
  7905. content: "\f159";
  7906. }
  7907. .fa-bitcoin:before,
  7908. .fa-btc:before {
  7909. content: "\f15a";
  7910. }
  7911. .fa-file:before {
  7912. content: "\f15b";
  7913. }
  7914. .fa-file-text:before {
  7915. content: "\f15c";
  7916. }
  7917. .fa-sort-alpha-asc:before {
  7918. content: "\f15d";
  7919. }
  7920. .fa-sort-alpha-desc:before {
  7921. content: "\f15e";
  7922. }
  7923. .fa-sort-amount-asc:before {
  7924. content: "\f160";
  7925. }
  7926. .fa-sort-amount-desc:before {
  7927. content: "\f161";
  7928. }
  7929. .fa-sort-numeric-asc:before {
  7930. content: "\f162";
  7931. }
  7932. .fa-sort-numeric-desc:before {
  7933. content: "\f163";
  7934. }
  7935. .fa-thumbs-up:before {
  7936. content: "\f164";
  7937. }
  7938. .fa-thumbs-down:before {
  7939. content: "\f165";
  7940. }
  7941. .fa-youtube-square:before {
  7942. content: "\f166";
  7943. }
  7944. .fa-youtube:before {
  7945. content: "\f167";
  7946. }
  7947. .fa-xing:before {
  7948. content: "\f168";
  7949. }
  7950. .fa-xing-square:before {
  7951. content: "\f169";
  7952. }
  7953. .fa-youtube-play:before {
  7954. content: "\f16a";
  7955. }
  7956. .fa-dropbox:before {
  7957. content: "\f16b";
  7958. }
  7959. .fa-stack-overflow:before {
  7960. content: "\f16c";
  7961. }
  7962. .fa-instagram:before {
  7963. content: "\f16d";
  7964. }
  7965. .fa-flickr:before {
  7966. content: "\f16e";
  7967. }
  7968. .fa-adn:before {
  7969. content: "\f170";
  7970. }
  7971. .fa-bitbucket:before {
  7972. content: "\f171";
  7973. }
  7974. .fa-bitbucket-square:before {
  7975. content: "\f172";
  7976. }
  7977. .fa-tumblr:before {
  7978. content: "\f173";
  7979. }
  7980. .fa-tumblr-square:before {
  7981. content: "\f174";
  7982. }
  7983. .fa-long-arrow-down:before {
  7984. content: "\f175";
  7985. }
  7986. .fa-long-arrow-up:before {
  7987. content: "\f176";
  7988. }
  7989. .fa-long-arrow-left:before {
  7990. content: "\f177";
  7991. }
  7992. .fa-long-arrow-right:before {
  7993. content: "\f178";
  7994. }
  7995. .fa-apple:before {
  7996. content: "\f179";
  7997. }
  7998. .fa-windows:before {
  7999. content: "\f17a";
  8000. }
  8001. .fa-android:before {
  8002. content: "\f17b";
  8003. }
  8004. .fa-linux:before {
  8005. content: "\f17c";
  8006. }
  8007. .fa-dribbble:before {
  8008. content: "\f17d";
  8009. }
  8010. .fa-skype:before {
  8011. content: "\f17e";
  8012. }
  8013. .fa-foursquare:before {
  8014. content: "\f180";
  8015. }
  8016. .fa-trello:before {
  8017. content: "\f181";
  8018. }
  8019. .fa-female:before {
  8020. content: "\f182";
  8021. }
  8022. .fa-male:before {
  8023. content: "\f183";
  8024. }
  8025. .fa-gittip:before,
  8026. .fa-gratipay:before {
  8027. content: "\f184";
  8028. }
  8029. .fa-sun-o:before {
  8030. content: "\f185";
  8031. }
  8032. .fa-moon-o:before {
  8033. content: "\f186";
  8034. }
  8035. .fa-archive:before {
  8036. content: "\f187";
  8037. }
  8038. .fa-bug:before {
  8039. content: "\f188";
  8040. }
  8041. .fa-vk:before {
  8042. content: "\f189";
  8043. }
  8044. .fa-weibo:before {
  8045. content: "\f18a";
  8046. }
  8047. .fa-renren:before {
  8048. content: "\f18b";
  8049. }
  8050. .fa-pagelines:before {
  8051. content: "\f18c";
  8052. }
  8053. .fa-stack-exchange:before {
  8054. content: "\f18d";
  8055. }
  8056. .fa-arrow-circle-o-right:before {
  8057. content: "\f18e";
  8058. }
  8059. .fa-arrow-circle-o-left:before {
  8060. content: "\f190";
  8061. }
  8062. .fa-toggle-left:before,
  8063. .fa-caret-square-o-left:before {
  8064. content: "\f191";
  8065. }
  8066. .fa-dot-circle-o:before {
  8067. content: "\f192";
  8068. }
  8069. .fa-wheelchair:before {
  8070. content: "\f193";
  8071. }
  8072. .fa-vimeo-square:before {
  8073. content: "\f194";
  8074. }
  8075. .fa-turkish-lira:before,
  8076. .fa-try:before {
  8077. content: "\f195";
  8078. }
  8079. .fa-plus-square-o:before {
  8080. content: "\f196";
  8081. }
  8082. .fa-space-shuttle:before {
  8083. content: "\f197";
  8084. }
  8085. .fa-slack:before {
  8086. content: "\f198";
  8087. }
  8088. .fa-envelope-square:before {
  8089. content: "\f199";
  8090. }
  8091. .fa-wordpress:before {
  8092. content: "\f19a";
  8093. }
  8094. .fa-openid:before {
  8095. content: "\f19b";
  8096. }
  8097. .fa-institution:before,
  8098. .fa-bank:before,
  8099. .fa-university:before {
  8100. content: "\f19c";
  8101. }
  8102. .fa-mortar-board:before,
  8103. .fa-graduation-cap:before {
  8104. content: "\f19d";
  8105. }
  8106. .fa-yahoo:before {
  8107. content: "\f19e";
  8108. }
  8109. .fa-google:before {
  8110. content: "\f1a0";
  8111. }
  8112. .fa-reddit:before {
  8113. content: "\f1a1";
  8114. }
  8115. .fa-reddit-square:before {
  8116. content: "\f1a2";
  8117. }
  8118. .fa-stumbleupon-circle:before {
  8119. content: "\f1a3";
  8120. }
  8121. .fa-stumbleupon:before {
  8122. content: "\f1a4";
  8123. }
  8124. .fa-delicious:before {
  8125. content: "\f1a5";
  8126. }
  8127. .fa-digg:before {
  8128. content: "\f1a6";
  8129. }
  8130. .fa-pied-piper-pp:before {
  8131. content: "\f1a7";
  8132. }
  8133. .fa-pied-piper-alt:before {
  8134. content: "\f1a8";
  8135. }
  8136. .fa-drupal:before {
  8137. content: "\f1a9";
  8138. }
  8139. .fa-joomla:before {
  8140. content: "\f1aa";
  8141. }
  8142. .fa-language:before {
  8143. content: "\f1ab";
  8144. }
  8145. .fa-fax:before {
  8146. content: "\f1ac";
  8147. }
  8148. .fa-building:before {
  8149. content: "\f1ad";
  8150. }
  8151. .fa-child:before {
  8152. content: "\f1ae";
  8153. }
  8154. .fa-paw:before {
  8155. content: "\f1b0";
  8156. }
  8157. .fa-spoon:before {
  8158. content: "\f1b1";
  8159. }
  8160. .fa-cube:before {
  8161. content: "\f1b2";
  8162. }
  8163. .fa-cubes:before {
  8164. content: "\f1b3";
  8165. }
  8166. .fa-behance:before {
  8167. content: "\f1b4";
  8168. }
  8169. .fa-behance-square:before {
  8170. content: "\f1b5";
  8171. }
  8172. .fa-steam:before {
  8173. content: "\f1b6";
  8174. }
  8175. .fa-steam-square:before {
  8176. content: "\f1b7";
  8177. }
  8178. .fa-recycle:before {
  8179. content: "\f1b8";
  8180. }
  8181. .fa-automobile:before,
  8182. .fa-car:before {
  8183. content: "\f1b9";
  8184. }
  8185. .fa-cab:before,
  8186. .fa-taxi:before {
  8187. content: "\f1ba";
  8188. }
  8189. .fa-tree:before {
  8190. content: "\f1bb";
  8191. }
  8192. .fa-spotify:before {
  8193. content: "\f1bc";
  8194. }
  8195. .fa-deviantart:before {
  8196. content: "\f1bd";
  8197. }
  8198. .fa-soundcloud:before {
  8199. content: "\f1be";
  8200. }
  8201. .fa-database:before {
  8202. content: "\f1c0";
  8203. }
  8204. .fa-file-pdf-o:before {
  8205. content: "\f1c1";
  8206. }
  8207. .fa-file-word-o:before {
  8208. content: "\f1c2";
  8209. }
  8210. .fa-file-excel-o:before {
  8211. content: "\f1c3";
  8212. }
  8213. .fa-file-powerpoint-o:before {
  8214. content: "\f1c4";
  8215. }
  8216. .fa-file-photo-o:before,
  8217. .fa-file-picture-o:before,
  8218. .fa-file-image-o:before {
  8219. content: "\f1c5";
  8220. }
  8221. .fa-file-zip-o:before,
  8222. .fa-file-archive-o:before {
  8223. content: "\f1c6";
  8224. }
  8225. .fa-file-sound-o:before,
  8226. .fa-file-audio-o:before {
  8227. content: "\f1c7";
  8228. }
  8229. .fa-file-movie-o:before,
  8230. .fa-file-video-o:before {
  8231. content: "\f1c8";
  8232. }
  8233. .fa-file-code-o:before {
  8234. content: "\f1c9";
  8235. }
  8236. .fa-vine:before {
  8237. content: "\f1ca";
  8238. }
  8239. .fa-codepen:before {
  8240. content: "\f1cb";
  8241. }
  8242. .fa-jsfiddle:before {
  8243. content: "\f1cc";
  8244. }
  8245. .fa-life-bouy:before,
  8246. .fa-life-buoy:before,
  8247. .fa-life-saver:before,
  8248. .fa-support:before,
  8249. .fa-life-ring:before {
  8250. content: "\f1cd";
  8251. }
  8252. .fa-circle-o-notch:before {
  8253. content: "\f1ce";
  8254. }
  8255. .fa-ra:before,
  8256. .fa-resistance:before,
  8257. .fa-rebel:before {
  8258. content: "\f1d0";
  8259. }
  8260. .fa-ge:before,
  8261. .fa-empire:before {
  8262. content: "\f1d1";
  8263. }
  8264. .fa-git-square:before {
  8265. content: "\f1d2";
  8266. }
  8267. .fa-git:before {
  8268. content: "\f1d3";
  8269. }
  8270. .fa-y-combinator-square:before,
  8271. .fa-yc-square:before,
  8272. .fa-hacker-news:before {
  8273. content: "\f1d4";
  8274. }
  8275. .fa-tencent-weibo:before {
  8276. content: "\f1d5";
  8277. }
  8278. .fa-qq:before {
  8279. content: "\f1d6";
  8280. }
  8281. .fa-wechat:before,
  8282. .fa-weixin:before {
  8283. content: "\f1d7";
  8284. }
  8285. .fa-send:before,
  8286. .fa-paper-plane:before {
  8287. content: "\f1d8";
  8288. }
  8289. .fa-send-o:before,
  8290. .fa-paper-plane-o:before {
  8291. content: "\f1d9";
  8292. }
  8293. .fa-history:before {
  8294. content: "\f1da";
  8295. }
  8296. .fa-circle-thin:before {
  8297. content: "\f1db";
  8298. }
  8299. .fa-header:before {
  8300. content: "\f1dc";
  8301. }
  8302. .fa-paragraph:before {
  8303. content: "\f1dd";
  8304. }
  8305. .fa-sliders:before {
  8306. content: "\f1de";
  8307. }
  8308. .fa-share-alt:before {
  8309. content: "\f1e0";
  8310. }
  8311. .fa-share-alt-square:before {
  8312. content: "\f1e1";
  8313. }
  8314. .fa-bomb:before {
  8315. content: "\f1e2";
  8316. }
  8317. .fa-soccer-ball-o:before,
  8318. .fa-futbol-o:before {
  8319. content: "\f1e3";
  8320. }
  8321. .fa-tty:before {
  8322. content: "\f1e4";
  8323. }
  8324. .fa-binoculars:before {
  8325. content: "\f1e5";
  8326. }
  8327. .fa-plug:before {
  8328. content: "\f1e6";
  8329. }
  8330. .fa-slideshare:before {
  8331. content: "\f1e7";
  8332. }
  8333. .fa-twitch:before {
  8334. content: "\f1e8";
  8335. }
  8336. .fa-yelp:before {
  8337. content: "\f1e9";
  8338. }
  8339. .fa-newspaper-o:before {
  8340. content: "\f1ea";
  8341. }
  8342. .fa-wifi:before {
  8343. content: "\f1eb";
  8344. }
  8345. .fa-calculator:before {
  8346. content: "\f1ec";
  8347. }
  8348. .fa-paypal:before {
  8349. content: "\f1ed";
  8350. }
  8351. .fa-google-wallet:before {
  8352. content: "\f1ee";
  8353. }
  8354. .fa-cc-visa:before {
  8355. content: "\f1f0";
  8356. }
  8357. .fa-cc-mastercard:before {
  8358. content: "\f1f1";
  8359. }
  8360. .fa-cc-discover:before {
  8361. content: "\f1f2";
  8362. }
  8363. .fa-cc-amex:before {
  8364. content: "\f1f3";
  8365. }
  8366. .fa-cc-paypal:before {
  8367. content: "\f1f4";
  8368. }
  8369. .fa-cc-stripe:before {
  8370. content: "\f1f5";
  8371. }
  8372. .fa-bell-slash:before {
  8373. content: "\f1f6";
  8374. }
  8375. .fa-bell-slash-o:before {
  8376. content: "\f1f7";
  8377. }
  8378. .fa-trash:before {
  8379. content: "\f1f8";
  8380. }
  8381. .fa-copyright:before {
  8382. content: "\f1f9";
  8383. }
  8384. .fa-at:before {
  8385. content: "\f1fa";
  8386. }
  8387. .fa-eyedropper:before {
  8388. content: "\f1fb";
  8389. }
  8390. .fa-paint-brush:before {
  8391. content: "\f1fc";
  8392. }
  8393. .fa-birthday-cake:before {
  8394. content: "\f1fd";
  8395. }
  8396. .fa-area-chart:before {
  8397. content: "\f1fe";
  8398. }
  8399. .fa-pie-chart:before {
  8400. content: "\f200";
  8401. }
  8402. .fa-line-chart:before {
  8403. content: "\f201";
  8404. }
  8405. .fa-lastfm:before {
  8406. content: "\f202";
  8407. }
  8408. .fa-lastfm-square:before {
  8409. content: "\f203";
  8410. }
  8411. .fa-toggle-off:before {
  8412. content: "\f204";
  8413. }
  8414. .fa-toggle-on:before {
  8415. content: "\f205";
  8416. }
  8417. .fa-bicycle:before {
  8418. content: "\f206";
  8419. }
  8420. .fa-bus:before {
  8421. content: "\f207";
  8422. }
  8423. .fa-ioxhost:before {
  8424. content: "\f208";
  8425. }
  8426. .fa-angellist:before {
  8427. content: "\f209";
  8428. }
  8429. .fa-cc:before {
  8430. content: "\f20a";
  8431. }
  8432. .fa-shekel:before,
  8433. .fa-sheqel:before,
  8434. .fa-ils:before {
  8435. content: "\f20b";
  8436. }
  8437. .fa-meanpath:before {
  8438. content: "\f20c";
  8439. }
  8440. .fa-buysellads:before {
  8441. content: "\f20d";
  8442. }
  8443. .fa-connectdevelop:before {
  8444. content: "\f20e";
  8445. }
  8446. .fa-dashcube:before {
  8447. content: "\f210";
  8448. }
  8449. .fa-forumbee:before {
  8450. content: "\f211";
  8451. }
  8452. .fa-leanpub:before {
  8453. content: "\f212";
  8454. }
  8455. .fa-sellsy:before {
  8456. content: "\f213";
  8457. }
  8458. .fa-shirtsinbulk:before {
  8459. content: "\f214";
  8460. }
  8461. .fa-simplybuilt:before {
  8462. content: "\f215";
  8463. }
  8464. .fa-skyatlas:before {
  8465. content: "\f216";
  8466. }
  8467. .fa-cart-plus:before {
  8468. content: "\f217";
  8469. }
  8470. .fa-cart-arrow-down:before {
  8471. content: "\f218";
  8472. }
  8473. .fa-diamond:before {
  8474. content: "\f219";
  8475. }
  8476. .fa-ship:before {
  8477. content: "\f21a";
  8478. }
  8479. .fa-user-secret:before {
  8480. content: "\f21b";
  8481. }
  8482. .fa-motorcycle:before {
  8483. content: "\f21c";
  8484. }
  8485. .fa-street-view:before {
  8486. content: "\f21d";
  8487. }
  8488. .fa-heartbeat:before {
  8489. content: "\f21e";
  8490. }
  8491. .fa-venus:before {
  8492. content: "\f221";
  8493. }
  8494. .fa-mars:before {
  8495. content: "\f222";
  8496. }
  8497. .fa-mercury:before {
  8498. content: "\f223";
  8499. }
  8500. .fa-intersex:before,
  8501. .fa-transgender:before {
  8502. content: "\f224";
  8503. }
  8504. .fa-transgender-alt:before {
  8505. content: "\f225";
  8506. }
  8507. .fa-venus-double:before {
  8508. content: "\f226";
  8509. }
  8510. .fa-mars-double:before {
  8511. content: "\f227";
  8512. }
  8513. .fa-venus-mars:before {
  8514. content: "\f228";
  8515. }
  8516. .fa-mars-stroke:before {
  8517. content: "\f229";
  8518. }
  8519. .fa-mars-stroke-v:before {
  8520. content: "\f22a";
  8521. }
  8522. .fa-mars-stroke-h:before {
  8523. content: "\f22b";
  8524. }
  8525. .fa-neuter:before {
  8526. content: "\f22c";
  8527. }
  8528. .fa-genderless:before {
  8529. content: "\f22d";
  8530. }
  8531. .fa-facebook-official:before {
  8532. content: "\f230";
  8533. }
  8534. .fa-pinterest-p:before {
  8535. content: "\f231";
  8536. }
  8537. .fa-whatsapp:before {
  8538. content: "\f232";
  8539. }
  8540. .fa-server:before {
  8541. content: "\f233";
  8542. }
  8543. .fa-user-plus:before {
  8544. content: "\f234";
  8545. }
  8546. .fa-user-times:before {
  8547. content: "\f235";
  8548. }
  8549. .fa-hotel:before,
  8550. .fa-bed:before {
  8551. content: "\f236";
  8552. }
  8553. .fa-viacoin:before {
  8554. content: "\f237";
  8555. }
  8556. .fa-train:before {
  8557. content: "\f238";
  8558. }
  8559. .fa-subway:before {
  8560. content: "\f239";
  8561. }
  8562. .fa-medium:before {
  8563. content: "\f23a";
  8564. }
  8565. .fa-yc:before,
  8566. .fa-y-combinator:before {
  8567. content: "\f23b";
  8568. }
  8569. .fa-optin-monster:before {
  8570. content: "\f23c";
  8571. }
  8572. .fa-opencart:before {
  8573. content: "\f23d";
  8574. }
  8575. .fa-expeditedssl:before {
  8576. content: "\f23e";
  8577. }
  8578. .fa-battery-4:before,
  8579. .fa-battery:before,
  8580. .fa-battery-full:before {
  8581. content: "\f240";
  8582. }
  8583. .fa-battery-3:before,
  8584. .fa-battery-three-quarters:before {
  8585. content: "\f241";
  8586. }
  8587. .fa-battery-2:before,
  8588. .fa-battery-half:before {
  8589. content: "\f242";
  8590. }
  8591. .fa-battery-1:before,
  8592. .fa-battery-quarter:before {
  8593. content: "\f243";
  8594. }
  8595. .fa-battery-0:before,
  8596. .fa-battery-empty:before {
  8597. content: "\f244";
  8598. }
  8599. .fa-mouse-pointer:before {
  8600. content: "\f245";
  8601. }
  8602. .fa-i-cursor:before {
  8603. content: "\f246";
  8604. }
  8605. .fa-object-group:before {
  8606. content: "\f247";
  8607. }
  8608. .fa-object-ungroup:before {
  8609. content: "\f248";
  8610. }
  8611. .fa-sticky-note:before {
  8612. content: "\f249";
  8613. }
  8614. .fa-sticky-note-o:before {
  8615. content: "\f24a";
  8616. }
  8617. .fa-cc-jcb:before {
  8618. content: "\f24b";
  8619. }
  8620. .fa-cc-diners-club:before {
  8621. content: "\f24c";
  8622. }
  8623. .fa-clone:before {
  8624. content: "\f24d";
  8625. }
  8626. .fa-balance-scale:before {
  8627. content: "\f24e";
  8628. }
  8629. .fa-hourglass-o:before {
  8630. content: "\f250";
  8631. }
  8632. .fa-hourglass-1:before,
  8633. .fa-hourglass-start:before {
  8634. content: "\f251";
  8635. }
  8636. .fa-hourglass-2:before,
  8637. .fa-hourglass-half:before {
  8638. content: "\f252";
  8639. }
  8640. .fa-hourglass-3:before,
  8641. .fa-hourglass-end:before {
  8642. content: "\f253";
  8643. }
  8644. .fa-hourglass:before {
  8645. content: "\f254";
  8646. }
  8647. .fa-hand-grab-o:before,
  8648. .fa-hand-rock-o:before {
  8649. content: "\f255";
  8650. }
  8651. .fa-hand-stop-o:before,
  8652. .fa-hand-paper-o:before {
  8653. content: "\f256";
  8654. }
  8655. .fa-hand-scissors-o:before {
  8656. content: "\f257";
  8657. }
  8658. .fa-hand-lizard-o:before {
  8659. content: "\f258";
  8660. }
  8661. .fa-hand-spock-o:before {
  8662. content: "\f259";
  8663. }
  8664. .fa-hand-pointer-o:before {
  8665. content: "\f25a";
  8666. }
  8667. .fa-hand-peace-o:before {
  8668. content: "\f25b";
  8669. }
  8670. .fa-trademark:before {
  8671. content: "\f25c";
  8672. }
  8673. .fa-registered:before {
  8674. content: "\f25d";
  8675. }
  8676. .fa-creative-commons:before {
  8677. content: "\f25e";
  8678. }
  8679. .fa-gg:before {
  8680. content: "\f260";
  8681. }
  8682. .fa-gg-circle:before {
  8683. content: "\f261";
  8684. }
  8685. .fa-tripadvisor:before {
  8686. content: "\f262";
  8687. }
  8688. .fa-odnoklassniki:before {
  8689. content: "\f263";
  8690. }
  8691. .fa-odnoklassniki-square:before {
  8692. content: "\f264";
  8693. }
  8694. .fa-get-pocket:before {
  8695. content: "\f265";
  8696. }
  8697. .fa-wikipedia-w:before {
  8698. content: "\f266";
  8699. }
  8700. .fa-safari:before {
  8701. content: "\f267";
  8702. }
  8703. .fa-chrome:before {
  8704. content: "\f268";
  8705. }
  8706. .fa-firefox:before {
  8707. content: "\f269";
  8708. }
  8709. .fa-opera:before {
  8710. content: "\f26a";
  8711. }
  8712. .fa-internet-explorer:before {
  8713. content: "\f26b";
  8714. }
  8715. .fa-tv:before,
  8716. .fa-television:before {
  8717. content: "\f26c";
  8718. }
  8719. .fa-contao:before {
  8720. content: "\f26d";
  8721. }
  8722. .fa-500px:before {
  8723. content: "\f26e";
  8724. }
  8725. .fa-amazon:before {
  8726. content: "\f270";
  8727. }
  8728. .fa-calendar-plus-o:before {
  8729. content: "\f271";
  8730. }
  8731. .fa-calendar-minus-o:before {
  8732. content: "\f272";
  8733. }
  8734. .fa-calendar-times-o:before {
  8735. content: "\f273";
  8736. }
  8737. .fa-calendar-check-o:before {
  8738. content: "\f274";
  8739. }
  8740. .fa-industry:before {
  8741. content: "\f275";
  8742. }
  8743. .fa-map-pin:before {
  8744. content: "\f276";
  8745. }
  8746. .fa-map-signs:before {
  8747. content: "\f277";
  8748. }
  8749. .fa-map-o:before {
  8750. content: "\f278";
  8751. }
  8752. .fa-map:before {
  8753. content: "\f279";
  8754. }
  8755. .fa-commenting:before {
  8756. content: "\f27a";
  8757. }
  8758. .fa-commenting-o:before {
  8759. content: "\f27b";
  8760. }
  8761. .fa-houzz:before {
  8762. content: "\f27c";
  8763. }
  8764. .fa-vimeo:before {
  8765. content: "\f27d";
  8766. }
  8767. .fa-black-tie:before {
  8768. content: "\f27e";
  8769. }
  8770. .fa-fonticons:before {
  8771. content: "\f280";
  8772. }
  8773. .fa-reddit-alien:before {
  8774. content: "\f281";
  8775. }
  8776. .fa-edge:before {
  8777. content: "\f282";
  8778. }
  8779. .fa-credit-card-alt:before {
  8780. content: "\f283";
  8781. }
  8782. .fa-codiepie:before {
  8783. content: "\f284";
  8784. }
  8785. .fa-modx:before {
  8786. content: "\f285";
  8787. }
  8788. .fa-fort-awesome:before {
  8789. content: "\f286";
  8790. }
  8791. .fa-usb:before {
  8792. content: "\f287";
  8793. }
  8794. .fa-product-hunt:before {
  8795. content: "\f288";
  8796. }
  8797. .fa-mixcloud:before {
  8798. content: "\f289";
  8799. }
  8800. .fa-scribd:before {
  8801. content: "\f28a";
  8802. }
  8803. .fa-pause-circle:before {
  8804. content: "\f28b";
  8805. }
  8806. .fa-pause-circle-o:before {
  8807. content: "\f28c";
  8808. }
  8809. .fa-stop-circle:before {
  8810. content: "\f28d";
  8811. }
  8812. .fa-stop-circle-o:before {
  8813. content: "\f28e";
  8814. }
  8815. .fa-shopping-bag:before {
  8816. content: "\f290";
  8817. }
  8818. .fa-shopping-basket:before {
  8819. content: "\f291";
  8820. }
  8821. .fa-hashtag:before {
  8822. content: "\f292";
  8823. }
  8824. .fa-bluetooth:before {
  8825. content: "\f293";
  8826. }
  8827. .fa-bluetooth-b:before {
  8828. content: "\f294";
  8829. }
  8830. .fa-percent:before {
  8831. content: "\f295";
  8832. }
  8833. .fa-gitlab:before {
  8834. content: "\f296";
  8835. }
  8836. .fa-wpbeginner:before {
  8837. content: "\f297";
  8838. }
  8839. .fa-wpforms:before {
  8840. content: "\f298";
  8841. }
  8842. .fa-envira:before {
  8843. content: "\f299";
  8844. }
  8845. .fa-universal-access:before {
  8846. content: "\f29a";
  8847. }
  8848. .fa-wheelchair-alt:before {
  8849. content: "\f29b";
  8850. }
  8851. .fa-question-circle-o:before {
  8852. content: "\f29c";
  8853. }
  8854. .fa-blind:before {
  8855. content: "\f29d";
  8856. }
  8857. .fa-audio-description:before {
  8858. content: "\f29e";
  8859. }
  8860. .fa-volume-control-phone:before {
  8861. content: "\f2a0";
  8862. }
  8863. .fa-braille:before {
  8864. content: "\f2a1";
  8865. }
  8866. .fa-assistive-listening-systems:before {
  8867. content: "\f2a2";
  8868. }
  8869. .fa-asl-interpreting:before,
  8870. .fa-american-sign-language-interpreting:before {
  8871. content: "\f2a3";
  8872. }
  8873. .fa-deafness:before,
  8874. .fa-hard-of-hearing:before,
  8875. .fa-deaf:before {
  8876. content: "\f2a4";
  8877. }
  8878. .fa-glide:before {
  8879. content: "\f2a5";
  8880. }
  8881. .fa-glide-g:before {
  8882. content: "\f2a6";
  8883. }
  8884. .fa-signing:before,
  8885. .fa-sign-language:before {
  8886. content: "\f2a7";
  8887. }
  8888. .fa-low-vision:before {
  8889. content: "\f2a8";
  8890. }
  8891. .fa-viadeo:before {
  8892. content: "\f2a9";
  8893. }
  8894. .fa-viadeo-square:before {
  8895. content: "\f2aa";
  8896. }
  8897. .fa-snapchat:before {
  8898. content: "\f2ab";
  8899. }
  8900. .fa-snapchat-ghost:before {
  8901. content: "\f2ac";
  8902. }
  8903. .fa-snapchat-square:before {
  8904. content: "\f2ad";
  8905. }
  8906. .fa-pied-piper:before {
  8907. content: "\f2ae";
  8908. }
  8909. .fa-first-order:before {
  8910. content: "\f2b0";
  8911. }
  8912. .fa-yoast:before {
  8913. content: "\f2b1";
  8914. }
  8915. .fa-themeisle:before {
  8916. content: "\f2b2";
  8917. }
  8918. .fa-google-plus-circle:before,
  8919. .fa-google-plus-official:before {
  8920. content: "\f2b3";
  8921. }
  8922. .fa-fa:before,
  8923. .fa-font-awesome:before {
  8924. content: "\f2b4";
  8925. }
  8926. .fa-handshake-o:before {
  8927. content: "\f2b5";
  8928. }
  8929. .fa-envelope-open:before {
  8930. content: "\f2b6";
  8931. }
  8932. .fa-envelope-open-o:before {
  8933. content: "\f2b7";
  8934. }
  8935. .fa-linode:before {
  8936. content: "\f2b8";
  8937. }
  8938. .fa-address-book:before {
  8939. content: "\f2b9";
  8940. }
  8941. .fa-address-book-o:before {
  8942. content: "\f2ba";
  8943. }
  8944. .fa-vcard:before,
  8945. .fa-address-card:before {
  8946. content: "\f2bb";
  8947. }
  8948. .fa-vcard-o:before,
  8949. .fa-address-card-o:before {
  8950. content: "\f2bc";
  8951. }
  8952. .fa-user-circle:before {
  8953. content: "\f2bd";
  8954. }
  8955. .fa-user-circle-o:before {
  8956. content: "\f2be";
  8957. }
  8958. .fa-user-o:before {
  8959. content: "\f2c0";
  8960. }
  8961. .fa-id-badge:before {
  8962. content: "\f2c1";
  8963. }
  8964. .fa-drivers-license:before,
  8965. .fa-id-card:before {
  8966. content: "\f2c2";
  8967. }
  8968. .fa-drivers-license-o:before,
  8969. .fa-id-card-o:before {
  8970. content: "\f2c3";
  8971. }
  8972. .fa-quora:before {
  8973. content: "\f2c4";
  8974. }
  8975. .fa-free-code-camp:before {
  8976. content: "\f2c5";
  8977. }
  8978. .fa-telegram:before {
  8979. content: "\f2c6";
  8980. }
  8981. .fa-thermometer-4:before,
  8982. .fa-thermometer:before,
  8983. .fa-thermometer-full:before {
  8984. content: "\f2c7";
  8985. }
  8986. .fa-thermometer-3:before,
  8987. .fa-thermometer-three-quarters:before {
  8988. content: "\f2c8";
  8989. }
  8990. .fa-thermometer-2:before,
  8991. .fa-thermometer-half:before {
  8992. content: "\f2c9";
  8993. }
  8994. .fa-thermometer-1:before,
  8995. .fa-thermometer-quarter:before {
  8996. content: "\f2ca";
  8997. }
  8998. .fa-thermometer-0:before,
  8999. .fa-thermometer-empty:before {
  9000. content: "\f2cb";
  9001. }
  9002. .fa-shower:before {
  9003. content: "\f2cc";
  9004. }
  9005. .fa-bathtub:before,
  9006. .fa-s15:before,
  9007. .fa-bath:before {
  9008. content: "\f2cd";
  9009. }
  9010. .fa-podcast:before {
  9011. content: "\f2ce";
  9012. }
  9013. .fa-window-maximize:before {
  9014. content: "\f2d0";
  9015. }
  9016. .fa-window-minimize:before {
  9017. content: "\f2d1";
  9018. }
  9019. .fa-window-restore:before {
  9020. content: "\f2d2";
  9021. }
  9022. .fa-times-rectangle:before,
  9023. .fa-window-close:before {
  9024. content: "\f2d3";
  9025. }
  9026. .fa-times-rectangle-o:before,
  9027. .fa-window-close-o:before {
  9028. content: "\f2d4";
  9029. }
  9030. .fa-bandcamp:before {
  9031. content: "\f2d5";
  9032. }
  9033. .fa-grav:before {
  9034. content: "\f2d6";
  9035. }
  9036. .fa-etsy:before {
  9037. content: "\f2d7";
  9038. }
  9039. .fa-imdb:before {
  9040. content: "\f2d8";
  9041. }
  9042. .fa-ravelry:before {
  9043. content: "\f2d9";
  9044. }
  9045. .fa-eercast:before {
  9046. content: "\f2da";
  9047. }
  9048. .fa-microchip:before {
  9049. content: "\f2db";
  9050. }
  9051. .fa-snowflake-o:before {
  9052. content: "\f2dc";
  9053. }
  9054. .fa-superpowers:before {
  9055. content: "\f2dd";
  9056. }
  9057. .fa-wpexplorer:before {
  9058. content: "\f2de";
  9059. }
  9060. .fa-meetup:before {
  9061. content: "\f2e0";
  9062. }
  9063. .sr-only {
  9064. position: absolute;
  9065. width: 1px;
  9066. height: 1px;
  9067. padding: 0;
  9068. margin: -1px;
  9069. overflow: hidden;
  9070. clip: rect(0, 0, 0, 0);
  9071. border: 0;
  9072. }
  9073. .sr-only-focusable:active,
  9074. .sr-only-focusable:focus {
  9075. position: static;
  9076. width: auto;
  9077. height: auto;
  9078. margin: 0;
  9079. overflow: visible;
  9080. clip: auto;
  9081. }
  9082. .sr-only-focusable:active,
  9083. .sr-only-focusable:focus {
  9084. position: static;
  9085. width: auto;
  9086. height: auto;
  9087. margin: 0;
  9088. overflow: visible;
  9089. clip: auto;
  9090. }
  9091. /*!
  9092. *
  9093. * IPython base
  9094. *
  9095. */
  9096. .modal.fade .modal-dialog {
  9097. -webkit-transform: translate(0, 0);
  9098. -ms-transform: translate(0, 0);
  9099. -o-transform: translate(0, 0);
  9100. transform: translate(0, 0);
  9101. }
  9102. code {
  9103. color: #000;
  9104. }
  9105. pre {
  9106. font-size: inherit;
  9107. line-height: inherit;
  9108. }
  9109. label {
  9110. font-weight: normal;
  9111. }
  9112. /* Make the page background atleast 100% the height of the view port */
  9113. /* Make the page itself atleast 70% the height of the view port */
  9114. .border-box-sizing {
  9115. box-sizing: border-box;
  9116. -moz-box-sizing: border-box;
  9117. -webkit-box-sizing: border-box;
  9118. }
  9119. .corner-all {
  9120. border-radius: 2px;
  9121. }
  9122. .no-padding {
  9123. padding: 0px;
  9124. }
  9125. /* Flexible box model classes */
  9126. /* Taken from Alex Russell http://infrequently.org/2009/08/css-3-progress/ */
  9127. /* This file is a compatability layer. It allows the usage of flexible box
  9128. model layouts accross multiple browsers, including older browsers. The newest,
  9129. universal implementation of the flexible box model is used when available (see
  9130. `Modern browsers` comments below). Browsers that are known to implement this
  9131. new spec completely include:
  9132. Firefox 28.0+
  9133. Chrome 29.0+
  9134. Internet Explorer 11+
  9135. Opera 17.0+
  9136. Browsers not listed, including Safari, are supported via the styling under the
  9137. `Old browsers` comments below.
  9138. */
  9139. .hbox {
  9140. /* Old browsers */
  9141. display: -webkit-box;
  9142. -webkit-box-orient: horizontal;
  9143. -webkit-box-align: stretch;
  9144. display: -moz-box;
  9145. -moz-box-orient: horizontal;
  9146. -moz-box-align: stretch;
  9147. display: box;
  9148. box-orient: horizontal;
  9149. box-align: stretch;
  9150. /* Modern browsers */
  9151. display: flex;
  9152. flex-direction: row;
  9153. align-items: stretch;
  9154. }
  9155. .hbox > * {
  9156. /* Old browsers */
  9157. -webkit-box-flex: 0;
  9158. -moz-box-flex: 0;
  9159. box-flex: 0;
  9160. /* Modern browsers */
  9161. flex: none;
  9162. }
  9163. .vbox {
  9164. /* Old browsers */
  9165. display: -webkit-box;
  9166. -webkit-box-orient: vertical;
  9167. -webkit-box-align: stretch;
  9168. display: -moz-box;
  9169. -moz-box-orient: vertical;
  9170. -moz-box-align: stretch;
  9171. display: box;
  9172. box-orient: vertical;
  9173. box-align: stretch;
  9174. /* Modern browsers */
  9175. display: flex;
  9176. flex-direction: column;
  9177. align-items: stretch;
  9178. }
  9179. .vbox > * {
  9180. /* Old browsers */
  9181. -webkit-box-flex: 0;
  9182. -moz-box-flex: 0;
  9183. box-flex: 0;
  9184. /* Modern browsers */
  9185. flex: none;
  9186. }
  9187. .hbox.reverse,
  9188. .vbox.reverse,
  9189. .reverse {
  9190. /* Old browsers */
  9191. -webkit-box-direction: reverse;
  9192. -moz-box-direction: reverse;
  9193. box-direction: reverse;
  9194. /* Modern browsers */
  9195. flex-direction: row-reverse;
  9196. }
  9197. .hbox.box-flex0,
  9198. .vbox.box-flex0,
  9199. .box-flex0 {
  9200. /* Old browsers */
  9201. -webkit-box-flex: 0;
  9202. -moz-box-flex: 0;
  9203. box-flex: 0;
  9204. /* Modern browsers */
  9205. flex: none;
  9206. width: auto;
  9207. }
  9208. .hbox.box-flex1,
  9209. .vbox.box-flex1,
  9210. .box-flex1 {
  9211. /* Old browsers */
  9212. -webkit-box-flex: 1;
  9213. -moz-box-flex: 1;
  9214. box-flex: 1;
  9215. /* Modern browsers */
  9216. flex: 1;
  9217. }
  9218. .hbox.box-flex,
  9219. .vbox.box-flex,
  9220. .box-flex {
  9221. /* Old browsers */
  9222. /* Old browsers */
  9223. -webkit-box-flex: 1;
  9224. -moz-box-flex: 1;
  9225. box-flex: 1;
  9226. /* Modern browsers */
  9227. flex: 1;
  9228. }
  9229. .hbox.box-flex2,
  9230. .vbox.box-flex2,
  9231. .box-flex2 {
  9232. /* Old browsers */
  9233. -webkit-box-flex: 2;
  9234. -moz-box-flex: 2;
  9235. box-flex: 2;
  9236. /* Modern browsers */
  9237. flex: 2;
  9238. }
  9239. .box-group1 {
  9240. /* Deprecated */
  9241. -webkit-box-flex-group: 1;
  9242. -moz-box-flex-group: 1;
  9243. box-flex-group: 1;
  9244. }
  9245. .box-group2 {
  9246. /* Deprecated */
  9247. -webkit-box-flex-group: 2;
  9248. -moz-box-flex-group: 2;
  9249. box-flex-group: 2;
  9250. }
  9251. .hbox.start,
  9252. .vbox.start,
  9253. .start {
  9254. /* Old browsers */
  9255. -webkit-box-pack: start;
  9256. -moz-box-pack: start;
  9257. box-pack: start;
  9258. /* Modern browsers */
  9259. justify-content: flex-start;
  9260. }
  9261. .hbox.end,
  9262. .vbox.end,
  9263. .end {
  9264. /* Old browsers */
  9265. -webkit-box-pack: end;
  9266. -moz-box-pack: end;
  9267. box-pack: end;
  9268. /* Modern browsers */
  9269. justify-content: flex-end;
  9270. }
  9271. .hbox.center,
  9272. .vbox.center,
  9273. .center {
  9274. /* Old browsers */
  9275. -webkit-box-pack: center;
  9276. -moz-box-pack: center;
  9277. box-pack: center;
  9278. /* Modern browsers */
  9279. justify-content: center;
  9280. }
  9281. .hbox.baseline,
  9282. .vbox.baseline,
  9283. .baseline {
  9284. /* Old browsers */
  9285. -webkit-box-pack: baseline;
  9286. -moz-box-pack: baseline;
  9287. box-pack: baseline;
  9288. /* Modern browsers */
  9289. justify-content: baseline;
  9290. }
  9291. .hbox.stretch,
  9292. .vbox.stretch,
  9293. .stretch {
  9294. /* Old browsers */
  9295. -webkit-box-pack: stretch;
  9296. -moz-box-pack: stretch;
  9297. box-pack: stretch;
  9298. /* Modern browsers */
  9299. justify-content: stretch;
  9300. }
  9301. .hbox.align-start,
  9302. .vbox.align-start,
  9303. .align-start {
  9304. /* Old browsers */
  9305. -webkit-box-align: start;
  9306. -moz-box-align: start;
  9307. box-align: start;
  9308. /* Modern browsers */
  9309. align-items: flex-start;
  9310. }
  9311. .hbox.align-end,
  9312. .vbox.align-end,
  9313. .align-end {
  9314. /* Old browsers */
  9315. -webkit-box-align: end;
  9316. -moz-box-align: end;
  9317. box-align: end;
  9318. /* Modern browsers */
  9319. align-items: flex-end;
  9320. }
  9321. .hbox.align-center,
  9322. .vbox.align-center,
  9323. .align-center {
  9324. /* Old browsers */
  9325. -webkit-box-align: center;
  9326. -moz-box-align: center;
  9327. box-align: center;
  9328. /* Modern browsers */
  9329. align-items: center;
  9330. }
  9331. .hbox.align-baseline,
  9332. .vbox.align-baseline,
  9333. .align-baseline {
  9334. /* Old browsers */
  9335. -webkit-box-align: baseline;
  9336. -moz-box-align: baseline;
  9337. box-align: baseline;
  9338. /* Modern browsers */
  9339. align-items: baseline;
  9340. }
  9341. .hbox.align-stretch,
  9342. .vbox.align-stretch,
  9343. .align-stretch {
  9344. /* Old browsers */
  9345. -webkit-box-align: stretch;
  9346. -moz-box-align: stretch;
  9347. box-align: stretch;
  9348. /* Modern browsers */
  9349. align-items: stretch;
  9350. }
  9351. div.error {
  9352. margin: 2em;
  9353. text-align: center;
  9354. }
  9355. div.error > h1 {
  9356. font-size: 500%;
  9357. line-height: normal;
  9358. }
  9359. div.error > p {
  9360. font-size: 200%;
  9361. line-height: normal;
  9362. }
  9363. div.traceback-wrapper {
  9364. text-align: left;
  9365. max-width: 800px;
  9366. margin: auto;
  9367. }
  9368. div.traceback-wrapper pre.traceback {
  9369. max-height: 600px;
  9370. overflow: auto;
  9371. }
  9372. /**
  9373. * Primary styles
  9374. *
  9375. * Author: Jupyter Development Team
  9376. */
  9377. body {
  9378. background-color: #fff;
  9379. /* This makes sure that the body covers the entire window and needs to
  9380. be in a different element than the display: box in wrapper below */
  9381. position: absolute;
  9382. left: 0px;
  9383. right: 0px;
  9384. top: 0px;
  9385. bottom: 0px;
  9386. overflow: visible;
  9387. }
  9388. body > #header {
  9389. /* Initially hidden to prevent FLOUC */
  9390. display: none;
  9391. background-color: #fff;
  9392. /* Display over codemirror */
  9393. position: relative;
  9394. z-index: 100;
  9395. }
  9396. body > #header #header-container {
  9397. display: flex;
  9398. flex-direction: row;
  9399. justify-content: space-between;
  9400. padding: 5px;
  9401. padding-bottom: 5px;
  9402. padding-top: 5px;
  9403. box-sizing: border-box;
  9404. -moz-box-sizing: border-box;
  9405. -webkit-box-sizing: border-box;
  9406. }
  9407. body > #header .header-bar {
  9408. width: 100%;
  9409. height: 1px;
  9410. background: #e7e7e7;
  9411. margin-bottom: -1px;
  9412. }
  9413. @media print {
  9414. body > #header {
  9415. display: none !important;
  9416. }
  9417. }
  9418. #header-spacer {
  9419. width: 100%;
  9420. visibility: hidden;
  9421. }
  9422. @media print {
  9423. #header-spacer {
  9424. display: none;
  9425. }
  9426. }
  9427. #ipython_notebook {
  9428. padding-left: 0px;
  9429. padding-top: 1px;
  9430. padding-bottom: 1px;
  9431. }
  9432. [dir="rtl"] #ipython_notebook {
  9433. margin-right: 10px;
  9434. margin-left: 0;
  9435. }
  9436. [dir="rtl"] #ipython_notebook.pull-left {
  9437. float: right !important;
  9438. float: right;
  9439. }
  9440. .flex-spacer {
  9441. flex: 1;
  9442. }
  9443. #noscript {
  9444. width: auto;
  9445. padding-top: 16px;
  9446. padding-bottom: 16px;
  9447. text-align: center;
  9448. font-size: 22px;
  9449. color: red;
  9450. font-weight: bold;
  9451. }
  9452. #ipython_notebook img {
  9453. height: 28px;
  9454. }
  9455. #site {
  9456. width: 100%;
  9457. display: none;
  9458. box-sizing: border-box;
  9459. -moz-box-sizing: border-box;
  9460. -webkit-box-sizing: border-box;
  9461. overflow: auto;
  9462. }
  9463. @media print {
  9464. #site {
  9465. height: auto !important;
  9466. }
  9467. }
  9468. /* Smaller buttons */
  9469. .ui-button .ui-button-text {
  9470. padding: 0.2em 0.8em;
  9471. font-size: 77%;
  9472. }
  9473. input.ui-button {
  9474. padding: 0.3em 0.9em;
  9475. }
  9476. span#kernel_logo_widget {
  9477. margin: 0 10px;
  9478. }
  9479. span#login_widget {
  9480. float: right;
  9481. }
  9482. [dir="rtl"] span#login_widget {
  9483. float: left;
  9484. }
  9485. span#login_widget > .button,
  9486. #logout {
  9487. color: #333;
  9488. background-color: #fff;
  9489. border-color: #ccc;
  9490. }
  9491. span#login_widget > .button:focus,
  9492. #logout:focus,
  9493. span#login_widget > .button.focus,
  9494. #logout.focus {
  9495. color: #333;
  9496. background-color: #e6e6e6;
  9497. border-color: #8c8c8c;
  9498. }
  9499. span#login_widget > .button:hover,
  9500. #logout:hover {
  9501. color: #333;
  9502. background-color: #e6e6e6;
  9503. border-color: #adadad;
  9504. }
  9505. span#login_widget > .button:active,
  9506. #logout:active,
  9507. span#login_widget > .button.active,
  9508. #logout.active,
  9509. .open > .dropdown-togglespan#login_widget > .button,
  9510. .open > .dropdown-toggle#logout {
  9511. color: #333;
  9512. background-color: #e6e6e6;
  9513. border-color: #adadad;
  9514. }
  9515. span#login_widget > .button:active:hover,
  9516. #logout:active:hover,
  9517. span#login_widget > .button.active:hover,
  9518. #logout.active:hover,
  9519. .open > .dropdown-togglespan#login_widget > .button:hover,
  9520. .open > .dropdown-toggle#logout:hover,
  9521. span#login_widget > .button:active:focus,
  9522. #logout:active:focus,
  9523. span#login_widget > .button.active:focus,
  9524. #logout.active:focus,
  9525. .open > .dropdown-togglespan#login_widget > .button:focus,
  9526. .open > .dropdown-toggle#logout:focus,
  9527. span#login_widget > .button:active.focus,
  9528. #logout:active.focus,
  9529. span#login_widget > .button.active.focus,
  9530. #logout.active.focus,
  9531. .open > .dropdown-togglespan#login_widget > .button.focus,
  9532. .open > .dropdown-toggle#logout.focus {
  9533. color: #333;
  9534. background-color: #d4d4d4;
  9535. border-color: #8c8c8c;
  9536. }
  9537. span#login_widget > .button:active,
  9538. #logout:active,
  9539. span#login_widget > .button.active,
  9540. #logout.active,
  9541. .open > .dropdown-togglespan#login_widget > .button,
  9542. .open > .dropdown-toggle#logout {
  9543. background-image: none;
  9544. }
  9545. span#login_widget > .button.disabled:hover,
  9546. #logout.disabled:hover,
  9547. span#login_widget > .button[disabled]:hover,
  9548. #logout[disabled]:hover,
  9549. fieldset[disabled] span#login_widget > .button:hover,
  9550. fieldset[disabled] #logout:hover,
  9551. span#login_widget > .button.disabled:focus,
  9552. #logout.disabled:focus,
  9553. span#login_widget > .button[disabled]:focus,
  9554. #logout[disabled]:focus,
  9555. fieldset[disabled] span#login_widget > .button:focus,
  9556. fieldset[disabled] #logout:focus,
  9557. span#login_widget > .button.disabled.focus,
  9558. #logout.disabled.focus,
  9559. span#login_widget > .button[disabled].focus,
  9560. #logout[disabled].focus,
  9561. fieldset[disabled] span#login_widget > .button.focus,
  9562. fieldset[disabled] #logout.focus {
  9563. background-color: #fff;
  9564. border-color: #ccc;
  9565. }
  9566. span#login_widget > .button .badge,
  9567. #logout .badge {
  9568. color: #fff;
  9569. background-color: #333;
  9570. }
  9571. .nav-header {
  9572. text-transform: none;
  9573. }
  9574. #header > span {
  9575. margin-top: 10px;
  9576. }
  9577. .modal_stretch .modal-dialog {
  9578. /* Old browsers */
  9579. display: -webkit-box;
  9580. -webkit-box-orient: vertical;
  9581. -webkit-box-align: stretch;
  9582. display: -moz-box;
  9583. -moz-box-orient: vertical;
  9584. -moz-box-align: stretch;
  9585. display: box;
  9586. box-orient: vertical;
  9587. box-align: stretch;
  9588. /* Modern browsers */
  9589. display: flex;
  9590. flex-direction: column;
  9591. align-items: stretch;
  9592. min-height: 80vh;
  9593. }
  9594. .modal_stretch .modal-dialog .modal-body {
  9595. max-height: calc(100vh - 200px);
  9596. overflow: auto;
  9597. flex: 1;
  9598. }
  9599. .modal-header {
  9600. cursor: move;
  9601. }
  9602. @media (min-width: 768px) {
  9603. .modal .modal-dialog {
  9604. width: 700px;
  9605. }
  9606. }
  9607. @media (min-width: 768px) {
  9608. select.form-control {
  9609. margin-left: 12px;
  9610. margin-right: 12px;
  9611. }
  9612. }
  9613. /*!
  9614. *
  9615. * IPython auth
  9616. *
  9617. */
  9618. .center-nav {
  9619. display: inline-block;
  9620. margin-bottom: -4px;
  9621. }
  9622. [dir="rtl"] .center-nav form.pull-left {
  9623. float: right !important;
  9624. float: right;
  9625. }
  9626. [dir="rtl"] .center-nav .navbar-text {
  9627. float: right;
  9628. }
  9629. [dir="rtl"] .navbar-inner {
  9630. text-align: right;
  9631. }
  9632. [dir="rtl"] div.text-left {
  9633. text-align: right;
  9634. }
  9635. /*!
  9636. *
  9637. * IPython tree view
  9638. *
  9639. */
  9640. /* We need an invisible input field on top of the sentense*/
  9641. /* "Drag file onto the list ..." */
  9642. .alternate_upload {
  9643. background-color: none;
  9644. display: inline;
  9645. }
  9646. .alternate_upload.form {
  9647. padding: 0;
  9648. margin: 0;
  9649. }
  9650. .alternate_upload input.fileinput {
  9651. position: absolute;
  9652. display: block;
  9653. width: 100%;
  9654. height: 100%;
  9655. overflow: hidden;
  9656. cursor: pointer;
  9657. opacity: 0;
  9658. z-index: 2;
  9659. }
  9660. .alternate_upload .btn-xs > input.fileinput {
  9661. margin: -1px -5px;
  9662. }
  9663. .alternate_upload .btn-upload {
  9664. position: relative;
  9665. height: 22px;
  9666. }
  9667. ::-webkit-file-upload-button {
  9668. cursor: pointer;
  9669. }
  9670. /**
  9671. * Primary styles
  9672. *
  9673. * Author: Jupyter Development Team
  9674. */
  9675. ul#tabs {
  9676. margin-bottom: 4px;
  9677. }
  9678. ul#tabs a {
  9679. padding-top: 6px;
  9680. padding-bottom: 4px;
  9681. }
  9682. [dir="rtl"] ul#tabs.nav-tabs > li {
  9683. float: right;
  9684. }
  9685. [dir="rtl"] ul#tabs.nav.nav-tabs {
  9686. padding-right: 0;
  9687. }
  9688. ul.breadcrumb a:focus,
  9689. ul.breadcrumb a:hover {
  9690. text-decoration: none;
  9691. }
  9692. ul.breadcrumb i.icon-home {
  9693. font-size: 16px;
  9694. margin-right: 4px;
  9695. }
  9696. ul.breadcrumb span {
  9697. color: #5e5e5e;
  9698. }
  9699. .list_toolbar {
  9700. padding: 4px 0 4px 0;
  9701. vertical-align: middle;
  9702. }
  9703. .list_toolbar .tree-buttons {
  9704. padding-top: 1px;
  9705. }
  9706. [dir="rtl"] .list_toolbar .tree-buttons .pull-right {
  9707. float: left !important;
  9708. float: left;
  9709. }
  9710. [dir="rtl"] .list_toolbar .col-sm-4,
  9711. [dir="rtl"] .list_toolbar .col-sm-8 {
  9712. float: right;
  9713. }
  9714. .dynamic-buttons {
  9715. padding-top: 3px;
  9716. display: inline-block;
  9717. }
  9718. .list_toolbar [class*="span"] {
  9719. min-height: 24px;
  9720. }
  9721. .list_header {
  9722. font-weight: bold;
  9723. background-color: #EEE;
  9724. }
  9725. .list_placeholder {
  9726. font-weight: bold;
  9727. padding-top: 4px;
  9728. padding-bottom: 4px;
  9729. padding-left: 7px;
  9730. padding-right: 7px;
  9731. }
  9732. .list_container {
  9733. margin-top: 4px;
  9734. margin-bottom: 20px;
  9735. border: 1px solid #ddd;
  9736. border-radius: 2px;
  9737. }
  9738. .list_container > div {
  9739. border-bottom: 1px solid #ddd;
  9740. }
  9741. .list_container > div:hover .list-item {
  9742. background-color: red;
  9743. }
  9744. .list_container > div:last-child {
  9745. border: none;
  9746. }
  9747. .list_item:hover .list_item {
  9748. background-color: #ddd;
  9749. }
  9750. .list_item a {
  9751. text-decoration: none;
  9752. }
  9753. .list_item:hover {
  9754. background-color: #fafafa;
  9755. }
  9756. .list_header > div,
  9757. .list_item > div {
  9758. padding-top: 4px;
  9759. padding-bottom: 4px;
  9760. padding-left: 7px;
  9761. padding-right: 7px;
  9762. line-height: 22px;
  9763. }
  9764. .list_header > div input,
  9765. .list_item > div input {
  9766. margin-right: 7px;
  9767. margin-left: 14px;
  9768. vertical-align: text-bottom;
  9769. line-height: 22px;
  9770. position: relative;
  9771. top: -1px;
  9772. }
  9773. .list_header > div .item_link,
  9774. .list_item > div .item_link {
  9775. margin-left: -1px;
  9776. vertical-align: baseline;
  9777. line-height: 22px;
  9778. }
  9779. [dir="rtl"] .list_item > div input {
  9780. margin-right: 0;
  9781. }
  9782. .new-file input[type=checkbox] {
  9783. visibility: hidden;
  9784. }
  9785. .item_name {
  9786. line-height: 22px;
  9787. height: 24px;
  9788. }
  9789. .item_icon {
  9790. font-size: 14px;
  9791. color: #5e5e5e;
  9792. margin-right: 7px;
  9793. margin-left: 7px;
  9794. line-height: 22px;
  9795. vertical-align: baseline;
  9796. }
  9797. .item_modified {
  9798. margin-right: 7px;
  9799. margin-left: 7px;
  9800. }
  9801. [dir="rtl"] .item_modified.pull-right {
  9802. float: left !important;
  9803. float: left;
  9804. }
  9805. .item_buttons {
  9806. line-height: 1em;
  9807. margin-left: -5px;
  9808. }
  9809. .item_buttons .btn,
  9810. .item_buttons .btn-group,
  9811. .item_buttons .input-group {
  9812. float: left;
  9813. }
  9814. .item_buttons > .btn,
  9815. .item_buttons > .btn-group,
  9816. .item_buttons > .input-group {
  9817. margin-left: 5px;
  9818. }
  9819. .item_buttons .btn {
  9820. min-width: 13ex;
  9821. }
  9822. .item_buttons .running-indicator {
  9823. padding-top: 4px;
  9824. color: #5cb85c;
  9825. }
  9826. .item_buttons .kernel-name {
  9827. padding-top: 4px;
  9828. color: #5bc0de;
  9829. margin-right: 7px;
  9830. float: left;
  9831. }
  9832. [dir="rtl"] .item_buttons.pull-right {
  9833. float: left !important;
  9834. float: left;
  9835. }
  9836. [dir="rtl"] .item_buttons .kernel-name {
  9837. margin-left: 7px;
  9838. float: right;
  9839. }
  9840. .toolbar_info {
  9841. height: 24px;
  9842. line-height: 24px;
  9843. }
  9844. .list_item input:not([type=checkbox]) {
  9845. padding-top: 3px;
  9846. padding-bottom: 3px;
  9847. height: 22px;
  9848. line-height: 14px;
  9849. margin: 0px;
  9850. }
  9851. .highlight_text {
  9852. color: blue;
  9853. }
  9854. #project_name {
  9855. display: inline-block;
  9856. padding-left: 7px;
  9857. margin-left: -2px;
  9858. }
  9859. #project_name > .breadcrumb {
  9860. padding: 0px;
  9861. margin-bottom: 0px;
  9862. background-color: transparent;
  9863. font-weight: bold;
  9864. }
  9865. .sort_button {
  9866. display: inline-block;
  9867. padding-left: 7px;
  9868. }
  9869. [dir="rtl"] .sort_button.pull-right {
  9870. float: left !important;
  9871. float: left;
  9872. }
  9873. #tree-selector {
  9874. padding-right: 0px;
  9875. }
  9876. #button-select-all {
  9877. min-width: 50px;
  9878. }
  9879. [dir="rtl"] #button-select-all.btn {
  9880. float: right ;
  9881. }
  9882. #select-all {
  9883. margin-left: 7px;
  9884. margin-right: 2px;
  9885. margin-top: 2px;
  9886. height: 16px;
  9887. }
  9888. [dir="rtl"] #select-all.pull-left {
  9889. float: right !important;
  9890. float: right;
  9891. }
  9892. .menu_icon {
  9893. margin-right: 2px;
  9894. }
  9895. .tab-content .row {
  9896. margin-left: 0px;
  9897. margin-right: 0px;
  9898. }
  9899. .folder_icon:before {
  9900. display: inline-block;
  9901. font: normal normal normal 14px/1 FontAwesome;
  9902. font-size: inherit;
  9903. text-rendering: auto;
  9904. -webkit-font-smoothing: antialiased;
  9905. -moz-osx-font-smoothing: grayscale;
  9906. content: "\f114";
  9907. }
  9908. .folder_icon:before.fa-pull-left {
  9909. margin-right: .3em;
  9910. }
  9911. .folder_icon:before.fa-pull-right {
  9912. margin-left: .3em;
  9913. }
  9914. .folder_icon:before.pull-left {
  9915. margin-right: .3em;
  9916. }
  9917. .folder_icon:before.pull-right {
  9918. margin-left: .3em;
  9919. }
  9920. .notebook_icon:before {
  9921. display: inline-block;
  9922. font: normal normal normal 14px/1 FontAwesome;
  9923. font-size: inherit;
  9924. text-rendering: auto;
  9925. -webkit-font-smoothing: antialiased;
  9926. -moz-osx-font-smoothing: grayscale;
  9927. content: "\f02d";
  9928. position: relative;
  9929. top: -1px;
  9930. }
  9931. .notebook_icon:before.fa-pull-left {
  9932. margin-right: .3em;
  9933. }
  9934. .notebook_icon:before.fa-pull-right {
  9935. margin-left: .3em;
  9936. }
  9937. .notebook_icon:before.pull-left {
  9938. margin-right: .3em;
  9939. }
  9940. .notebook_icon:before.pull-right {
  9941. margin-left: .3em;
  9942. }
  9943. .running_notebook_icon:before {
  9944. display: inline-block;
  9945. font: normal normal normal 14px/1 FontAwesome;
  9946. font-size: inherit;
  9947. text-rendering: auto;
  9948. -webkit-font-smoothing: antialiased;
  9949. -moz-osx-font-smoothing: grayscale;
  9950. content: "\f02d";
  9951. position: relative;
  9952. top: -1px;
  9953. color: #5cb85c;
  9954. }
  9955. .running_notebook_icon:before.fa-pull-left {
  9956. margin-right: .3em;
  9957. }
  9958. .running_notebook_icon:before.fa-pull-right {
  9959. margin-left: .3em;
  9960. }
  9961. .running_notebook_icon:before.pull-left {
  9962. margin-right: .3em;
  9963. }
  9964. .running_notebook_icon:before.pull-right {
  9965. margin-left: .3em;
  9966. }
  9967. .file_icon:before {
  9968. display: inline-block;
  9969. font: normal normal normal 14px/1 FontAwesome;
  9970. font-size: inherit;
  9971. text-rendering: auto;
  9972. -webkit-font-smoothing: antialiased;
  9973. -moz-osx-font-smoothing: grayscale;
  9974. content: "\f016";
  9975. position: relative;
  9976. top: -2px;
  9977. }
  9978. .file_icon:before.fa-pull-left {
  9979. margin-right: .3em;
  9980. }
  9981. .file_icon:before.fa-pull-right {
  9982. margin-left: .3em;
  9983. }
  9984. .file_icon:before.pull-left {
  9985. margin-right: .3em;
  9986. }
  9987. .file_icon:before.pull-right {
  9988. margin-left: .3em;
  9989. }
  9990. #notebook_toolbar .pull-right {
  9991. padding-top: 0px;
  9992. margin-right: -1px;
  9993. }
  9994. ul#new-menu {
  9995. left: auto;
  9996. right: 0;
  9997. }
  9998. #new-menu .dropdown-header {
  9999. font-size: 10px;
  10000. border-bottom: 1px solid #e5e5e5;
  10001. padding: 0 0 3px;
  10002. margin: -3px 20px 0;
  10003. }
  10004. .kernel-menu-icon {
  10005. padding-right: 12px;
  10006. width: 24px;
  10007. content: "\f096";
  10008. }
  10009. .kernel-menu-icon:before {
  10010. content: "\f096";
  10011. }
  10012. .kernel-menu-icon-current:before {
  10013. content: "\f00c";
  10014. }
  10015. #tab_content {
  10016. padding-top: 20px;
  10017. }
  10018. #running .panel-group .panel {
  10019. margin-top: 3px;
  10020. margin-bottom: 1em;
  10021. }
  10022. #running .panel-group .panel .panel-heading {
  10023. background-color: #EEE;
  10024. padding-top: 4px;
  10025. padding-bottom: 4px;
  10026. padding-left: 7px;
  10027. padding-right: 7px;
  10028. line-height: 22px;
  10029. }
  10030. #running .panel-group .panel .panel-heading a:focus,
  10031. #running .panel-group .panel .panel-heading a:hover {
  10032. text-decoration: none;
  10033. }
  10034. #running .panel-group .panel .panel-body {
  10035. padding: 0px;
  10036. }
  10037. #running .panel-group .panel .panel-body .list_container {
  10038. margin-top: 0px;
  10039. margin-bottom: 0px;
  10040. border: 0px;
  10041. border-radius: 0px;
  10042. }
  10043. #running .panel-group .panel .panel-body .list_container .list_item {
  10044. border-bottom: 1px solid #ddd;
  10045. }
  10046. #running .panel-group .panel .panel-body .list_container .list_item:last-child {
  10047. border-bottom: 0px;
  10048. }
  10049. .delete-button {
  10050. display: none;
  10051. }
  10052. .duplicate-button {
  10053. display: none;
  10054. }
  10055. .rename-button {
  10056. display: none;
  10057. }
  10058. .move-button {
  10059. display: none;
  10060. }
  10061. .download-button {
  10062. display: none;
  10063. }
  10064. .shutdown-button {
  10065. display: none;
  10066. }
  10067. .dynamic-instructions {
  10068. display: inline-block;
  10069. padding-top: 4px;
  10070. }
  10071. /*!
  10072. *
  10073. * IPython text editor webapp
  10074. *
  10075. */
  10076. .selected-keymap i.fa {
  10077. padding: 0px 5px;
  10078. }
  10079. .selected-keymap i.fa:before {
  10080. content: "\f00c";
  10081. }
  10082. #mode-menu {
  10083. overflow: auto;
  10084. max-height: 20em;
  10085. }
  10086. .edit_app #header {
  10087. -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  10088. box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  10089. }
  10090. .edit_app #menubar .navbar {
  10091. /* Use a negative 1 bottom margin, so the border overlaps the border of the
  10092. header */
  10093. margin-bottom: -1px;
  10094. }
  10095. .dirty-indicator {
  10096. display: inline-block;
  10097. font: normal normal normal 14px/1 FontAwesome;
  10098. font-size: inherit;
  10099. text-rendering: auto;
  10100. -webkit-font-smoothing: antialiased;
  10101. -moz-osx-font-smoothing: grayscale;
  10102. width: 20px;
  10103. }
  10104. .dirty-indicator.fa-pull-left {
  10105. margin-right: .3em;
  10106. }
  10107. .dirty-indicator.fa-pull-right {
  10108. margin-left: .3em;
  10109. }
  10110. .dirty-indicator.pull-left {
  10111. margin-right: .3em;
  10112. }
  10113. .dirty-indicator.pull-right {
  10114. margin-left: .3em;
  10115. }
  10116. .dirty-indicator-dirty {
  10117. display: inline-block;
  10118. font: normal normal normal 14px/1 FontAwesome;
  10119. font-size: inherit;
  10120. text-rendering: auto;
  10121. -webkit-font-smoothing: antialiased;
  10122. -moz-osx-font-smoothing: grayscale;
  10123. width: 20px;
  10124. }
  10125. .dirty-indicator-dirty.fa-pull-left {
  10126. margin-right: .3em;
  10127. }
  10128. .dirty-indicator-dirty.fa-pull-right {
  10129. margin-left: .3em;
  10130. }
  10131. .dirty-indicator-dirty.pull-left {
  10132. margin-right: .3em;
  10133. }
  10134. .dirty-indicator-dirty.pull-right {
  10135. margin-left: .3em;
  10136. }
  10137. .dirty-indicator-clean {
  10138. display: inline-block;
  10139. font: normal normal normal 14px/1 FontAwesome;
  10140. font-size: inherit;
  10141. text-rendering: auto;
  10142. -webkit-font-smoothing: antialiased;
  10143. -moz-osx-font-smoothing: grayscale;
  10144. width: 20px;
  10145. }
  10146. .dirty-indicator-clean.fa-pull-left {
  10147. margin-right: .3em;
  10148. }
  10149. .dirty-indicator-clean.fa-pull-right {
  10150. margin-left: .3em;
  10151. }
  10152. .dirty-indicator-clean.pull-left {
  10153. margin-right: .3em;
  10154. }
  10155. .dirty-indicator-clean.pull-right {
  10156. margin-left: .3em;
  10157. }
  10158. .dirty-indicator-clean:before {
  10159. display: inline-block;
  10160. font: normal normal normal 14px/1 FontAwesome;
  10161. font-size: inherit;
  10162. text-rendering: auto;
  10163. -webkit-font-smoothing: antialiased;
  10164. -moz-osx-font-smoothing: grayscale;
  10165. content: "\f00c";
  10166. }
  10167. .dirty-indicator-clean:before.fa-pull-left {
  10168. margin-right: .3em;
  10169. }
  10170. .dirty-indicator-clean:before.fa-pull-right {
  10171. margin-left: .3em;
  10172. }
  10173. .dirty-indicator-clean:before.pull-left {
  10174. margin-right: .3em;
  10175. }
  10176. .dirty-indicator-clean:before.pull-right {
  10177. margin-left: .3em;
  10178. }
  10179. #filename {
  10180. font-size: 16pt;
  10181. display: table;
  10182. padding: 0px 5px;
  10183. }
  10184. #current-mode {
  10185. padding-left: 5px;
  10186. padding-right: 5px;
  10187. }
  10188. #texteditor-backdrop {
  10189. padding-top: 20px;
  10190. padding-bottom: 20px;
  10191. }
  10192. @media not print {
  10193. #texteditor-backdrop {
  10194. background-color: #EEE;
  10195. }
  10196. }
  10197. @media print {
  10198. #texteditor-backdrop #texteditor-container .CodeMirror-gutter,
  10199. #texteditor-backdrop #texteditor-container .CodeMirror-gutters {
  10200. background-color: #fff;
  10201. }
  10202. }
  10203. @media not print {
  10204. #texteditor-backdrop #texteditor-container .CodeMirror-gutter,
  10205. #texteditor-backdrop #texteditor-container .CodeMirror-gutters {
  10206. background-color: #fff;
  10207. }
  10208. }
  10209. @media not print {
  10210. #texteditor-backdrop #texteditor-container {
  10211. padding: 0px;
  10212. background-color: #fff;
  10213. -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  10214. box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  10215. }
  10216. }
  10217. .CodeMirror-dialog {
  10218. background-color: #fff;
  10219. }
  10220. /*!
  10221. *
  10222. * IPython notebook
  10223. *
  10224. */
  10225. /* CSS font colors for translated ANSI escape sequences */
  10226. /* The color values are a mix of
  10227. http://www.xcolors.net/dl/baskerville-ivorylight and
  10228. http://www.xcolors.net/dl/euphrasia */
  10229. .ansi-black-fg {
  10230. color: #3E424D;
  10231. }
  10232. .ansi-black-bg {
  10233. background-color: #3E424D;
  10234. }
  10235. .ansi-black-intense-fg {
  10236. color: #282C36;
  10237. }
  10238. .ansi-black-intense-bg {
  10239. background-color: #282C36;
  10240. }
  10241. .ansi-red-fg {
  10242. color: #E75C58;
  10243. }
  10244. .ansi-red-bg {
  10245. background-color: #E75C58;
  10246. }
  10247. .ansi-red-intense-fg {
  10248. color: #B22B31;
  10249. }
  10250. .ansi-red-intense-bg {
  10251. background-color: #B22B31;
  10252. }
  10253. .ansi-green-fg {
  10254. color: #00A250;
  10255. }
  10256. .ansi-green-bg {
  10257. background-color: #00A250;
  10258. }
  10259. .ansi-green-intense-fg {
  10260. color: #007427;
  10261. }
  10262. .ansi-green-intense-bg {
  10263. background-color: #007427;
  10264. }
  10265. .ansi-yellow-fg {
  10266. color: #DDB62B;
  10267. }
  10268. .ansi-yellow-bg {
  10269. background-color: #DDB62B;
  10270. }
  10271. .ansi-yellow-intense-fg {
  10272. color: #B27D12;
  10273. }
  10274. .ansi-yellow-intense-bg {
  10275. background-color: #B27D12;
  10276. }
  10277. .ansi-blue-fg {
  10278. color: #208FFB;
  10279. }
  10280. .ansi-blue-bg {
  10281. background-color: #208FFB;
  10282. }
  10283. .ansi-blue-intense-fg {
  10284. color: #0065CA;
  10285. }
  10286. .ansi-blue-intense-bg {
  10287. background-color: #0065CA;
  10288. }
  10289. .ansi-magenta-fg {
  10290. color: #D160C4;
  10291. }
  10292. .ansi-magenta-bg {
  10293. background-color: #D160C4;
  10294. }
  10295. .ansi-magenta-intense-fg {
  10296. color: #A03196;
  10297. }
  10298. .ansi-magenta-intense-bg {
  10299. background-color: #A03196;
  10300. }
  10301. .ansi-cyan-fg {
  10302. color: #60C6C8;
  10303. }
  10304. .ansi-cyan-bg {
  10305. background-color: #60C6C8;
  10306. }
  10307. .ansi-cyan-intense-fg {
  10308. color: #258F8F;
  10309. }
  10310. .ansi-cyan-intense-bg {
  10311. background-color: #258F8F;
  10312. }
  10313. .ansi-white-fg {
  10314. color: #C5C1B4;
  10315. }
  10316. .ansi-white-bg {
  10317. background-color: #C5C1B4;
  10318. }
  10319. .ansi-white-intense-fg {
  10320. color: #A1A6B2;
  10321. }
  10322. .ansi-white-intense-bg {
  10323. background-color: #A1A6B2;
  10324. }
  10325. .ansi-default-inverse-fg {
  10326. color: #FFFFFF;
  10327. }
  10328. .ansi-default-inverse-bg {
  10329. background-color: #000000;
  10330. }
  10331. .ansi-bold {
  10332. font-weight: bold;
  10333. }
  10334. .ansi-underline {
  10335. text-decoration: underline;
  10336. }
  10337. /* The following styles are deprecated an will be removed in a future version */
  10338. .ansibold {
  10339. font-weight: bold;
  10340. }
  10341. .ansi-inverse {
  10342. outline: 0.5px dotted;
  10343. }
  10344. /* use dark versions for foreground, to improve visibility */
  10345. .ansiblack {
  10346. color: black;
  10347. }
  10348. .ansired {
  10349. color: darkred;
  10350. }
  10351. .ansigreen {
  10352. color: darkgreen;
  10353. }
  10354. .ansiyellow {
  10355. color: #c4a000;
  10356. }
  10357. .ansiblue {
  10358. color: darkblue;
  10359. }
  10360. .ansipurple {
  10361. color: darkviolet;
  10362. }
  10363. .ansicyan {
  10364. color: steelblue;
  10365. }
  10366. .ansigray {
  10367. color: gray;
  10368. }
  10369. /* and light for background, for the same reason */
  10370. .ansibgblack {
  10371. background-color: black;
  10372. }
  10373. .ansibgred {
  10374. background-color: red;
  10375. }
  10376. .ansibggreen {
  10377. background-color: green;
  10378. }
  10379. .ansibgyellow {
  10380. background-color: yellow;
  10381. }
  10382. .ansibgblue {
  10383. background-color: blue;
  10384. }
  10385. .ansibgpurple {
  10386. background-color: magenta;
  10387. }
  10388. .ansibgcyan {
  10389. background-color: cyan;
  10390. }
  10391. .ansibggray {
  10392. background-color: gray;
  10393. }
  10394. div.cell {
  10395. /* Old browsers */
  10396. display: -webkit-box;
  10397. -webkit-box-orient: vertical;
  10398. -webkit-box-align: stretch;
  10399. display: -moz-box;
  10400. -moz-box-orient: vertical;
  10401. -moz-box-align: stretch;
  10402. display: box;
  10403. box-orient: vertical;
  10404. box-align: stretch;
  10405. /* Modern browsers */
  10406. display: flex;
  10407. flex-direction: column;
  10408. align-items: stretch;
  10409. border-radius: 2px;
  10410. box-sizing: border-box;
  10411. -moz-box-sizing: border-box;
  10412. -webkit-box-sizing: border-box;
  10413. border-width: 1px;
  10414. border-style: solid;
  10415. border-color: transparent;
  10416. width: 100%;
  10417. padding: 5px;
  10418. /* This acts as a spacer between cells, that is outside the border */
  10419. margin: 0px;
  10420. outline: none;
  10421. position: relative;
  10422. overflow: visible;
  10423. }
  10424. div.cell:before {
  10425. position: absolute;
  10426. display: block;
  10427. top: -1px;
  10428. left: -1px;
  10429. width: 5px;
  10430. height: calc(100% + 2px);
  10431. content: '';
  10432. background: transparent;
  10433. }
  10434. div.cell.jupyter-soft-selected {
  10435. border-left-color: #E3F2FD;
  10436. border-left-width: 1px;
  10437. padding-left: 5px;
  10438. border-right-color: #E3F2FD;
  10439. border-right-width: 1px;
  10440. background: #E3F2FD;
  10441. }
  10442. @media print {
  10443. div.cell.jupyter-soft-selected {
  10444. border-color: transparent;
  10445. }
  10446. }
  10447. div.cell.selected,
  10448. div.cell.selected.jupyter-soft-selected {
  10449. border-color: #ababab;
  10450. }
  10451. div.cell.selected:before,
  10452. div.cell.selected.jupyter-soft-selected:before {
  10453. position: absolute;
  10454. display: block;
  10455. top: -1px;
  10456. left: -1px;
  10457. width: 5px;
  10458. height: calc(100% + 2px);
  10459. content: '';
  10460. background: #42A5F5;
  10461. }
  10462. @media print {
  10463. div.cell.selected,
  10464. div.cell.selected.jupyter-soft-selected {
  10465. border-color: transparent;
  10466. }
  10467. }
  10468. .edit_mode div.cell.selected {
  10469. border-color: #66BB6A;
  10470. }
  10471. .edit_mode div.cell.selected:before {
  10472. position: absolute;
  10473. display: block;
  10474. top: -1px;
  10475. left: -1px;
  10476. width: 5px;
  10477. height: calc(100% + 2px);
  10478. content: '';
  10479. background: #66BB6A;
  10480. }
  10481. @media print {
  10482. .edit_mode div.cell.selected {
  10483. border-color: transparent;
  10484. }
  10485. }
  10486. .prompt {
  10487. /* This needs to be wide enough for 3 digit prompt numbers: In[100]: */
  10488. min-width: 14ex;
  10489. /* This padding is tuned to match the padding on the CodeMirror editor. */
  10490. padding: 0.4em;
  10491. margin: 0px;
  10492. font-family: monospace;
  10493. text-align: right;
  10494. /* This has to match that of the the CodeMirror class line-height below */
  10495. line-height: 1.21429em;
  10496. /* Don't highlight prompt number selection */
  10497. -webkit-touch-callout: none;
  10498. -webkit-user-select: none;
  10499. -khtml-user-select: none;
  10500. -moz-user-select: none;
  10501. -ms-user-select: none;
  10502. user-select: none;
  10503. /* Use default cursor */
  10504. cursor: default;
  10505. }
  10506. @media (max-width: 540px) {
  10507. .prompt {
  10508. text-align: left;
  10509. }
  10510. }
  10511. div.inner_cell {
  10512. min-width: 0;
  10513. /* Old browsers */
  10514. display: -webkit-box;
  10515. -webkit-box-orient: vertical;
  10516. -webkit-box-align: stretch;
  10517. display: -moz-box;
  10518. -moz-box-orient: vertical;
  10519. -moz-box-align: stretch;
  10520. display: box;
  10521. box-orient: vertical;
  10522. box-align: stretch;
  10523. /* Modern browsers */
  10524. display: flex;
  10525. flex-direction: column;
  10526. align-items: stretch;
  10527. /* Old browsers */
  10528. -webkit-box-flex: 1;
  10529. -moz-box-flex: 1;
  10530. box-flex: 1;
  10531. /* Modern browsers */
  10532. flex: 1;
  10533. }
  10534. /* input_area and input_prompt must match in top border and margin for alignment */
  10535. div.input_area {
  10536. border: 1px solid #cfcfcf;
  10537. border-radius: 2px;
  10538. background: #f7f7f7;
  10539. line-height: 1.21429em;
  10540. }
  10541. /* This is needed so that empty prompt areas can collapse to zero height when there
  10542. is no content in the output_subarea and the prompt. The main purpose of this is
  10543. to make sure that empty JavaScript output_subareas have no height. */
  10544. div.prompt:empty {
  10545. padding-top: 0;
  10546. padding-bottom: 0;
  10547. }
  10548. div.unrecognized_cell {
  10549. padding: 5px 5px 5px 0px;
  10550. /* Old browsers */
  10551. display: -webkit-box;
  10552. -webkit-box-orient: horizontal;
  10553. -webkit-box-align: stretch;
  10554. display: -moz-box;
  10555. -moz-box-orient: horizontal;
  10556. -moz-box-align: stretch;
  10557. display: box;
  10558. box-orient: horizontal;
  10559. box-align: stretch;
  10560. /* Modern browsers */
  10561. display: flex;
  10562. flex-direction: row;
  10563. align-items: stretch;
  10564. }
  10565. div.unrecognized_cell .inner_cell {
  10566. border-radius: 2px;
  10567. padding: 5px;
  10568. font-weight: bold;
  10569. color: red;
  10570. border: 1px solid #cfcfcf;
  10571. background: #eaeaea;
  10572. }
  10573. div.unrecognized_cell .inner_cell a {
  10574. color: inherit;
  10575. text-decoration: none;
  10576. }
  10577. div.unrecognized_cell .inner_cell a:hover {
  10578. color: inherit;
  10579. text-decoration: none;
  10580. }
  10581. @media (max-width: 540px) {
  10582. div.unrecognized_cell > div.prompt {
  10583. display: none;
  10584. }
  10585. }
  10586. div.code_cell {
  10587. /* avoid page breaking on code cells when printing */
  10588. }
  10589. @media print {
  10590. div.code_cell {
  10591. page-break-inside: avoid;
  10592. }
  10593. }
  10594. /* any special styling for code cells that are currently running goes here */
  10595. div.input {
  10596. page-break-inside: avoid;
  10597. /* Old browsers */
  10598. display: -webkit-box;
  10599. -webkit-box-orient: horizontal;
  10600. -webkit-box-align: stretch;
  10601. display: -moz-box;
  10602. -moz-box-orient: horizontal;
  10603. -moz-box-align: stretch;
  10604. display: box;
  10605. box-orient: horizontal;
  10606. box-align: stretch;
  10607. /* Modern browsers */
  10608. display: flex;
  10609. flex-direction: row;
  10610. align-items: stretch;
  10611. }
  10612. @media (max-width: 540px) {
  10613. div.input {
  10614. /* Old browsers */
  10615. display: -webkit-box;
  10616. -webkit-box-orient: vertical;
  10617. -webkit-box-align: stretch;
  10618. display: -moz-box;
  10619. -moz-box-orient: vertical;
  10620. -moz-box-align: stretch;
  10621. display: box;
  10622. box-orient: vertical;
  10623. box-align: stretch;
  10624. /* Modern browsers */
  10625. display: flex;
  10626. flex-direction: column;
  10627. align-items: stretch;
  10628. }
  10629. }
  10630. /* input_area and input_prompt must match in top border and margin for alignment */
  10631. div.input_prompt {
  10632. color: #303F9F;
  10633. border-top: 1px solid transparent;
  10634. }
  10635. div.input_area > div.highlight {
  10636. margin: 0.4em;
  10637. border: none;
  10638. padding: 0px;
  10639. background-color: transparent;
  10640. }
  10641. div.input_area > div.highlight > pre {
  10642. margin: 0px;
  10643. border: none;
  10644. padding: 0px;
  10645. background-color: transparent;
  10646. }
  10647. /* The following gets added to the <head> if it is detected that the user has a
  10648. * monospace font with inconsistent normal/bold/italic height. See
  10649. * notebookmain.js. Such fonts will have keywords vertically offset with
  10650. * respect to the rest of the text. The user should select a better font.
  10651. * See: https://github.com/ipython/ipython/issues/1503
  10652. *
  10653. * .CodeMirror span {
  10654. * vertical-align: bottom;
  10655. * }
  10656. */
  10657. .CodeMirror {
  10658. line-height: 1.21429em;
  10659. /* Changed from 1em to our global default */
  10660. font-size: 14px;
  10661. height: auto;
  10662. /* Changed to auto to autogrow */
  10663. background: none;
  10664. /* Changed from white to allow our bg to show through */
  10665. }
  10666. .CodeMirror-scroll {
  10667. /* The CodeMirror docs are a bit fuzzy on if overflow-y should be hidden or visible.*/
  10668. /* We have found that if it is visible, vertical scrollbars appear with font size changes.*/
  10669. overflow-y: hidden;
  10670. overflow-x: auto;
  10671. }
  10672. .CodeMirror-lines {
  10673. /* In CM2, this used to be 0.4em, but in CM3 it went to 4px. We need the em value because */
  10674. /* we have set a different line-height and want this to scale with that. */
  10675. /* Note that this should set vertical padding only, since CodeMirror assumes
  10676. that horizontal padding will be set on CodeMirror pre */
  10677. padding: 0.4em 0;
  10678. }
  10679. .CodeMirror-linenumber {
  10680. padding: 0 8px 0 4px;
  10681. }
  10682. .CodeMirror-gutters {
  10683. border-bottom-left-radius: 2px;
  10684. border-top-left-radius: 2px;
  10685. }
  10686. .CodeMirror pre {
  10687. /* In CM3 this went to 4px from 0 in CM2. This sets horizontal padding only,
  10688. use .CodeMirror-lines for vertical */
  10689. padding: 0 0.4em;
  10690. border: 0;
  10691. border-radius: 0;
  10692. }
  10693. .CodeMirror-cursor {
  10694. border-left: 1.4px solid black;
  10695. }
  10696. @media screen and (min-width: 2138px) and (max-width: 4319px) {
  10697. .CodeMirror-cursor {
  10698. border-left: 2px solid black;
  10699. }
  10700. }
  10701. @media screen and (min-width: 4320px) {
  10702. .CodeMirror-cursor {
  10703. border-left: 4px solid black;
  10704. }
  10705. }
  10706. /*
  10707. Original style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>
  10708. Adapted from GitHub theme
  10709. */
  10710. .highlight-base {
  10711. color: #000;
  10712. }
  10713. .highlight-variable {
  10714. color: #000;
  10715. }
  10716. .highlight-variable-2 {
  10717. color: #1a1a1a;
  10718. }
  10719. .highlight-variable-3 {
  10720. color: #333333;
  10721. }
  10722. .highlight-string {
  10723. color: #BA2121;
  10724. }
  10725. .highlight-comment {
  10726. color: #408080;
  10727. font-style: italic;
  10728. }
  10729. .highlight-number {
  10730. color: #080;
  10731. }
  10732. .highlight-atom {
  10733. color: #88F;
  10734. }
  10735. .highlight-keyword {
  10736. color: #008000;
  10737. font-weight: bold;
  10738. }
  10739. .highlight-builtin {
  10740. color: #008000;
  10741. }
  10742. .highlight-error {
  10743. color: #f00;
  10744. }
  10745. .highlight-operator {
  10746. color: #AA22FF;
  10747. font-weight: bold;
  10748. }
  10749. .highlight-meta {
  10750. color: #AA22FF;
  10751. }
  10752. /* previously not defined, copying from default codemirror */
  10753. .highlight-def {
  10754. color: #00f;
  10755. }
  10756. .highlight-string-2 {
  10757. color: #f50;
  10758. }
  10759. .highlight-qualifier {
  10760. color: #555;
  10761. }
  10762. .highlight-bracket {
  10763. color: #997;
  10764. }
  10765. .highlight-tag {
  10766. color: #170;
  10767. }
  10768. .highlight-attribute {
  10769. color: #00c;
  10770. }
  10771. .highlight-header {
  10772. color: blue;
  10773. }
  10774. .highlight-quote {
  10775. color: #090;
  10776. }
  10777. .highlight-link {
  10778. color: #00c;
  10779. }
  10780. /* apply the same style to codemirror */
  10781. .cm-s-ipython span.cm-keyword {
  10782. color: #008000;
  10783. font-weight: bold;
  10784. }
  10785. .cm-s-ipython span.cm-atom {
  10786. color: #88F;
  10787. }
  10788. .cm-s-ipython span.cm-number {
  10789. color: #080;
  10790. }
  10791. .cm-s-ipython span.cm-def {
  10792. color: #00f;
  10793. }
  10794. .cm-s-ipython span.cm-variable {
  10795. color: #000;
  10796. }
  10797. .cm-s-ipython span.cm-operator {
  10798. color: #AA22FF;
  10799. font-weight: bold;
  10800. }
  10801. .cm-s-ipython span.cm-variable-2 {
  10802. color: #1a1a1a;
  10803. }
  10804. .cm-s-ipython span.cm-variable-3 {
  10805. color: #333333;
  10806. }
  10807. .cm-s-ipython span.cm-comment {
  10808. color: #408080;
  10809. font-style: italic;
  10810. }
  10811. .cm-s-ipython span.cm-string {
  10812. color: #BA2121;
  10813. }
  10814. .cm-s-ipython span.cm-string-2 {
  10815. color: #f50;
  10816. }
  10817. .cm-s-ipython span.cm-meta {
  10818. color: #AA22FF;
  10819. }
  10820. .cm-s-ipython span.cm-qualifier {
  10821. color: #555;
  10822. }
  10823. .cm-s-ipython span.cm-builtin {
  10824. color: #008000;
  10825. }
  10826. .cm-s-ipython span.cm-bracket {
  10827. color: #997;
  10828. }
  10829. .cm-s-ipython span.cm-tag {
  10830. color: #170;
  10831. }
  10832. .cm-s-ipython span.cm-attribute {
  10833. color: #00c;
  10834. }
  10835. .cm-s-ipython span.cm-header {
  10836. color: blue;
  10837. }
  10838. .cm-s-ipython span.cm-quote {
  10839. color: #090;
  10840. }
  10841. .cm-s-ipython span.cm-link {
  10842. color: #00c;
  10843. }
  10844. .cm-s-ipython span.cm-error {
  10845. color: #f00;
  10846. }
  10847. .cm-s-ipython span.cm-tab {
  10848. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);
  10849. background-position: right;
  10850. background-repeat: no-repeat;
  10851. }
  10852. div.output_wrapper {
  10853. /* this position must be relative to enable descendents to be absolute within it */
  10854. position: relative;
  10855. /* Old browsers */
  10856. display: -webkit-box;
  10857. -webkit-box-orient: vertical;
  10858. -webkit-box-align: stretch;
  10859. display: -moz-box;
  10860. -moz-box-orient: vertical;
  10861. -moz-box-align: stretch;
  10862. display: box;
  10863. box-orient: vertical;
  10864. box-align: stretch;
  10865. /* Modern browsers */
  10866. display: flex;
  10867. flex-direction: column;
  10868. align-items: stretch;
  10869. z-index: 1;
  10870. }
  10871. /* class for the output area when it should be height-limited */
  10872. div.output_scroll {
  10873. /* ideally, this would be max-height, but FF barfs all over that */
  10874. height: 24em;
  10875. /* FF needs this *and the wrapper* to specify full width, or it will shrinkwrap */
  10876. width: 100%;
  10877. overflow: auto;
  10878. border-radius: 2px;
  10879. -webkit-box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8);
  10880. box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8);
  10881. display: block;
  10882. }
  10883. /* output div while it is collapsed */
  10884. div.output_collapsed {
  10885. margin: 0px;
  10886. padding: 0px;
  10887. /* Old browsers */
  10888. display: -webkit-box;
  10889. -webkit-box-orient: vertical;
  10890. -webkit-box-align: stretch;
  10891. display: -moz-box;
  10892. -moz-box-orient: vertical;
  10893. -moz-box-align: stretch;
  10894. display: box;
  10895. box-orient: vertical;
  10896. box-align: stretch;
  10897. /* Modern browsers */
  10898. display: flex;
  10899. flex-direction: column;
  10900. align-items: stretch;
  10901. }
  10902. div.out_prompt_overlay {
  10903. height: 100%;
  10904. padding: 0px 0.4em;
  10905. position: absolute;
  10906. border-radius: 2px;
  10907. }
  10908. div.out_prompt_overlay:hover {
  10909. /* use inner shadow to get border that is computed the same on WebKit/FF */
  10910. -webkit-box-shadow: inset 0 0 1px #000;
  10911. box-shadow: inset 0 0 1px #000;
  10912. background: rgba(240, 240, 240, 0.5);
  10913. }
  10914. div.output_prompt {
  10915. color: #D84315;
  10916. }
  10917. /* This class is the outer container of all output sections. */
  10918. div.output_area {
  10919. padding: 0px;
  10920. page-break-inside: avoid;
  10921. /* Old browsers */
  10922. display: -webkit-box;
  10923. -webkit-box-orient: horizontal;
  10924. -webkit-box-align: stretch;
  10925. display: -moz-box;
  10926. -moz-box-orient: horizontal;
  10927. -moz-box-align: stretch;
  10928. display: box;
  10929. box-orient: horizontal;
  10930. box-align: stretch;
  10931. /* Modern browsers */
  10932. display: flex;
  10933. flex-direction: row;
  10934. align-items: stretch;
  10935. }
  10936. div.output_area .MathJax_Display {
  10937. text-align: left !important;
  10938. }
  10939. div.output_area .rendered_html table {
  10940. margin-left: 0;
  10941. margin-right: 0;
  10942. }
  10943. div.output_area .rendered_html img {
  10944. margin-left: 0;
  10945. margin-right: 0;
  10946. }
  10947. div.output_area img,
  10948. div.output_area svg {
  10949. max-width: 100%;
  10950. height: auto;
  10951. }
  10952. div.output_area img.unconfined,
  10953. div.output_area svg.unconfined {
  10954. max-width: none;
  10955. }
  10956. div.output_area .mglyph > img {
  10957. max-width: none;
  10958. }
  10959. /* This is needed to protect the pre formating from global settings such
  10960. as that of bootstrap */
  10961. .output {
  10962. /* Old browsers */
  10963. display: -webkit-box;
  10964. -webkit-box-orient: vertical;
  10965. -webkit-box-align: stretch;
  10966. display: -moz-box;
  10967. -moz-box-orient: vertical;
  10968. -moz-box-align: stretch;
  10969. display: box;
  10970. box-orient: vertical;
  10971. box-align: stretch;
  10972. /* Modern browsers */
  10973. display: flex;
  10974. flex-direction: column;
  10975. align-items: stretch;
  10976. }
  10977. @media (max-width: 540px) {
  10978. div.output_area {
  10979. /* Old browsers */
  10980. display: -webkit-box;
  10981. -webkit-box-orient: vertical;
  10982. -webkit-box-align: stretch;
  10983. display: -moz-box;
  10984. -moz-box-orient: vertical;
  10985. -moz-box-align: stretch;
  10986. display: box;
  10987. box-orient: vertical;
  10988. box-align: stretch;
  10989. /* Modern browsers */
  10990. display: flex;
  10991. flex-direction: column;
  10992. align-items: stretch;
  10993. }
  10994. }
  10995. div.output_area pre {
  10996. margin: 0;
  10997. padding: 1px 0 1px 0;
  10998. border: 0;
  10999. vertical-align: baseline;
  11000. color: black;
  11001. background-color: transparent;
  11002. border-radius: 0;
  11003. }
  11004. /* This class is for the output subarea inside the output_area and after
  11005. the prompt div. */
  11006. div.output_subarea {
  11007. overflow-x: auto;
  11008. padding: 0.4em;
  11009. /* Old browsers */
  11010. -webkit-box-flex: 1;
  11011. -moz-box-flex: 1;
  11012. box-flex: 1;
  11013. /* Modern browsers */
  11014. flex: 1;
  11015. max-width: calc(100% - 14ex);
  11016. }
  11017. div.output_scroll div.output_subarea {
  11018. overflow-x: visible;
  11019. }
  11020. /* The rest of the output_* classes are for special styling of the different
  11021. output types */
  11022. /* all text output has this class: */
  11023. div.output_text {
  11024. text-align: left;
  11025. color: #000;
  11026. /* This has to match that of the the CodeMirror class line-height below */
  11027. line-height: 1.21429em;
  11028. }
  11029. /* stdout/stderr are 'text' as well as 'stream', but execute_result/error are *not* streams */
  11030. div.output_stderr {
  11031. background: #fdd;
  11032. /* very light red background for stderr */
  11033. }
  11034. div.output_latex {
  11035. text-align: left;
  11036. }
  11037. /* Empty output_javascript divs should have no height */
  11038. div.output_javascript:empty {
  11039. padding: 0;
  11040. }
  11041. .js-error {
  11042. color: darkred;
  11043. }
  11044. /* raw_input styles */
  11045. div.raw_input_container {
  11046. line-height: 1.21429em;
  11047. padding-top: 5px;
  11048. }
  11049. pre.raw_input_prompt {
  11050. /* nothing needed here. */
  11051. }
  11052. input.raw_input {
  11053. font-family: monospace;
  11054. font-size: inherit;
  11055. color: inherit;
  11056. width: auto;
  11057. /* make sure input baseline aligns with prompt */
  11058. vertical-align: baseline;
  11059. /* padding + margin = 0.5em between prompt and cursor */
  11060. padding: 0em 0.25em;
  11061. margin: 0em 0.25em;
  11062. }
  11063. input.raw_input:focus {
  11064. box-shadow: none;
  11065. }
  11066. p.p-space {
  11067. margin-bottom: 10px;
  11068. }
  11069. div.output_unrecognized {
  11070. padding: 5px;
  11071. font-weight: bold;
  11072. color: red;
  11073. }
  11074. div.output_unrecognized a {
  11075. color: inherit;
  11076. text-decoration: none;
  11077. }
  11078. div.output_unrecognized a:hover {
  11079. color: inherit;
  11080. text-decoration: none;
  11081. }
  11082. .rendered_html {
  11083. color: #000;
  11084. /* any extras will just be numbers: */
  11085. }
  11086. .rendered_html em {
  11087. font-style: italic;
  11088. }
  11089. .rendered_html strong {
  11090. font-weight: bold;
  11091. }
  11092. .rendered_html u {
  11093. text-decoration: underline;
  11094. }
  11095. .rendered_html :link {
  11096. text-decoration: underline;
  11097. }
  11098. .rendered_html :visited {
  11099. text-decoration: underline;
  11100. }
  11101. .rendered_html h1 {
  11102. font-size: 185.7%;
  11103. margin: 1.08em 0 0 0;
  11104. font-weight: bold;
  11105. line-height: 1.0;
  11106. }
  11107. .rendered_html h2 {
  11108. font-size: 157.1%;
  11109. margin: 1.27em 0 0 0;
  11110. font-weight: bold;
  11111. line-height: 1.0;
  11112. }
  11113. .rendered_html h3 {
  11114. font-size: 128.6%;
  11115. margin: 1.55em 0 0 0;
  11116. font-weight: bold;
  11117. line-height: 1.0;
  11118. }
  11119. .rendered_html h4 {
  11120. font-size: 100%;
  11121. margin: 2em 0 0 0;
  11122. font-weight: bold;
  11123. line-height: 1.0;
  11124. }
  11125. .rendered_html h5 {
  11126. font-size: 100%;
  11127. margin: 2em 0 0 0;
  11128. font-weight: bold;
  11129. line-height: 1.0;
  11130. font-style: italic;
  11131. }
  11132. .rendered_html h6 {
  11133. font-size: 100%;
  11134. margin: 2em 0 0 0;
  11135. font-weight: bold;
  11136. line-height: 1.0;
  11137. font-style: italic;
  11138. }
  11139. .rendered_html h1:first-child {
  11140. margin-top: 0.538em;
  11141. }
  11142. .rendered_html h2:first-child {
  11143. margin-top: 0.636em;
  11144. }
  11145. .rendered_html h3:first-child {
  11146. margin-top: 0.777em;
  11147. }
  11148. .rendered_html h4:first-child {
  11149. margin-top: 1em;
  11150. }
  11151. .rendered_html h5:first-child {
  11152. margin-top: 1em;
  11153. }
  11154. .rendered_html h6:first-child {
  11155. margin-top: 1em;
  11156. }
  11157. .rendered_html ul:not(.list-inline),
  11158. .rendered_html ol:not(.list-inline) {
  11159. padding-left: 2em;
  11160. }
  11161. .rendered_html ul {
  11162. list-style: disc;
  11163. }
  11164. .rendered_html ul ul {
  11165. list-style: square;
  11166. margin-top: 0;
  11167. }
  11168. .rendered_html ul ul ul {
  11169. list-style: circle;
  11170. }
  11171. .rendered_html ol {
  11172. list-style: decimal;
  11173. }
  11174. .rendered_html ol ol {
  11175. list-style: upper-alpha;
  11176. margin-top: 0;
  11177. }
  11178. .rendered_html ol ol ol {
  11179. list-style: lower-alpha;
  11180. }
  11181. .rendered_html ol ol ol ol {
  11182. list-style: lower-roman;
  11183. }
  11184. .rendered_html ol ol ol ol ol {
  11185. list-style: decimal;
  11186. }
  11187. .rendered_html * + ul {
  11188. margin-top: 1em;
  11189. }
  11190. .rendered_html * + ol {
  11191. margin-top: 1em;
  11192. }
  11193. .rendered_html hr {
  11194. color: black;
  11195. background-color: black;
  11196. }
  11197. .rendered_html pre {
  11198. margin: 1em 2em;
  11199. padding: 0px;
  11200. background-color: #fff;
  11201. }
  11202. .rendered_html code {
  11203. background-color: #eff0f1;
  11204. }
  11205. .rendered_html p code {
  11206. padding: 1px 5px;
  11207. }
  11208. .rendered_html pre code {
  11209. background-color: #fff;
  11210. }
  11211. .rendered_html pre,
  11212. .rendered_html code {
  11213. border: 0;
  11214. color: #000;
  11215. font-size: 100%;
  11216. }
  11217. .rendered_html blockquote {
  11218. margin: 1em 2em;
  11219. }
  11220. .rendered_html table {
  11221. margin-left: auto;
  11222. margin-right: auto;
  11223. border: none;
  11224. border-collapse: collapse;
  11225. border-spacing: 0;
  11226. color: black;
  11227. font-size: 12px;
  11228. table-layout: fixed;
  11229. }
  11230. .rendered_html thead {
  11231. border-bottom: 1px solid black;
  11232. vertical-align: bottom;
  11233. }
  11234. .rendered_html tr,
  11235. .rendered_html th,
  11236. .rendered_html td {
  11237. text-align: right;
  11238. vertical-align: middle;
  11239. padding: 0.5em 0.5em;
  11240. line-height: normal;
  11241. white-space: normal;
  11242. max-width: none;
  11243. border: none;
  11244. }
  11245. .rendered_html th {
  11246. font-weight: bold;
  11247. }
  11248. .rendered_html tbody tr:nth-child(odd) {
  11249. background: #f5f5f5;
  11250. }
  11251. .rendered_html tbody tr:hover {
  11252. background: rgba(66, 165, 245, 0.2);
  11253. }
  11254. .rendered_html * + table {
  11255. margin-top: 1em;
  11256. }
  11257. .rendered_html p {
  11258. text-align: left;
  11259. }
  11260. .rendered_html * + p {
  11261. margin-top: 1em;
  11262. }
  11263. .rendered_html img {
  11264. display: block;
  11265. margin-left: auto;
  11266. margin-right: auto;
  11267. }
  11268. .rendered_html * + img {
  11269. margin-top: 1em;
  11270. }
  11271. .rendered_html img,
  11272. .rendered_html svg {
  11273. max-width: 100%;
  11274. height: auto;
  11275. }
  11276. .rendered_html img.unconfined,
  11277. .rendered_html svg.unconfined {
  11278. max-width: none;
  11279. }
  11280. .rendered_html .alert {
  11281. margin-bottom: initial;
  11282. }
  11283. .rendered_html * + .alert {
  11284. margin-top: 1em;
  11285. }
  11286. [dir="rtl"] .rendered_html p {
  11287. text-align: right;
  11288. }
  11289. div.text_cell {
  11290. /* Old browsers */
  11291. display: -webkit-box;
  11292. -webkit-box-orient: horizontal;
  11293. -webkit-box-align: stretch;
  11294. display: -moz-box;
  11295. -moz-box-orient: horizontal;
  11296. -moz-box-align: stretch;
  11297. display: box;
  11298. box-orient: horizontal;
  11299. box-align: stretch;
  11300. /* Modern browsers */
  11301. display: flex;
  11302. flex-direction: row;
  11303. align-items: stretch;
  11304. }
  11305. @media (max-width: 540px) {
  11306. div.text_cell > div.prompt {
  11307. display: none;
  11308. }
  11309. }
  11310. div.text_cell_render {
  11311. /*font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;*/
  11312. outline: none;
  11313. resize: none;
  11314. width: inherit;
  11315. border-style: none;
  11316. padding: 0.5em 0.5em 0.5em 0.4em;
  11317. color: #000;
  11318. box-sizing: border-box;
  11319. -moz-box-sizing: border-box;
  11320. -webkit-box-sizing: border-box;
  11321. }
  11322. a.anchor-link:link {
  11323. text-decoration: none;
  11324. padding: 0px 20px;
  11325. visibility: hidden;
  11326. }
  11327. h1:hover .anchor-link,
  11328. h2:hover .anchor-link,
  11329. h3:hover .anchor-link,
  11330. h4:hover .anchor-link,
  11331. h5:hover .anchor-link,
  11332. h6:hover .anchor-link {
  11333. visibility: visible;
  11334. }
  11335. .text_cell.rendered .input_area {
  11336. display: none;
  11337. }
  11338. .text_cell.rendered .rendered_html {
  11339. overflow-x: auto;
  11340. overflow-y: hidden;
  11341. }
  11342. .text_cell.rendered .rendered_html tr,
  11343. .text_cell.rendered .rendered_html th,
  11344. .text_cell.rendered .rendered_html td {
  11345. max-width: none;
  11346. }
  11347. .text_cell.unrendered .text_cell_render {
  11348. display: none;
  11349. }
  11350. .text_cell .dropzone .input_area {
  11351. border: 2px dashed #bababa;
  11352. margin: -1px;
  11353. }
  11354. .cm-header-1,
  11355. .cm-header-2,
  11356. .cm-header-3,
  11357. .cm-header-4,
  11358. .cm-header-5,
  11359. .cm-header-6 {
  11360. font-weight: bold;
  11361. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  11362. }
  11363. .cm-header-1 {
  11364. font-size: 185.7%;
  11365. }
  11366. .cm-header-2 {
  11367. font-size: 157.1%;
  11368. }
  11369. .cm-header-3 {
  11370. font-size: 128.6%;
  11371. }
  11372. .cm-header-4 {
  11373. font-size: 110%;
  11374. }
  11375. .cm-header-5 {
  11376. font-size: 100%;
  11377. font-style: italic;
  11378. }
  11379. .cm-header-6 {
  11380. font-size: 100%;
  11381. font-style: italic;
  11382. }
  11383. /*!
  11384. *
  11385. * IPython notebook webapp
  11386. *
  11387. */
  11388. @media (max-width: 767px) {
  11389. .notebook_app {
  11390. padding-left: 0px;
  11391. padding-right: 0px;
  11392. }
  11393. }
  11394. #ipython-main-app {
  11395. box-sizing: border-box;
  11396. -moz-box-sizing: border-box;
  11397. -webkit-box-sizing: border-box;
  11398. height: 100%;
  11399. }
  11400. div#notebook_panel {
  11401. margin: 0px;
  11402. padding: 0px;
  11403. box-sizing: border-box;
  11404. -moz-box-sizing: border-box;
  11405. -webkit-box-sizing: border-box;
  11406. height: 100%;
  11407. }
  11408. div#notebook {
  11409. font-size: 14px;
  11410. line-height: 20px;
  11411. overflow-y: hidden;
  11412. overflow-x: auto;
  11413. width: 100%;
  11414. /* This spaces the page away from the edge of the notebook area */
  11415. padding-top: 20px;
  11416. margin: 0px;
  11417. outline: none;
  11418. box-sizing: border-box;
  11419. -moz-box-sizing: border-box;
  11420. -webkit-box-sizing: border-box;
  11421. min-height: 100%;
  11422. }
  11423. @media not print {
  11424. #notebook-container {
  11425. padding: 15px;
  11426. background-color: #fff;
  11427. min-height: 0;
  11428. -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  11429. box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  11430. }
  11431. }
  11432. @media print {
  11433. #notebook-container {
  11434. width: 100%;
  11435. }
  11436. }
  11437. div.ui-widget-content {
  11438. border: 1px solid #ababab;
  11439. outline: none;
  11440. }
  11441. pre.dialog {
  11442. background-color: #f7f7f7;
  11443. border: 1px solid #ddd;
  11444. border-radius: 2px;
  11445. padding: 0.4em;
  11446. padding-left: 2em;
  11447. }
  11448. p.dialog {
  11449. padding: 0.2em;
  11450. }
  11451. /* Word-wrap output correctly. This is the CSS3 spelling, though Firefox seems
  11452. to not honor it correctly. Webkit browsers (Chrome, rekonq, Safari) do.
  11453. */
  11454. pre,
  11455. code,
  11456. kbd,
  11457. samp {
  11458. white-space: pre-wrap;
  11459. }
  11460. #fonttest {
  11461. font-family: monospace;
  11462. }
  11463. p {
  11464. margin-bottom: 0;
  11465. }
  11466. .end_space {
  11467. min-height: 100px;
  11468. transition: height .2s ease;
  11469. }
  11470. .notebook_app > #header {
  11471. -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  11472. box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  11473. }
  11474. @media not print {
  11475. .notebook_app {
  11476. background-color: #EEE;
  11477. }
  11478. }
  11479. kbd {
  11480. border-style: solid;
  11481. border-width: 1px;
  11482. box-shadow: none;
  11483. margin: 2px;
  11484. padding-left: 2px;
  11485. padding-right: 2px;
  11486. padding-top: 1px;
  11487. padding-bottom: 1px;
  11488. }
  11489. .jupyter-keybindings {
  11490. padding: 1px;
  11491. line-height: 24px;
  11492. border-bottom: 1px solid gray;
  11493. }
  11494. .jupyter-keybindings input {
  11495. margin: 0;
  11496. padding: 0;
  11497. border: none;
  11498. }
  11499. .jupyter-keybindings i {
  11500. padding: 6px;
  11501. }
  11502. .well code {
  11503. background-color: #ffffff;
  11504. border-color: #ababab;
  11505. border-width: 1px;
  11506. border-style: solid;
  11507. padding: 2px;
  11508. padding-top: 1px;
  11509. padding-bottom: 1px;
  11510. }
  11511. /* CSS for the cell toolbar */
  11512. .celltoolbar {
  11513. border: thin solid #CFCFCF;
  11514. border-bottom: none;
  11515. background: #EEE;
  11516. border-radius: 2px 2px 0px 0px;
  11517. width: 100%;
  11518. height: 29px;
  11519. padding-right: 4px;
  11520. /* Old browsers */
  11521. display: -webkit-box;
  11522. -webkit-box-orient: horizontal;
  11523. -webkit-box-align: stretch;
  11524. display: -moz-box;
  11525. -moz-box-orient: horizontal;
  11526. -moz-box-align: stretch;
  11527. display: box;
  11528. box-orient: horizontal;
  11529. box-align: stretch;
  11530. /* Modern browsers */
  11531. display: flex;
  11532. flex-direction: row;
  11533. align-items: stretch;
  11534. /* Old browsers */
  11535. -webkit-box-pack: end;
  11536. -moz-box-pack: end;
  11537. box-pack: end;
  11538. /* Modern browsers */
  11539. justify-content: flex-end;
  11540. display: -webkit-flex;
  11541. }
  11542. @media print {
  11543. .celltoolbar {
  11544. display: none;
  11545. }
  11546. }
  11547. .ctb_hideshow {
  11548. display: none;
  11549. vertical-align: bottom;
  11550. }
  11551. /* ctb_show is added to the ctb_hideshow div to show the cell toolbar.
  11552. Cell toolbars are only shown when the ctb_global_show class is also set.
  11553. */
  11554. .ctb_global_show .ctb_show.ctb_hideshow {
  11555. display: block;
  11556. }
  11557. .ctb_global_show .ctb_show + .input_area,
  11558. .ctb_global_show .ctb_show + div.text_cell_input,
  11559. .ctb_global_show .ctb_show ~ div.text_cell_render {
  11560. border-top-right-radius: 0px;
  11561. border-top-left-radius: 0px;
  11562. }
  11563. .ctb_global_show .ctb_show ~ div.text_cell_render {
  11564. border: 1px solid #cfcfcf;
  11565. }
  11566. .celltoolbar {
  11567. font-size: 87%;
  11568. padding-top: 3px;
  11569. }
  11570. .celltoolbar select {
  11571. display: block;
  11572. width: 100%;
  11573. height: 32px;
  11574. padding: 6px 12px;
  11575. font-size: 13px;
  11576. line-height: 1.42857143;
  11577. color: #555555;
  11578. background-color: #fff;
  11579. background-image: none;
  11580. border: 1px solid #ccc;
  11581. border-radius: 2px;
  11582. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  11583. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  11584. -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  11585. -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  11586. transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  11587. height: 30px;
  11588. padding: 5px 10px;
  11589. font-size: 12px;
  11590. line-height: 1.5;
  11591. border-radius: 1px;
  11592. width: inherit;
  11593. font-size: inherit;
  11594. height: 22px;
  11595. padding: 0px;
  11596. display: inline-block;
  11597. }
  11598. .celltoolbar select:focus {
  11599. border-color: #66afe9;
  11600. outline: 0;
  11601. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  11602. box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  11603. }
  11604. .celltoolbar select::-moz-placeholder {
  11605. color: #999;
  11606. opacity: 1;
  11607. }
  11608. .celltoolbar select:-ms-input-placeholder {
  11609. color: #999;
  11610. }
  11611. .celltoolbar select::-webkit-input-placeholder {
  11612. color: #999;
  11613. }
  11614. .celltoolbar select::-ms-expand {
  11615. border: 0;
  11616. background-color: transparent;
  11617. }
  11618. .celltoolbar select[disabled],
  11619. .celltoolbar select[readonly],
  11620. fieldset[disabled] .celltoolbar select {
  11621. background-color: #eeeeee;
  11622. opacity: 1;
  11623. }
  11624. .celltoolbar select[disabled],
  11625. fieldset[disabled] .celltoolbar select {
  11626. cursor: not-allowed;
  11627. }
  11628. textarea.celltoolbar select {
  11629. height: auto;
  11630. }
  11631. select.celltoolbar select {
  11632. height: 30px;
  11633. line-height: 30px;
  11634. }
  11635. textarea.celltoolbar select,
  11636. select[multiple].celltoolbar select {
  11637. height: auto;
  11638. }
  11639. .celltoolbar label {
  11640. margin-left: 5px;
  11641. margin-right: 5px;
  11642. }
  11643. .tags_button_container {
  11644. width: 100%;
  11645. display: flex;
  11646. }
  11647. .tag-container {
  11648. display: flex;
  11649. flex-direction: row;
  11650. flex-grow: 1;
  11651. overflow: hidden;
  11652. position: relative;
  11653. }
  11654. .tag-container > * {
  11655. margin: 0 4px;
  11656. }
  11657. .remove-tag-btn {
  11658. margin-left: 4px;
  11659. }
  11660. .tags-input {
  11661. display: flex;
  11662. }
  11663. .cell-tag:last-child:after {
  11664. content: "";
  11665. position: absolute;
  11666. right: 0;
  11667. width: 40px;
  11668. height: 100%;
  11669. /* Fade to background color of cell toolbar */
  11670. background: linear-gradient(to right, rgba(0, 0, 0, 0), #EEE);
  11671. }
  11672. .tags-input > * {
  11673. margin-left: 4px;
  11674. }
  11675. .cell-tag,
  11676. .tags-input input,
  11677. .tags-input button {
  11678. display: block;
  11679. width: 100%;
  11680. height: 32px;
  11681. padding: 6px 12px;
  11682. font-size: 13px;
  11683. line-height: 1.42857143;
  11684. color: #555555;
  11685. background-color: #fff;
  11686. background-image: none;
  11687. border: 1px solid #ccc;
  11688. border-radius: 2px;
  11689. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  11690. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  11691. -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  11692. -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  11693. transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  11694. height: 30px;
  11695. padding: 5px 10px;
  11696. font-size: 12px;
  11697. line-height: 1.5;
  11698. border-radius: 1px;
  11699. box-shadow: none;
  11700. width: inherit;
  11701. font-size: inherit;
  11702. height: 22px;
  11703. line-height: 22px;
  11704. padding: 0px 4px;
  11705. display: inline-block;
  11706. }
  11707. .cell-tag:focus,
  11708. .tags-input input:focus,
  11709. .tags-input button:focus {
  11710. border-color: #66afe9;
  11711. outline: 0;
  11712. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  11713. box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  11714. }
  11715. .cell-tag::-moz-placeholder,
  11716. .tags-input input::-moz-placeholder,
  11717. .tags-input button::-moz-placeholder {
  11718. color: #999;
  11719. opacity: 1;
  11720. }
  11721. .cell-tag:-ms-input-placeholder,
  11722. .tags-input input:-ms-input-placeholder,
  11723. .tags-input button:-ms-input-placeholder {
  11724. color: #999;
  11725. }
  11726. .cell-tag::-webkit-input-placeholder,
  11727. .tags-input input::-webkit-input-placeholder,
  11728. .tags-input button::-webkit-input-placeholder {
  11729. color: #999;
  11730. }
  11731. .cell-tag::-ms-expand,
  11732. .tags-input input::-ms-expand,
  11733. .tags-input button::-ms-expand {
  11734. border: 0;
  11735. background-color: transparent;
  11736. }
  11737. .cell-tag[disabled],
  11738. .tags-input input[disabled],
  11739. .tags-input button[disabled],
  11740. .cell-tag[readonly],
  11741. .tags-input input[readonly],
  11742. .tags-input button[readonly],
  11743. fieldset[disabled] .cell-tag,
  11744. fieldset[disabled] .tags-input input,
  11745. fieldset[disabled] .tags-input button {
  11746. background-color: #eeeeee;
  11747. opacity: 1;
  11748. }
  11749. .cell-tag[disabled],
  11750. .tags-input input[disabled],
  11751. .tags-input button[disabled],
  11752. fieldset[disabled] .cell-tag,
  11753. fieldset[disabled] .tags-input input,
  11754. fieldset[disabled] .tags-input button {
  11755. cursor: not-allowed;
  11756. }
  11757. textarea.cell-tag,
  11758. textarea.tags-input input,
  11759. textarea.tags-input button {
  11760. height: auto;
  11761. }
  11762. select.cell-tag,
  11763. select.tags-input input,
  11764. select.tags-input button {
  11765. height: 30px;
  11766. line-height: 30px;
  11767. }
  11768. textarea.cell-tag,
  11769. textarea.tags-input input,
  11770. textarea.tags-input button,
  11771. select[multiple].cell-tag,
  11772. select[multiple].tags-input input,
  11773. select[multiple].tags-input button {
  11774. height: auto;
  11775. }
  11776. .cell-tag,
  11777. .tags-input button {
  11778. padding: 0px 4px;
  11779. }
  11780. .cell-tag {
  11781. background-color: #fff;
  11782. white-space: nowrap;
  11783. }
  11784. .tags-input input[type=text]:focus {
  11785. outline: none;
  11786. box-shadow: none;
  11787. border-color: #ccc;
  11788. }
  11789. .completions {
  11790. position: absolute;
  11791. z-index: 110;
  11792. overflow: hidden;
  11793. border: 1px solid #ababab;
  11794. border-radius: 2px;
  11795. -webkit-box-shadow: 0px 6px 10px -1px #adadad;
  11796. box-shadow: 0px 6px 10px -1px #adadad;
  11797. line-height: 1;
  11798. }
  11799. .completions select {
  11800. background: white;
  11801. outline: none;
  11802. border: none;
  11803. padding: 0px;
  11804. margin: 0px;
  11805. overflow: auto;
  11806. font-family: monospace;
  11807. font-size: 110%;
  11808. color: #000;
  11809. width: auto;
  11810. }
  11811. .completions select option.context {
  11812. color: #286090;
  11813. }
  11814. #kernel_logo_widget .current_kernel_logo {
  11815. display: none;
  11816. margin-top: -1px;
  11817. margin-bottom: -1px;
  11818. width: 32px;
  11819. height: 32px;
  11820. }
  11821. [dir="rtl"] #kernel_logo_widget {
  11822. float: left !important;
  11823. float: left;
  11824. }
  11825. .modal .modal-body .move-path {
  11826. display: flex;
  11827. flex-direction: row;
  11828. justify-content: space;
  11829. align-items: center;
  11830. }
  11831. .modal .modal-body .move-path .server-root {
  11832. padding-right: 20px;
  11833. }
  11834. .modal .modal-body .move-path .path-input {
  11835. flex: 1;
  11836. }
  11837. #menubar {
  11838. box-sizing: border-box;
  11839. -moz-box-sizing: border-box;
  11840. -webkit-box-sizing: border-box;
  11841. margin-top: 1px;
  11842. }
  11843. #menubar .navbar {
  11844. border-top: 1px;
  11845. border-radius: 0px 0px 2px 2px;
  11846. margin-bottom: 0px;
  11847. }
  11848. #menubar .navbar-toggle {
  11849. float: left;
  11850. padding-top: 7px;
  11851. padding-bottom: 7px;
  11852. border: none;
  11853. }
  11854. #menubar .navbar-collapse {
  11855. clear: left;
  11856. }
  11857. [dir="rtl"] #menubar .navbar-toggle {
  11858. float: right;
  11859. }
  11860. [dir="rtl"] #menubar .navbar-collapse {
  11861. clear: right;
  11862. }
  11863. [dir="rtl"] #menubar .navbar-nav {
  11864. float: right;
  11865. }
  11866. [dir="rtl"] #menubar .nav {
  11867. padding-right: 0px;
  11868. }
  11869. [dir="rtl"] #menubar .navbar-nav > li {
  11870. float: right;
  11871. }
  11872. [dir="rtl"] #menubar .navbar-right {
  11873. float: left !important;
  11874. }
  11875. [dir="rtl"] ul.dropdown-menu {
  11876. text-align: right;
  11877. left: auto;
  11878. }
  11879. [dir="rtl"] ul#new-menu.dropdown-menu {
  11880. right: auto;
  11881. left: 0;
  11882. }
  11883. .nav-wrapper {
  11884. border-bottom: 1px solid #e7e7e7;
  11885. }
  11886. i.menu-icon {
  11887. padding-top: 4px;
  11888. }
  11889. [dir="rtl"] i.menu-icon.pull-right {
  11890. float: left !important;
  11891. float: left;
  11892. }
  11893. ul#help_menu li a {
  11894. overflow: hidden;
  11895. padding-right: 2.2em;
  11896. }
  11897. ul#help_menu li a i {
  11898. margin-right: -1.2em;
  11899. }
  11900. [dir="rtl"] ul#help_menu li a {
  11901. padding-left: 2.2em;
  11902. }
  11903. [dir="rtl"] ul#help_menu li a i {
  11904. margin-right: 0;
  11905. margin-left: -1.2em;
  11906. }
  11907. [dir="rtl"] ul#help_menu li a i.pull-right {
  11908. float: left !important;
  11909. float: left;
  11910. }
  11911. .dropdown-submenu {
  11912. position: relative;
  11913. }
  11914. .dropdown-submenu > .dropdown-menu {
  11915. top: 0;
  11916. left: 100%;
  11917. margin-top: -6px;
  11918. margin-left: -1px;
  11919. }
  11920. [dir="rtl"] .dropdown-submenu > .dropdown-menu {
  11921. right: 100%;
  11922. margin-right: -1px;
  11923. }
  11924. .dropdown-submenu:hover > .dropdown-menu {
  11925. display: block;
  11926. }
  11927. .dropdown-submenu > a:after {
  11928. display: inline-block;
  11929. font: normal normal normal 14px/1 FontAwesome;
  11930. font-size: inherit;
  11931. text-rendering: auto;
  11932. -webkit-font-smoothing: antialiased;
  11933. -moz-osx-font-smoothing: grayscale;
  11934. display: block;
  11935. content: "\f0da";
  11936. float: right;
  11937. color: #333333;
  11938. margin-top: 2px;
  11939. margin-right: -10px;
  11940. }
  11941. .dropdown-submenu > a:after.fa-pull-left {
  11942. margin-right: .3em;
  11943. }
  11944. .dropdown-submenu > a:after.fa-pull-right {
  11945. margin-left: .3em;
  11946. }
  11947. .dropdown-submenu > a:after.pull-left {
  11948. margin-right: .3em;
  11949. }
  11950. .dropdown-submenu > a:after.pull-right {
  11951. margin-left: .3em;
  11952. }
  11953. [dir="rtl"] .dropdown-submenu > a:after {
  11954. float: left;
  11955. content: "\f0d9";
  11956. margin-right: 0;
  11957. margin-left: -10px;
  11958. }
  11959. .dropdown-submenu:hover > a:after {
  11960. color: #262626;
  11961. }
  11962. .dropdown-submenu.pull-left {
  11963. float: none;
  11964. }
  11965. .dropdown-submenu.pull-left > .dropdown-menu {
  11966. left: -100%;
  11967. margin-left: 10px;
  11968. }
  11969. #notification_area {
  11970. float: right !important;
  11971. float: right;
  11972. z-index: 10;
  11973. }
  11974. [dir="rtl"] #notification_area {
  11975. float: left !important;
  11976. float: left;
  11977. }
  11978. .indicator_area {
  11979. float: right !important;
  11980. float: right;
  11981. color: #777;
  11982. margin-left: 5px;
  11983. margin-right: 5px;
  11984. width: 11px;
  11985. z-index: 10;
  11986. text-align: center;
  11987. width: auto;
  11988. }
  11989. [dir="rtl"] .indicator_area {
  11990. float: left !important;
  11991. float: left;
  11992. }
  11993. #kernel_indicator {
  11994. float: right !important;
  11995. float: right;
  11996. color: #777;
  11997. margin-left: 5px;
  11998. margin-right: 5px;
  11999. width: 11px;
  12000. z-index: 10;
  12001. text-align: center;
  12002. width: auto;
  12003. border-left: 1px solid;
  12004. }
  12005. #kernel_indicator .kernel_indicator_name {
  12006. padding-left: 5px;
  12007. padding-right: 5px;
  12008. }
  12009. [dir="rtl"] #kernel_indicator {
  12010. float: left !important;
  12011. float: left;
  12012. border-left: 0;
  12013. border-right: 1px solid;
  12014. }
  12015. #modal_indicator {
  12016. float: right !important;
  12017. float: right;
  12018. color: #777;
  12019. margin-left: 5px;
  12020. margin-right: 5px;
  12021. width: 11px;
  12022. z-index: 10;
  12023. text-align: center;
  12024. width: auto;
  12025. }
  12026. [dir="rtl"] #modal_indicator {
  12027. float: left !important;
  12028. float: left;
  12029. }
  12030. #readonly-indicator {
  12031. float: right !important;
  12032. float: right;
  12033. color: #777;
  12034. margin-left: 5px;
  12035. margin-right: 5px;
  12036. width: 11px;
  12037. z-index: 10;
  12038. text-align: center;
  12039. width: auto;
  12040. margin-top: 2px;
  12041. margin-bottom: 0px;
  12042. margin-left: 0px;
  12043. margin-right: 0px;
  12044. display: none;
  12045. }
  12046. .modal_indicator:before {
  12047. width: 1.28571429em;
  12048. text-align: center;
  12049. }
  12050. .edit_mode .modal_indicator:before {
  12051. display: inline-block;
  12052. font: normal normal normal 14px/1 FontAwesome;
  12053. font-size: inherit;
  12054. text-rendering: auto;
  12055. -webkit-font-smoothing: antialiased;
  12056. -moz-osx-font-smoothing: grayscale;
  12057. content: "\f040";
  12058. }
  12059. .edit_mode .modal_indicator:before.fa-pull-left {
  12060. margin-right: .3em;
  12061. }
  12062. .edit_mode .modal_indicator:before.fa-pull-right {
  12063. margin-left: .3em;
  12064. }
  12065. .edit_mode .modal_indicator:before.pull-left {
  12066. margin-right: .3em;
  12067. }
  12068. .edit_mode .modal_indicator:before.pull-right {
  12069. margin-left: .3em;
  12070. }
  12071. .command_mode .modal_indicator:before {
  12072. display: inline-block;
  12073. font: normal normal normal 14px/1 FontAwesome;
  12074. font-size: inherit;
  12075. text-rendering: auto;
  12076. -webkit-font-smoothing: antialiased;
  12077. -moz-osx-font-smoothing: grayscale;
  12078. content: ' ';
  12079. }
  12080. .command_mode .modal_indicator:before.fa-pull-left {
  12081. margin-right: .3em;
  12082. }
  12083. .command_mode .modal_indicator:before.fa-pull-right {
  12084. margin-left: .3em;
  12085. }
  12086. .command_mode .modal_indicator:before.pull-left {
  12087. margin-right: .3em;
  12088. }
  12089. .command_mode .modal_indicator:before.pull-right {
  12090. margin-left: .3em;
  12091. }
  12092. .kernel_idle_icon:before {
  12093. display: inline-block;
  12094. font: normal normal normal 14px/1 FontAwesome;
  12095. font-size: inherit;
  12096. text-rendering: auto;
  12097. -webkit-font-smoothing: antialiased;
  12098. -moz-osx-font-smoothing: grayscale;
  12099. content: "\f10c";
  12100. }
  12101. .kernel_idle_icon:before.fa-pull-left {
  12102. margin-right: .3em;
  12103. }
  12104. .kernel_idle_icon:before.fa-pull-right {
  12105. margin-left: .3em;
  12106. }
  12107. .kernel_idle_icon:before.pull-left {
  12108. margin-right: .3em;
  12109. }
  12110. .kernel_idle_icon:before.pull-right {
  12111. margin-left: .3em;
  12112. }
  12113. .kernel_busy_icon:before {
  12114. display: inline-block;
  12115. font: normal normal normal 14px/1 FontAwesome;
  12116. font-size: inherit;
  12117. text-rendering: auto;
  12118. -webkit-font-smoothing: antialiased;
  12119. -moz-osx-font-smoothing: grayscale;
  12120. content: "\f111";
  12121. }
  12122. .kernel_busy_icon:before.fa-pull-left {
  12123. margin-right: .3em;
  12124. }
  12125. .kernel_busy_icon:before.fa-pull-right {
  12126. margin-left: .3em;
  12127. }
  12128. .kernel_busy_icon:before.pull-left {
  12129. margin-right: .3em;
  12130. }
  12131. .kernel_busy_icon:before.pull-right {
  12132. margin-left: .3em;
  12133. }
  12134. .kernel_dead_icon:before {
  12135. display: inline-block;
  12136. font: normal normal normal 14px/1 FontAwesome;
  12137. font-size: inherit;
  12138. text-rendering: auto;
  12139. -webkit-font-smoothing: antialiased;
  12140. -moz-osx-font-smoothing: grayscale;
  12141. content: "\f1e2";
  12142. }
  12143. .kernel_dead_icon:before.fa-pull-left {
  12144. margin-right: .3em;
  12145. }
  12146. .kernel_dead_icon:before.fa-pull-right {
  12147. margin-left: .3em;
  12148. }
  12149. .kernel_dead_icon:before.pull-left {
  12150. margin-right: .3em;
  12151. }
  12152. .kernel_dead_icon:before.pull-right {
  12153. margin-left: .3em;
  12154. }
  12155. .kernel_disconnected_icon:before {
  12156. display: inline-block;
  12157. font: normal normal normal 14px/1 FontAwesome;
  12158. font-size: inherit;
  12159. text-rendering: auto;
  12160. -webkit-font-smoothing: antialiased;
  12161. -moz-osx-font-smoothing: grayscale;
  12162. content: "\f127";
  12163. }
  12164. .kernel_disconnected_icon:before.fa-pull-left {
  12165. margin-right: .3em;
  12166. }
  12167. .kernel_disconnected_icon:before.fa-pull-right {
  12168. margin-left: .3em;
  12169. }
  12170. .kernel_disconnected_icon:before.pull-left {
  12171. margin-right: .3em;
  12172. }
  12173. .kernel_disconnected_icon:before.pull-right {
  12174. margin-left: .3em;
  12175. }
  12176. .notification_widget {
  12177. color: #777;
  12178. z-index: 10;
  12179. background: rgba(240, 240, 240, 0.5);
  12180. margin-right: 4px;
  12181. color: #333;
  12182. background-color: #fff;
  12183. border-color: #ccc;
  12184. }
  12185. .notification_widget:focus,
  12186. .notification_widget.focus {
  12187. color: #333;
  12188. background-color: #e6e6e6;
  12189. border-color: #8c8c8c;
  12190. }
  12191. .notification_widget:hover {
  12192. color: #333;
  12193. background-color: #e6e6e6;
  12194. border-color: #adadad;
  12195. }
  12196. .notification_widget:active,
  12197. .notification_widget.active,
  12198. .open > .dropdown-toggle.notification_widget {
  12199. color: #333;
  12200. background-color: #e6e6e6;
  12201. border-color: #adadad;
  12202. }
  12203. .notification_widget:active:hover,
  12204. .notification_widget.active:hover,
  12205. .open > .dropdown-toggle.notification_widget:hover,
  12206. .notification_widget:active:focus,
  12207. .notification_widget.active:focus,
  12208. .open > .dropdown-toggle.notification_widget:focus,
  12209. .notification_widget:active.focus,
  12210. .notification_widget.active.focus,
  12211. .open > .dropdown-toggle.notification_widget.focus {
  12212. color: #333;
  12213. background-color: #d4d4d4;
  12214. border-color: #8c8c8c;
  12215. }
  12216. .notification_widget:active,
  12217. .notification_widget.active,
  12218. .open > .dropdown-toggle.notification_widget {
  12219. background-image: none;
  12220. }
  12221. .notification_widget.disabled:hover,
  12222. .notification_widget[disabled]:hover,
  12223. fieldset[disabled] .notification_widget:hover,
  12224. .notification_widget.disabled:focus,
  12225. .notification_widget[disabled]:focus,
  12226. fieldset[disabled] .notification_widget:focus,
  12227. .notification_widget.disabled.focus,
  12228. .notification_widget[disabled].focus,
  12229. fieldset[disabled] .notification_widget.focus {
  12230. background-color: #fff;
  12231. border-color: #ccc;
  12232. }
  12233. .notification_widget .badge {
  12234. color: #fff;
  12235. background-color: #333;
  12236. }
  12237. .notification_widget.warning {
  12238. color: #fff;
  12239. background-color: #f0ad4e;
  12240. border-color: #eea236;
  12241. }
  12242. .notification_widget.warning:focus,
  12243. .notification_widget.warning.focus {
  12244. color: #fff;
  12245. background-color: #ec971f;
  12246. border-color: #985f0d;
  12247. }
  12248. .notification_widget.warning:hover {
  12249. color: #fff;
  12250. background-color: #ec971f;
  12251. border-color: #d58512;
  12252. }
  12253. .notification_widget.warning:active,
  12254. .notification_widget.warning.active,
  12255. .open > .dropdown-toggle.notification_widget.warning {
  12256. color: #fff;
  12257. background-color: #ec971f;
  12258. border-color: #d58512;
  12259. }
  12260. .notification_widget.warning:active:hover,
  12261. .notification_widget.warning.active:hover,
  12262. .open > .dropdown-toggle.notification_widget.warning:hover,
  12263. .notification_widget.warning:active:focus,
  12264. .notification_widget.warning.active:focus,
  12265. .open > .dropdown-toggle.notification_widget.warning:focus,
  12266. .notification_widget.warning:active.focus,
  12267. .notification_widget.warning.active.focus,
  12268. .open > .dropdown-toggle.notification_widget.warning.focus {
  12269. color: #fff;
  12270. background-color: #d58512;
  12271. border-color: #985f0d;
  12272. }
  12273. .notification_widget.warning:active,
  12274. .notification_widget.warning.active,
  12275. .open > .dropdown-toggle.notification_widget.warning {
  12276. background-image: none;
  12277. }
  12278. .notification_widget.warning.disabled:hover,
  12279. .notification_widget.warning[disabled]:hover,
  12280. fieldset[disabled] .notification_widget.warning:hover,
  12281. .notification_widget.warning.disabled:focus,
  12282. .notification_widget.warning[disabled]:focus,
  12283. fieldset[disabled] .notification_widget.warning:focus,
  12284. .notification_widget.warning.disabled.focus,
  12285. .notification_widget.warning[disabled].focus,
  12286. fieldset[disabled] .notification_widget.warning.focus {
  12287. background-color: #f0ad4e;
  12288. border-color: #eea236;
  12289. }
  12290. .notification_widget.warning .badge {
  12291. color: #f0ad4e;
  12292. background-color: #fff;
  12293. }
  12294. .notification_widget.success {
  12295. color: #fff;
  12296. background-color: #5cb85c;
  12297. border-color: #4cae4c;
  12298. }
  12299. .notification_widget.success:focus,
  12300. .notification_widget.success.focus {
  12301. color: #fff;
  12302. background-color: #449d44;
  12303. border-color: #255625;
  12304. }
  12305. .notification_widget.success:hover {
  12306. color: #fff;
  12307. background-color: #449d44;
  12308. border-color: #398439;
  12309. }
  12310. .notification_widget.success:active,
  12311. .notification_widget.success.active,
  12312. .open > .dropdown-toggle.notification_widget.success {
  12313. color: #fff;
  12314. background-color: #449d44;
  12315. border-color: #398439;
  12316. }
  12317. .notification_widget.success:active:hover,
  12318. .notification_widget.success.active:hover,
  12319. .open > .dropdown-toggle.notification_widget.success:hover,
  12320. .notification_widget.success:active:focus,
  12321. .notification_widget.success.active:focus,
  12322. .open > .dropdown-toggle.notification_widget.success:focus,
  12323. .notification_widget.success:active.focus,
  12324. .notification_widget.success.active.focus,
  12325. .open > .dropdown-toggle.notification_widget.success.focus {
  12326. color: #fff;
  12327. background-color: #398439;
  12328. border-color: #255625;
  12329. }
  12330. .notification_widget.success:active,
  12331. .notification_widget.success.active,
  12332. .open > .dropdown-toggle.notification_widget.success {
  12333. background-image: none;
  12334. }
  12335. .notification_widget.success.disabled:hover,
  12336. .notification_widget.success[disabled]:hover,
  12337. fieldset[disabled] .notification_widget.success:hover,
  12338. .notification_widget.success.disabled:focus,
  12339. .notification_widget.success[disabled]:focus,
  12340. fieldset[disabled] .notification_widget.success:focus,
  12341. .notification_widget.success.disabled.focus,
  12342. .notification_widget.success[disabled].focus,
  12343. fieldset[disabled] .notification_widget.success.focus {
  12344. background-color: #5cb85c;
  12345. border-color: #4cae4c;
  12346. }
  12347. .notification_widget.success .badge {
  12348. color: #5cb85c;
  12349. background-color: #fff;
  12350. }
  12351. .notification_widget.info {
  12352. color: #fff;
  12353. background-color: #5bc0de;
  12354. border-color: #46b8da;
  12355. }
  12356. .notification_widget.info:focus,
  12357. .notification_widget.info.focus {
  12358. color: #fff;
  12359. background-color: #31b0d5;
  12360. border-color: #1b6d85;
  12361. }
  12362. .notification_widget.info:hover {
  12363. color: #fff;
  12364. background-color: #31b0d5;
  12365. border-color: #269abc;
  12366. }
  12367. .notification_widget.info:active,
  12368. .notification_widget.info.active,
  12369. .open > .dropdown-toggle.notification_widget.info {
  12370. color: #fff;
  12371. background-color: #31b0d5;
  12372. border-color: #269abc;
  12373. }
  12374. .notification_widget.info:active:hover,
  12375. .notification_widget.info.active:hover,
  12376. .open > .dropdown-toggle.notification_widget.info:hover,
  12377. .notification_widget.info:active:focus,
  12378. .notification_widget.info.active:focus,
  12379. .open > .dropdown-toggle.notification_widget.info:focus,
  12380. .notification_widget.info:active.focus,
  12381. .notification_widget.info.active.focus,
  12382. .open > .dropdown-toggle.notification_widget.info.focus {
  12383. color: #fff;
  12384. background-color: #269abc;
  12385. border-color: #1b6d85;
  12386. }
  12387. .notification_widget.info:active,
  12388. .notification_widget.info.active,
  12389. .open > .dropdown-toggle.notification_widget.info {
  12390. background-image: none;
  12391. }
  12392. .notification_widget.info.disabled:hover,
  12393. .notification_widget.info[disabled]:hover,
  12394. fieldset[disabled] .notification_widget.info:hover,
  12395. .notification_widget.info.disabled:focus,
  12396. .notification_widget.info[disabled]:focus,
  12397. fieldset[disabled] .notification_widget.info:focus,
  12398. .notification_widget.info.disabled.focus,
  12399. .notification_widget.info[disabled].focus,
  12400. fieldset[disabled] .notification_widget.info.focus {
  12401. background-color: #5bc0de;
  12402. border-color: #46b8da;
  12403. }
  12404. .notification_widget.info .badge {
  12405. color: #5bc0de;
  12406. background-color: #fff;
  12407. }
  12408. .notification_widget.danger {
  12409. color: #fff;
  12410. background-color: #d9534f;
  12411. border-color: #d43f3a;
  12412. }
  12413. .notification_widget.danger:focus,
  12414. .notification_widget.danger.focus {
  12415. color: #fff;
  12416. background-color: #c9302c;
  12417. border-color: #761c19;
  12418. }
  12419. .notification_widget.danger:hover {
  12420. color: #fff;
  12421. background-color: #c9302c;
  12422. border-color: #ac2925;
  12423. }
  12424. .notification_widget.danger:active,
  12425. .notification_widget.danger.active,
  12426. .open > .dropdown-toggle.notification_widget.danger {
  12427. color: #fff;
  12428. background-color: #c9302c;
  12429. border-color: #ac2925;
  12430. }
  12431. .notification_widget.danger:active:hover,
  12432. .notification_widget.danger.active:hover,
  12433. .open > .dropdown-toggle.notification_widget.danger:hover,
  12434. .notification_widget.danger:active:focus,
  12435. .notification_widget.danger.active:focus,
  12436. .open > .dropdown-toggle.notification_widget.danger:focus,
  12437. .notification_widget.danger:active.focus,
  12438. .notification_widget.danger.active.focus,
  12439. .open > .dropdown-toggle.notification_widget.danger.focus {
  12440. color: #fff;
  12441. background-color: #ac2925;
  12442. border-color: #761c19;
  12443. }
  12444. .notification_widget.danger:active,
  12445. .notification_widget.danger.active,
  12446. .open > .dropdown-toggle.notification_widget.danger {
  12447. background-image: none;
  12448. }
  12449. .notification_widget.danger.disabled:hover,
  12450. .notification_widget.danger[disabled]:hover,
  12451. fieldset[disabled] .notification_widget.danger:hover,
  12452. .notification_widget.danger.disabled:focus,
  12453. .notification_widget.danger[disabled]:focus,
  12454. fieldset[disabled] .notification_widget.danger:focus,
  12455. .notification_widget.danger.disabled.focus,
  12456. .notification_widget.danger[disabled].focus,
  12457. fieldset[disabled] .notification_widget.danger.focus {
  12458. background-color: #d9534f;
  12459. border-color: #d43f3a;
  12460. }
  12461. .notification_widget.danger .badge {
  12462. color: #d9534f;
  12463. background-color: #fff;
  12464. }
  12465. div#pager {
  12466. background-color: #fff;
  12467. font-size: 14px;
  12468. line-height: 20px;
  12469. overflow: hidden;
  12470. display: none;
  12471. position: fixed;
  12472. bottom: 0px;
  12473. width: 100%;
  12474. max-height: 50%;
  12475. padding-top: 8px;
  12476. -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  12477. box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  12478. /* Display over codemirror */
  12479. z-index: 100;
  12480. /* Hack which prevents jquery ui resizable from changing top. */
  12481. top: auto !important;
  12482. }
  12483. div#pager pre {
  12484. line-height: 1.21429em;
  12485. color: #000;
  12486. background-color: #f7f7f7;
  12487. padding: 0.4em;
  12488. }
  12489. div#pager #pager-button-area {
  12490. position: absolute;
  12491. top: 8px;
  12492. right: 20px;
  12493. }
  12494. div#pager #pager-contents {
  12495. position: relative;
  12496. overflow: auto;
  12497. width: 100%;
  12498. height: 100%;
  12499. }
  12500. div#pager #pager-contents #pager-container {
  12501. position: relative;
  12502. padding: 15px 0px;
  12503. box-sizing: border-box;
  12504. -moz-box-sizing: border-box;
  12505. -webkit-box-sizing: border-box;
  12506. }
  12507. div#pager .ui-resizable-handle {
  12508. top: 0px;
  12509. height: 8px;
  12510. background: #f7f7f7;
  12511. border-top: 1px solid #cfcfcf;
  12512. border-bottom: 1px solid #cfcfcf;
  12513. /* This injects handle bars (a short, wide = symbol) for
  12514. the resize handle. */
  12515. }
  12516. div#pager .ui-resizable-handle::after {
  12517. content: '';
  12518. top: 2px;
  12519. left: 50%;
  12520. height: 3px;
  12521. width: 30px;
  12522. margin-left: -15px;
  12523. position: absolute;
  12524. border-top: 1px solid #cfcfcf;
  12525. }
  12526. .quickhelp {
  12527. /* Old browsers */
  12528. display: -webkit-box;
  12529. -webkit-box-orient: horizontal;
  12530. -webkit-box-align: stretch;
  12531. display: -moz-box;
  12532. -moz-box-orient: horizontal;
  12533. -moz-box-align: stretch;
  12534. display: box;
  12535. box-orient: horizontal;
  12536. box-align: stretch;
  12537. /* Modern browsers */
  12538. display: flex;
  12539. flex-direction: row;
  12540. align-items: stretch;
  12541. line-height: 1.8em;
  12542. }
  12543. .shortcut_key {
  12544. display: inline-block;
  12545. width: 21ex;
  12546. text-align: right;
  12547. font-family: monospace;
  12548. }
  12549. .shortcut_descr {
  12550. display: inline-block;
  12551. /* Old browsers */
  12552. -webkit-box-flex: 1;
  12553. -moz-box-flex: 1;
  12554. box-flex: 1;
  12555. /* Modern browsers */
  12556. flex: 1;
  12557. }
  12558. span.save_widget {
  12559. height: 30px;
  12560. margin-top: 4px;
  12561. display: flex;
  12562. justify-content: flex-start;
  12563. align-items: baseline;
  12564. width: 50%;
  12565. flex: 1;
  12566. }
  12567. span.save_widget span.filename {
  12568. height: 100%;
  12569. line-height: 1em;
  12570. margin-left: 16px;
  12571. border: none;
  12572. font-size: 146.5%;
  12573. text-overflow: ellipsis;
  12574. overflow: hidden;
  12575. white-space: nowrap;
  12576. border-radius: 2px;
  12577. }
  12578. span.save_widget span.filename:hover {
  12579. background-color: #e6e6e6;
  12580. }
  12581. [dir="rtl"] span.save_widget.pull-left {
  12582. float: right !important;
  12583. float: right;
  12584. }
  12585. [dir="rtl"] span.save_widget span.filename {
  12586. margin-left: 0;
  12587. margin-right: 16px;
  12588. }
  12589. span.checkpoint_status,
  12590. span.autosave_status {
  12591. font-size: small;
  12592. white-space: nowrap;
  12593. padding: 0 5px;
  12594. }
  12595. @media (max-width: 767px) {
  12596. span.save_widget {
  12597. font-size: small;
  12598. padding: 0 0 0 5px;
  12599. }
  12600. span.checkpoint_status,
  12601. span.autosave_status {
  12602. display: none;
  12603. }
  12604. }
  12605. @media (min-width: 768px) and (max-width: 991px) {
  12606. span.checkpoint_status {
  12607. display: none;
  12608. }
  12609. span.autosave_status {
  12610. font-size: x-small;
  12611. }
  12612. }
  12613. .toolbar {
  12614. padding: 0px;
  12615. margin-left: -5px;
  12616. margin-top: 2px;
  12617. margin-bottom: 5px;
  12618. box-sizing: border-box;
  12619. -moz-box-sizing: border-box;
  12620. -webkit-box-sizing: border-box;
  12621. }
  12622. .toolbar select,
  12623. .toolbar label {
  12624. width: auto;
  12625. vertical-align: middle;
  12626. margin-right: 2px;
  12627. margin-bottom: 0px;
  12628. display: inline;
  12629. font-size: 92%;
  12630. margin-left: 0.3em;
  12631. margin-right: 0.3em;
  12632. padding: 0px;
  12633. padding-top: 3px;
  12634. }
  12635. .toolbar .btn {
  12636. padding: 2px 8px;
  12637. }
  12638. .toolbar .btn-group {
  12639. margin-top: 0px;
  12640. margin-left: 5px;
  12641. }
  12642. .toolbar-btn-label {
  12643. margin-left: 6px;
  12644. }
  12645. #maintoolbar {
  12646. margin-bottom: -3px;
  12647. margin-top: -8px;
  12648. border: 0px;
  12649. min-height: 27px;
  12650. margin-left: 0px;
  12651. padding-top: 11px;
  12652. padding-bottom: 3px;
  12653. }
  12654. #maintoolbar .navbar-text {
  12655. float: none;
  12656. vertical-align: middle;
  12657. text-align: right;
  12658. margin-left: 5px;
  12659. margin-right: 0px;
  12660. margin-top: 0px;
  12661. }
  12662. .select-xs {
  12663. height: 24px;
  12664. }
  12665. [dir="rtl"] .btn-group > .btn,
  12666. .btn-group-vertical > .btn {
  12667. float: right;
  12668. }
  12669. .pulse,
  12670. .dropdown-menu > li > a.pulse,
  12671. li.pulse > a.dropdown-toggle,
  12672. li.pulse.open > a.dropdown-toggle {
  12673. background-color: #F37626;
  12674. color: white;
  12675. }
  12676. /**
  12677. * Primary styles
  12678. *
  12679. * Author: Jupyter Development Team
  12680. */
  12681. /** WARNING IF YOU ARE EDITTING THIS FILE, if this is a .css file, It has a lot
  12682. * of chance of beeing generated from the ../less/[samename].less file, you can
  12683. * try to get back the less file by reverting somme commit in history
  12684. **/
  12685. /*
  12686. * We'll try to get something pretty, so we
  12687. * have some strange css to have the scroll bar on
  12688. * the left with fix button on the top right of the tooltip
  12689. */
  12690. @-moz-keyframes fadeOut {
  12691. from {
  12692. opacity: 1;
  12693. }
  12694. to {
  12695. opacity: 0;
  12696. }
  12697. }
  12698. @-webkit-keyframes fadeOut {
  12699. from {
  12700. opacity: 1;
  12701. }
  12702. to {
  12703. opacity: 0;
  12704. }
  12705. }
  12706. @-moz-keyframes fadeIn {
  12707. from {
  12708. opacity: 0;
  12709. }
  12710. to {
  12711. opacity: 1;
  12712. }
  12713. }
  12714. @-webkit-keyframes fadeIn {
  12715. from {
  12716. opacity: 0;
  12717. }
  12718. to {
  12719. opacity: 1;
  12720. }
  12721. }
  12722. /*properties of tooltip after "expand"*/
  12723. .bigtooltip {
  12724. overflow: auto;
  12725. height: 200px;
  12726. -webkit-transition-property: height;
  12727. -webkit-transition-duration: 500ms;
  12728. -moz-transition-property: height;
  12729. -moz-transition-duration: 500ms;
  12730. transition-property: height;
  12731. transition-duration: 500ms;
  12732. }
  12733. /*properties of tooltip before "expand"*/
  12734. .smalltooltip {
  12735. -webkit-transition-property: height;
  12736. -webkit-transition-duration: 500ms;
  12737. -moz-transition-property: height;
  12738. -moz-transition-duration: 500ms;
  12739. transition-property: height;
  12740. transition-duration: 500ms;
  12741. text-overflow: ellipsis;
  12742. overflow: hidden;
  12743. height: 80px;
  12744. }
  12745. .tooltipbuttons {
  12746. position: absolute;
  12747. padding-right: 15px;
  12748. top: 0px;
  12749. right: 0px;
  12750. }
  12751. .tooltiptext {
  12752. /*avoid the button to overlap on some docstring*/
  12753. padding-right: 30px;
  12754. }
  12755. .ipython_tooltip {
  12756. max-width: 700px;
  12757. /*fade-in animation when inserted*/
  12758. -webkit-animation: fadeOut 400ms;
  12759. -moz-animation: fadeOut 400ms;
  12760. animation: fadeOut 400ms;
  12761. -webkit-animation: fadeIn 400ms;
  12762. -moz-animation: fadeIn 400ms;
  12763. animation: fadeIn 400ms;
  12764. vertical-align: middle;
  12765. background-color: #f7f7f7;
  12766. overflow: visible;
  12767. border: #ababab 1px solid;
  12768. outline: none;
  12769. padding: 3px;
  12770. margin: 0px;
  12771. padding-left: 7px;
  12772. font-family: monospace;
  12773. min-height: 50px;
  12774. -moz-box-shadow: 0px 6px 10px -1px #adadad;
  12775. -webkit-box-shadow: 0px 6px 10px -1px #adadad;
  12776. box-shadow: 0px 6px 10px -1px #adadad;
  12777. border-radius: 2px;
  12778. position: absolute;
  12779. z-index: 1000;
  12780. }
  12781. .ipython_tooltip a {
  12782. float: right;
  12783. }
  12784. .ipython_tooltip .tooltiptext pre {
  12785. border: 0;
  12786. border-radius: 0;
  12787. font-size: 100%;
  12788. background-color: #f7f7f7;
  12789. }
  12790. .pretooltiparrow {
  12791. left: 0px;
  12792. margin: 0px;
  12793. top: -16px;
  12794. width: 40px;
  12795. height: 16px;
  12796. overflow: hidden;
  12797. position: absolute;
  12798. }
  12799. .pretooltiparrow:before {
  12800. background-color: #f7f7f7;
  12801. border: 1px #ababab solid;
  12802. z-index: 11;
  12803. content: "";
  12804. position: absolute;
  12805. left: 15px;
  12806. top: 10px;
  12807. width: 25px;
  12808. height: 25px;
  12809. -webkit-transform: rotate(45deg);
  12810. -moz-transform: rotate(45deg);
  12811. -ms-transform: rotate(45deg);
  12812. -o-transform: rotate(45deg);
  12813. }
  12814. ul.typeahead-list i {
  12815. margin-left: -10px;
  12816. width: 18px;
  12817. }
  12818. [dir="rtl"] ul.typeahead-list i {
  12819. margin-left: 0;
  12820. margin-right: -10px;
  12821. }
  12822. ul.typeahead-list {
  12823. max-height: 80vh;
  12824. overflow: auto;
  12825. }
  12826. ul.typeahead-list > li > a {
  12827. /** Firefox bug **/
  12828. /* see https://github.com/jupyter/notebook/issues/559 */
  12829. white-space: normal;
  12830. }
  12831. ul.typeahead-list > li > a.pull-right {
  12832. float: left !important;
  12833. float: left;
  12834. }
  12835. [dir="rtl"] .typeahead-list {
  12836. text-align: right;
  12837. }
  12838. .cmd-palette .modal-body {
  12839. padding: 7px;
  12840. }
  12841. .cmd-palette form {
  12842. background: white;
  12843. }
  12844. .cmd-palette input {
  12845. outline: none;
  12846. }
  12847. .no-shortcut {
  12848. min-width: 20px;
  12849. color: transparent;
  12850. }
  12851. [dir="rtl"] .no-shortcut.pull-right {
  12852. float: left !important;
  12853. float: left;
  12854. }
  12855. [dir="rtl"] .command-shortcut.pull-right {
  12856. float: left !important;
  12857. float: left;
  12858. }
  12859. .command-shortcut:before {
  12860. content: "(command mode)";
  12861. padding-right: 3px;
  12862. color: #777777;
  12863. }
  12864. .edit-shortcut:before {
  12865. content: "(edit)";
  12866. padding-right: 3px;
  12867. color: #777777;
  12868. }
  12869. [dir="rtl"] .edit-shortcut.pull-right {
  12870. float: left !important;
  12871. float: left;
  12872. }
  12873. #find-and-replace #replace-preview .match,
  12874. #find-and-replace #replace-preview .insert {
  12875. background-color: #BBDEFB;
  12876. border-color: #90CAF9;
  12877. border-style: solid;
  12878. border-width: 1px;
  12879. border-radius: 0px;
  12880. }
  12881. [dir="ltr"] #find-and-replace .input-group-btn + .form-control {
  12882. border-left: none;
  12883. }
  12884. [dir="rtl"] #find-and-replace .input-group-btn + .form-control {
  12885. border-right: none;
  12886. }
  12887. #find-and-replace #replace-preview .replace .match {
  12888. background-color: #FFCDD2;
  12889. border-color: #EF9A9A;
  12890. border-radius: 0px;
  12891. }
  12892. #find-and-replace #replace-preview .replace .insert {
  12893. background-color: #C8E6C9;
  12894. border-color: #A5D6A7;
  12895. border-radius: 0px;
  12896. }
  12897. #find-and-replace #replace-preview {
  12898. max-height: 60vh;
  12899. overflow: auto;
  12900. }
  12901. #find-and-replace #replace-preview pre {
  12902. padding: 5px 10px;
  12903. }
  12904. .terminal-app {
  12905. background: #EEE;
  12906. }
  12907. .terminal-app #header {
  12908. background: #fff;
  12909. -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  12910. box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  12911. }
  12912. .terminal-app .terminal {
  12913. width: 100%;
  12914. float: left;
  12915. font-family: monospace;
  12916. color: white;
  12917. background: black;
  12918. padding: 0.4em;
  12919. border-radius: 2px;
  12920. -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.4);
  12921. box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.4);
  12922. }
  12923. .terminal-app .terminal,
  12924. .terminal-app .terminal dummy-screen {
  12925. line-height: 1em;
  12926. font-size: 14px;
  12927. }
  12928. .terminal-app .terminal .xterm-rows {
  12929. padding: 10px;
  12930. }
  12931. .terminal-app .terminal-cursor {
  12932. color: black;
  12933. background: white;
  12934. }
  12935. .terminal-app #terminado-container {
  12936. margin-top: 20px;
  12937. }
  12938. /*# sourceMappingURL=style.min.css.map */
  12939. </style>
  12940. <style type="text/css">
  12941. .highlight .hll { background-color: #ffffcc }
  12942. .highlight { background: #f8f8f8; }
  12943. .highlight .c { color: #408080; font-style: italic } /* Comment */
  12944. .highlight .err { border: 1px solid #FF0000 } /* Error */
  12945. .highlight .k { color: #008000; font-weight: bold } /* Keyword */
  12946. .highlight .o { color: #666666 } /* Operator */
  12947. .highlight .ch { color: #408080; font-style: italic } /* Comment.Hashbang */
  12948. .highlight .cm { color: #408080; font-style: italic } /* Comment.Multiline */
  12949. .highlight .cp { color: #BC7A00 } /* Comment.Preproc */
  12950. .highlight .cpf { color: #408080; font-style: italic } /* Comment.PreprocFile */
  12951. .highlight .c1 { color: #408080; font-style: italic } /* Comment.Single */
  12952. .highlight .cs { color: #408080; font-style: italic } /* Comment.Special */
  12953. .highlight .gd { color: #A00000 } /* Generic.Deleted */
  12954. .highlight .ge { font-style: italic } /* Generic.Emph */
  12955. .highlight .gr { color: #FF0000 } /* Generic.Error */
  12956. .highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
  12957. .highlight .gi { color: #00A000 } /* Generic.Inserted */
  12958. .highlight .go { color: #888888 } /* Generic.Output */
  12959. .highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
  12960. .highlight .gs { font-weight: bold } /* Generic.Strong */
  12961. .highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
  12962. .highlight .gt { color: #0044DD } /* Generic.Traceback */
  12963. .highlight .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
  12964. .highlight .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
  12965. .highlight .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
  12966. .highlight .kp { color: #008000 } /* Keyword.Pseudo */
  12967. .highlight .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
  12968. .highlight .kt { color: #B00040 } /* Keyword.Type */
  12969. .highlight .m { color: #666666 } /* Literal.Number */
  12970. .highlight .s { color: #BA2121 } /* Literal.String */
  12971. .highlight .na { color: #7D9029 } /* Name.Attribute */
  12972. .highlight .nb { color: #008000 } /* Name.Builtin */
  12973. .highlight .nc { color: #0000FF; font-weight: bold } /* Name.Class */
  12974. .highlight .no { color: #880000 } /* Name.Constant */
  12975. .highlight .nd { color: #AA22FF } /* Name.Decorator */
  12976. .highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */
  12977. .highlight .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
  12978. .highlight .nf { color: #0000FF } /* Name.Function */
  12979. .highlight .nl { color: #A0A000 } /* Name.Label */
  12980. .highlight .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
  12981. .highlight .nt { color: #008000; font-weight: bold } /* Name.Tag */
  12982. .highlight .nv { color: #19177C } /* Name.Variable */
  12983. .highlight .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
  12984. .highlight .w { color: #bbbbbb } /* Text.Whitespace */
  12985. .highlight .mb { color: #666666 } /* Literal.Number.Bin */
  12986. .highlight .mf { color: #666666 } /* Literal.Number.Float */
  12987. .highlight .mh { color: #666666 } /* Literal.Number.Hex */
  12988. .highlight .mi { color: #666666 } /* Literal.Number.Integer */
  12989. .highlight .mo { color: #666666 } /* Literal.Number.Oct */
  12990. .highlight .sa { color: #BA2121 } /* Literal.String.Affix */
  12991. .highlight .sb { color: #BA2121 } /* Literal.String.Backtick */
  12992. .highlight .sc { color: #BA2121 } /* Literal.String.Char */
  12993. .highlight .dl { color: #BA2121 } /* Literal.String.Delimiter */
  12994. .highlight .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
  12995. .highlight .s2 { color: #BA2121 } /* Literal.String.Double */
  12996. .highlight .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
  12997. .highlight .sh { color: #BA2121 } /* Literal.String.Heredoc */
  12998. .highlight .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
  12999. .highlight .sx { color: #008000 } /* Literal.String.Other */
  13000. .highlight .sr { color: #BB6688 } /* Literal.String.Regex */
  13001. .highlight .s1 { color: #BA2121 } /* Literal.String.Single */
  13002. .highlight .ss { color: #19177C } /* Literal.String.Symbol */
  13003. .highlight .bp { color: #008000 } /* Name.Builtin.Pseudo */
  13004. .highlight .fm { color: #0000FF } /* Name.Function.Magic */
  13005. .highlight .vc { color: #19177C } /* Name.Variable.Class */
  13006. .highlight .vg { color: #19177C } /* Name.Variable.Global */
  13007. .highlight .vi { color: #19177C } /* Name.Variable.Instance */
  13008. .highlight .vm { color: #19177C } /* Name.Variable.Magic */
  13009. .highlight .il { color: #666666 } /* Literal.Number.Integer.Long */
  13010. </style>
  13011. <style type="text/css">
  13012. /* Overrides of notebook CSS for static HTML export */
  13013. body {
  13014. overflow: visible;
  13015. padding: 8px;
  13016. }
  13017. div#notebook {
  13018. overflow: visible;
  13019. border-top: none;
  13020. }@media print {
  13021. div.cell {
  13022. display: block;
  13023. page-break-inside: avoid;
  13024. }
  13025. div.output_wrapper {
  13026. display: block;
  13027. page-break-inside: avoid;
  13028. }
  13029. div.output {
  13030. display: block;
  13031. page-break-inside: avoid;
  13032. }
  13033. }
  13034. </style>
  13035. <!-- Custom stylesheet, it must be in the same directory as the html file -->
  13036. <link rel="stylesheet" href="custom.css">
  13037. <!-- Loading mathjax macro -->
  13038. <!-- Load mathjax -->
  13039. <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-AMS_HTML"></script>
  13040. <!-- MathJax configuration -->
  13041. <script type="text/x-mathjax-config">
  13042. MathJax.Hub.Config({
  13043. tex2jax: {
  13044. inlineMath: [ ['$','$'], ["\\(","\\)"] ],
  13045. displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
  13046. processEscapes: true,
  13047. processEnvironments: true
  13048. },
  13049. // Center justify equations in code and markdown cells. Elsewhere
  13050. // we use CSS to left justify single line equations in code cells.
  13051. displayAlign: 'center',
  13052. "HTML-CSS": {
  13053. styles: {'.MathJax_Display': {"margin": 0}},
  13054. linebreaks: { automatic: true }
  13055. }
  13056. });
  13057. </script>
  13058. <!-- End of mathjax configuration --></head>
  13059. <body>
  13060. <div tabindex="-1" id="notebook" class="border-box-sizing">
  13061. <div class="container" id="notebook-container">
  13062. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13063. </div><div class="inner_cell">
  13064. <div class="text_cell_render border-box-sizing rendered_html">
  13065. <h1 id="Dry-Friction-mockup">Dry Friction mockup<a class="anchor-link" href="#Dry-Friction-mockup">&#182;</a></h1>
  13066. </div>
  13067. </div>
  13068. </div>
  13069. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13070. </div><div class="inner_cell">
  13071. <div class="text_cell_render border-box-sizing rendered_html">
  13072. <h2 id="Content">Content<a class="anchor-link" href="#Content">&#182;</a></h2>
  13073. </div>
  13074. </div>
  13075. </div>
  13076. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13077. </div><div class="inner_cell">
  13078. <div class="text_cell_render border-box-sizing rendered_html">
  13079. <ul>
  13080. <li><a href="#Libraries">Libraries</a></li>
  13081. <li><a href="#Sketch-container">Sketch container</a></li>
  13082. <li><a href="#Sketch-Parts-yaml-definition">Sketch Parts yaml definition</a></li>
  13083. <li><a href="#Read-yaml-sketch-definition,-draw-it">Read yaml sketch definition, draw it</a></li>
  13084. <li><a href="#Simulate-sketch-rotation">Simulate sketch rotation</a></li>
  13085. <li><a href="#Sketch-composition">Sketch composition</a></li>
  13086. <li><a href="#Sketch-serialization">Sketch serialization</a></li>
  13087. </ul>
  13088. </div>
  13089. </div>
  13090. </div>
  13091. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13092. </div><div class="inner_cell">
  13093. <div class="text_cell_render border-box-sizing rendered_html">
  13094. <h2 id="Libraries">Libraries<a class="anchor-link" href="#Libraries">&#182;</a></h2>
  13095. </div>
  13096. </div>
  13097. </div>
  13098. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13099. </div><div class="inner_cell">
  13100. <div class="text_cell_render border-box-sizing rendered_html">
  13101. <p><a href="#Content">home</a></p>
  13102. </div>
  13103. </div>
  13104. </div>
  13105. <div class="cell border-box-sizing code_cell rendered">
  13106. <div class="input">
  13107. <div class="prompt input_prompt">In&nbsp;[1]:</div>
  13108. <div class="inner_cell">
  13109. <div class="input_area">
  13110. <div class=" highlight hl-ipython3"><pre><span></span><span class="o">%</span><span class="k">matplotlib</span> widget
  13111. </pre></div>
  13112. </div>
  13113. </div>
  13114. </div>
  13115. </div>
  13116. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13117. </div><div class="inner_cell">
  13118. <div class="text_cell_render border-box-sizing rendered_html">
  13119. <p>import matplotlib as mpl
  13120. mpl.rc('text', usetex = True)
  13121. mpl.rc('font', family = 'serif')</p>
  13122. </div>
  13123. </div>
  13124. </div>
  13125. <div class="cell border-box-sizing code_cell rendered">
  13126. <div class="input">
  13127. <div class="prompt input_prompt">In&nbsp;[2]:</div>
  13128. <div class="inner_cell">
  13129. <div class="input_area">
  13130. <div class=" highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">time</span>
  13131. </pre></div>
  13132. </div>
  13133. </div>
  13134. </div>
  13135. </div>
  13136. <div class="cell border-box-sizing code_cell rendered">
  13137. <div class="input">
  13138. <div class="prompt input_prompt">In&nbsp;[3]:</div>
  13139. <div class="inner_cell">
  13140. <div class="input_area">
  13141. <div class=" highlight hl-ipython3"><pre><span></span><span class="kn">from</span> <span class="nn">pysketcher</span> <span class="kn">import</span> <span class="o">*</span>
  13142. </pre></div>
  13143. </div>
  13144. </div>
  13145. </div>
  13146. </div>
  13147. <div class="cell border-box-sizing code_cell rendered">
  13148. <div class="input">
  13149. <div class="prompt input_prompt">In&nbsp;[4]:</div>
  13150. <div class="inner_cell">
  13151. <div class="input_area">
  13152. <div class=" highlight hl-ipython3"><pre><span></span><span class="kn">from</span> <span class="nn">ipywidgets</span> <span class="kn">import</span> <span class="n">FloatSlider</span><span class="p">,</span> <span class="n">AppLayout</span><span class="p">,</span> <span class="n">Label</span><span class="p">,</span> <span class="n">HBox</span><span class="p">,</span> <span class="n">Button</span><span class="p">,</span> <span class="n">Output</span>
  13153. </pre></div>
  13154. </div>
  13155. </div>
  13156. </div>
  13157. </div>
  13158. <div class="cell border-box-sizing code_cell rendered">
  13159. <div class="input">
  13160. <div class="prompt input_prompt">In&nbsp;[5]:</div>
  13161. <div class="inner_cell">
  13162. <div class="input_area">
  13163. <div class=" highlight hl-ipython3"><pre><span></span><span class="kn">from</span> <span class="nn">IPython.display</span> <span class="kn">import</span> <span class="n">HTML</span><span class="p">,</span> <span class="n">SVG</span><span class="p">,</span> <span class="n">display</span><span class="p">,</span> <span class="n">clear_output</span>
  13164. </pre></div>
  13165. </div>
  13166. </div>
  13167. </div>
  13168. </div>
  13169. <div class="cell border-box-sizing code_cell rendered">
  13170. <div class="input">
  13171. <div class="prompt input_prompt">In&nbsp;[6]:</div>
  13172. <div class="inner_cell">
  13173. <div class="input_area">
  13174. <div class=" highlight hl-ipython3"><pre><span></span><span class="kn">from</span> <span class="nn">math</span> <span class="kn">import</span> <span class="n">tan</span><span class="p">,</span> <span class="n">radians</span><span class="p">,</span> <span class="n">sin</span><span class="p">,</span> <span class="n">cos</span>
  13175. </pre></div>
  13176. </div>
  13177. </div>
  13178. </div>
  13179. </div>
  13180. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13181. </div><div class="inner_cell">
  13182. <div class="text_cell_render border-box-sizing rendered_html">
  13183. <h2 id="Sketch-container">Sketch container<a class="anchor-link" href="#Sketch-container">&#182;</a></h2>
  13184. </div>
  13185. </div>
  13186. </div>
  13187. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13188. </div><div class="inner_cell">
  13189. <div class="text_cell_render border-box-sizing rendered_html">
  13190. <p><a href="#Table-of-Content">home</a></p>
  13191. </div>
  13192. </div>
  13193. </div>
  13194. <div class="cell border-box-sizing code_cell rendered">
  13195. <div class="input">
  13196. <div class="prompt input_prompt">In&nbsp;[7]:</div>
  13197. <div class="inner_cell">
  13198. <div class="input_area">
  13199. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">myfig</span><span class="o">=</span><span class="p">{}</span>
  13200. <span class="n">sketch</span> <span class="o">=</span> <span class="n">Sketch</span><span class="p">(</span><span class="n">myfig</span><span class="p">)</span>
  13201. </pre></div>
  13202. </div>
  13203. </div>
  13204. </div>
  13205. </div>
  13206. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13207. </div><div class="inner_cell">
  13208. <div class="text_cell_render border-box-sizing rendered_html">
  13209. <h2 id="Sketch-Parts-yaml-definition">Sketch Parts yaml definition<a class="anchor-link" href="#Sketch-Parts-yaml-definition">&#182;</a></h2>
  13210. </div>
  13211. </div>
  13212. </div>
  13213. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13214. </div><div class="inner_cell">
  13215. <div class="text_cell_render border-box-sizing rendered_html">
  13216. <p><a href="#Content">home</a></p>
  13217. </div>
  13218. </div>
  13219. </div>
  13220. <div class="cell border-box-sizing code_cell rendered">
  13221. <div class="input">
  13222. <div class="prompt input_prompt">In&nbsp;[8]:</div>
  13223. <div class="inner_cell">
  13224. <div class="input_area">
  13225. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">libraries</span> <span class="o">=</span> <span class="s2">&quot;&quot;&quot;</span><span class="se">\</span>
  13226. <span class="s2">name: head</span>
  13227. <span class="s2">shapes:</span>
  13228. <span class="s2"> libraries: [&quot;from math import tan, radians, sin, cos&quot;,&quot;from pysketcher import *&quot;]</span>
  13229. <span class="s2">&quot;&quot;&quot;</span>
  13230. </pre></div>
  13231. </div>
  13232. </div>
  13233. </div>
  13234. </div>
  13235. <div class="cell border-box-sizing code_cell rendered">
  13236. <div class="input">
  13237. <div class="prompt input_prompt">In&nbsp;[9]:</div>
  13238. <div class="inner_cell">
  13239. <div class="input_area">
  13240. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">constants</span> <span class="o">=</span> <span class="s2">&quot;&quot;&quot;</span><span class="se">\</span>
  13241. <span class="s2">name: constants</span>
  13242. <span class="s2">shapes:</span>
  13243. <span class="s2"> fontsize: 18 # size of the characters</span>
  13244. <span class="s2"> g: 9.81 # constant gravity</span>
  13245. <span class="s2"> theta: 30.0 # inclined plane angle</span>
  13246. <span class="s2"> L: 10.0 # sketch sizing parameter</span>
  13247. <span class="s2"> a: 1.0 #</span>
  13248. <span class="s2"> xmin: 0.0 # sketech min Abscissa</span>
  13249. <span class="s2"> ymin: -3.0 # sketech min Ordinate </span>
  13250. <span class="s2"> rl: 2.0 # rectangle width</span>
  13251. <span class="s2"> rL: 1.0 # rectangle length</span>
  13252. <span class="s2">&quot;&quot;&quot;</span>
  13253. </pre></div>
  13254. </div>
  13255. </div>
  13256. </div>
  13257. </div>
  13258. <div class="cell border-box-sizing code_cell rendered">
  13259. <div class="input">
  13260. <div class="prompt input_prompt">In&nbsp;[10]:</div>
  13261. <div class="inner_cell">
  13262. <div class="input_area">
  13263. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">frame</span> <span class="o">=</span> <span class="s2">&quot;&quot;&quot;</span><span class="se">\</span>
  13264. <span class="s2">name: frame</span>
  13265. <span class="s2">shapes:</span>
  13266. <span class="s2"> setframe: # sketch setup</span>
  13267. <span class="s2"> action: &quot;drawing_tool.set_coordinate_system(xmin=xmin-L/5, xmax=xmin+1.5*L,ymin=ymin, ymax=ymin+1.5*L,instruction_file=&#39;tmp_mpl_friction.py&#39;)&quot;</span>
  13268. <span class="s2"> setblackline: # default frame values and actions</span>
  13269. <span class="s2"> action: &quot;drawing_tool.set_linecolor(&#39;black&#39;)&quot;</span>
  13270. <span class="s2"> B: point(a+L,0) # wall right end</span>
  13271. <span class="s2"> A: point(a,tan(radians(theta))*L) # wall left end</span>
  13272. <span class="s2"> normal_vec: point(sin(radians(theta)),cos(radians(theta))) # Vector normal to wall</span>
  13273. <span class="s2"> tangent_vec: point(cos(radians(theta)),-sin(radians(theta))) # Vector tangent to wall</span>
  13274. <span class="s2"> help_line: Line(A,B) # wall line</span>
  13275. <span class="s2"> x: a + 3*L/10. # contact point Abscissa</span>
  13276. <span class="s2"> y: help_line(x=x) # contact point Ordinate</span>
  13277. <span class="s2"> contact: point(x, y) # contact point: middle of the rectangle bottom edge</span>
  13278. <span class="s2"> c: contact + rL/2*normal_vec</span>
  13279. <span class="s2">&quot;&quot;&quot;</span>
  13280. </pre></div>
  13281. </div>
  13282. </div>
  13283. </div>
  13284. </div>
  13285. <div class="cell border-box-sizing code_cell rendered">
  13286. <div class="input">
  13287. <div class="prompt input_prompt">In&nbsp;[11]:</div>
  13288. <div class="inner_cell">
  13289. <div class="input_area">
  13290. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">body</span> <span class="o">=</span> <span class="s2">&quot;&quot;&quot;</span><span class="se">\</span>
  13291. <span class="s2">name: body</span>
  13292. <span class="s2">shapes:</span>
  13293. <span class="s2"> rectangle: </span>
  13294. <span class="s2"> formula: Rectangle(contact, rl, rL)</span>
  13295. <span class="s2"> style:</span>
  13296. <span class="s2"> linecolor: blue</span>
  13297. <span class="s2"> filled_curves: blue</span>
  13298. <span class="s2"> transform: [&quot;rotate(-theta, contact)&quot;,</span>
  13299. <span class="s2"> &quot;translate(-rl/2*tangent_vec)&quot;]</span>
  13300. <span class="s2"> N: </span>
  13301. <span class="s2"> formula: Force(contact - rl*normal_vec, contact, r&#39;$N$&#39;, text_pos=&#39;start&#39;)</span>
  13302. <span class="s2"> style:</span>
  13303. <span class="s2"> linecolor: black</span>
  13304. <span class="s2"> wheel: </span>
  13305. <span class="s2"> formula: &quot;Composition({&#39;outer&#39;: rectangle})&quot; </span>
  13306. <span class="s2"> style:</span>
  13307. <span class="s2"> shadow: 1</span>
  13308. <span class="s2"> mc:</span>
  13309. <span class="s2"> formula: Text(r&#39;$c$&#39;, c)</span>
  13310. <span class="s2"> body: </span>
  13311. <span class="s2"> formula: &quot;Composition({&#39;wheel&#39;: wheel, &#39;N&#39;: N, &#39;mc&#39;: mc})&quot;</span>
  13312. <span class="s2"> style:</span>
  13313. <span class="s2"> linecolor: black</span>
  13314. <span class="s2">&quot;&quot;&quot;</span>
  13315. </pre></div>
  13316. </div>
  13317. </div>
  13318. </div>
  13319. </div>
  13320. <div class="cell border-box-sizing code_cell rendered">
  13321. <div class="input">
  13322. <div class="prompt input_prompt">In&nbsp;[12]:</div>
  13323. <div class="inner_cell">
  13324. <div class="input_area">
  13325. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">plan</span> <span class="o">=</span> <span class="s2">&quot;&quot;&quot;</span><span class="se">\</span>
  13326. <span class="s2">name: plan</span>
  13327. <span class="s2">shapes:</span>
  13328. <span class="s2"> mB:</span>
  13329. <span class="s2"> formula: Text(r&#39;$B$&#39;,B)</span>
  13330. <span class="s2"> mA:</span>
  13331. <span class="s2"> formula: Text(r&#39;$A$&#39;, A)</span>
  13332. <span class="s2"> wall: </span>
  13333. <span class="s2"> formula: Wall(x=[A[0], B[0]], y=[A[1], B[1]], thickness=-0.25,transparent=False)</span>
  13334. <span class="s2"> style:</span>
  13335. <span class="s2"> linecolor: black </span>
  13336. <span class="s2"> x_const: </span>
  13337. <span class="s2"> formula: Line(contact, contact + point(0,4))</span>
  13338. <span class="s2"> style:</span>
  13339. <span class="s2"> linestyle: dotted</span>
  13340. <span class="s2"> transform: rotate(-theta, contact)</span>
  13341. <span class="s2"> x_axis: </span>
  13342. <span class="s2"> formula: &quot;Axis(start=contact+ 2*rl*normal_vec, length=2*rl,label=&#39;$x$&#39;, rotation_angle=-theta)&quot;</span>
  13343. <span class="s2"> plan: </span>
  13344. <span class="s2"> formula: &quot;Composition({&#39;body&#39;: body, &#39;inclined wall&#39;: wall, &#39;x start&#39;: x_const, &#39;x axis&#39;: x_axis, &#39;mA&#39;: mA, &#39;mB&#39;: mB})&quot;</span>
  13345. <span class="s2">&quot;&quot;&quot;</span>
  13346. </pre></div>
  13347. </div>
  13348. </div>
  13349. </div>
  13350. </div>
  13351. <div class="cell border-box-sizing code_cell rendered">
  13352. <div class="input">
  13353. <div class="prompt input_prompt">In&nbsp;[13]:</div>
  13354. <div class="inner_cell">
  13355. <div class="input_area">
  13356. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">friction</span> <span class="o">=</span> <span class="s2">&quot;&quot;&quot;</span><span class="se">\</span>
  13357. <span class="s2">name: friction</span>
  13358. <span class="s2">shapes:</span>
  13359. <span class="s2"> mg: </span>
  13360. <span class="s2"> formula: Gravity(c, rl, text=&#39;$Mg$&#39;)</span>
  13361. <span class="s2"> style:</span>
  13362. <span class="s2"> linecolor: black</span>
  13363. <span class="s2"> angle: </span>
  13364. <span class="s2"> formula: &quot;Arc_wText(r&#39;$&lt;bslash&gt;theta$&#39;, center=B, radius=3, start_angle=180-theta, arc_angle=theta, fontsize=fontsize)&quot;</span>
  13365. <span class="s2"> style:</span>
  13366. <span class="s2"> linecolor: black</span>
  13367. <span class="s2"> linewidth: 1</span>
  13368. <span class="s2"> ground: </span>
  13369. <span class="s2"> formula: Line((B[0]-L/10., 0), (B[0]-L/2.,0))</span>
  13370. <span class="s2"> stlye:</span>
  13371. <span class="s2"> linecolor: black</span>
  13372. <span class="s2"> linestyle: dashed</span>
  13373. <span class="s2"> linewidth: 1</span>
  13374. <span class="s2"> friction: </span>
  13375. <span class="s2"> formula: &quot;Composition({&#39;plan&#39;: plan, &#39;ground&#39;: ground, &#39;mg&#39;: mg, &#39;angle&#39;: angle})&quot;</span>
  13376. <span class="s2">&quot;&quot;&quot;</span>
  13377. </pre></div>
  13378. </div>
  13379. </div>
  13380. </div>
  13381. </div>
  13382. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13383. </div><div class="inner_cell">
  13384. <div class="text_cell_render border-box-sizing rendered_html">
  13385. <h2 id="Read-yaml-sketch-definition,-draw-it">Read yaml sketch definition, draw it<a class="anchor-link" href="#Read-yaml-sketch-definition,-draw-it">&#182;</a></h2>
  13386. </div>
  13387. </div>
  13388. </div>
  13389. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13390. </div><div class="inner_cell">
  13391. <div class="text_cell_render border-box-sizing rendered_html">
  13392. <p><a href="#Content">home</a></p>
  13393. </div>
  13394. </div>
  13395. </div>
  13396. <div class="cell border-box-sizing code_cell rendered">
  13397. <div class="input">
  13398. <div class="prompt input_prompt">In&nbsp;[14]:</div>
  13399. <div class="inner_cell">
  13400. <div class="input_area">
  13401. <div class=" highlight hl-ipython3"><pre><span></span><span class="k">if</span> <span class="n">sketch</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">libraries</span><span class="p">):</span>
  13402. <span class="k">if</span> <span class="n">sketch</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">constants</span><span class="p">):</span>
  13403. <span class="k">if</span> <span class="n">sketch</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">frame</span><span class="p">):</span>
  13404. <span class="k">if</span> <span class="n">sketch</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">body</span><span class="p">):</span>
  13405. <span class="k">if</span> <span class="n">sketch</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">plan</span><span class="p">):</span>
  13406. <span class="k">if</span> <span class="n">sketch</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">friction</span><span class="p">):</span>
  13407. <span class="nb">print</span><span class="p">(</span><span class="s2">&quot;success&quot;</span><span class="p">)</span>
  13408. </pre></div>
  13409. </div>
  13410. </div>
  13411. </div>
  13412. <div class="output_wrapper">
  13413. <div class="output">
  13414. <div class="output_area">
  13415. <div class="prompt"></div>
  13416. <div class="output_subarea output_stream output_stdout output_text">
  13417. <pre>success
  13418. </pre>
  13419. </div>
  13420. </div>
  13421. </div>
  13422. </div>
  13423. </div>
  13424. <div class="cell border-box-sizing code_cell rendered">
  13425. <div class="input">
  13426. <div class="prompt input_prompt">In&nbsp;[31]:</div>
  13427. <div class="inner_cell">
  13428. <div class="input_area">
  13429. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">d</span> <span class="o">=</span> <span class="n">myfig</span><span class="p">[</span><span class="s1">&#39;friction&#39;</span><span class="p">]</span><span class="o">.</span><span class="n">draw</span><span class="p">()</span>
  13430. </pre></div>
  13431. </div>
  13432. </div>
  13433. </div>
  13434. </div>
  13435. <div class="cell border-box-sizing code_cell rendered">
  13436. <div class="input">
  13437. <div class="prompt input_prompt">In&nbsp;[32]:</div>
  13438. <div class="inner_cell">
  13439. <div class="input_area">
  13440. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">drawing_tool</span><span class="o">.</span><span class="n">display</span><span class="p">()</span>
  13441. </pre></div>
  13442. </div>
  13443. </div>
  13444. </div>
  13445. </div>
  13446. <div class="cell border-box-sizing code_cell rendered">
  13447. <div class="input">
  13448. <div class="prompt input_prompt">In&nbsp;[33]:</div>
  13449. <div class="inner_cell">
  13450. <div class="input_area">
  13451. <div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">doright</span><span class="p">(</span><span class="n">change</span><span class="p">):</span>
  13452. <span class="n">rotate</span><span class="p">(</span><span class="o">-</span><span class="mi">5</span><span class="p">)</span>
  13453. <span class="k">def</span> <span class="nf">doleft</span><span class="p">(</span><span class="n">change</span><span class="p">):</span>
  13454. <span class="n">rotate</span><span class="p">(</span><span class="mi">5</span><span class="p">)</span>
  13455. <span class="k">def</span> <span class="nf">rotate</span><span class="p">(</span><span class="n">theta</span><span class="p">):</span>
  13456. <span class="n">angle</span> <span class="o">=</span> <span class="n">myfig</span><span class="p">[</span><span class="s1">&#39;theta&#39;</span><span class="p">]</span>
  13457. <span class="n">angle</span> <span class="o">-=</span> <span class="n">theta</span>
  13458. <span class="n">myfig</span><span class="p">[</span><span class="s1">&#39;theta&#39;</span><span class="p">]</span> <span class="o">=</span> <span class="n">angle</span>
  13459. <span class="n">drawing_tool</span><span class="o">.</span><span class="n">erase</span><span class="p">()</span>
  13460. <span class="n">x</span> <span class="o">=</span> <span class="n">myfig</span><span class="p">[</span><span class="s1">&#39;plan&#39;</span><span class="p">][</span><span class="s1">&#39;body&#39;</span><span class="p">][</span><span class="s1">&#39;mc&#39;</span><span class="p">]</span><span class="o">.</span><span class="n">x</span>
  13461. <span class="n">y</span> <span class="o">=</span> <span class="n">myfig</span><span class="p">[</span><span class="s1">&#39;plan&#39;</span><span class="p">][</span><span class="s1">&#39;body&#39;</span><span class="p">][</span><span class="s1">&#39;mc&#39;</span><span class="p">]</span><span class="o">.</span><span class="n">y</span>
  13462. <span class="n">myfig</span><span class="p">[</span><span class="s1">&#39;plan&#39;</span><span class="p">]</span><span class="o">.</span><span class="n">rotate</span><span class="p">(</span><span class="n">theta</span><span class="p">,</span><span class="n">myfig</span><span class="p">[</span><span class="s1">&#39;B&#39;</span><span class="p">])</span>
  13463. <span class="n">xf</span> <span class="o">=</span> <span class="n">myfig</span><span class="p">[</span><span class="s1">&#39;plan&#39;</span><span class="p">][</span><span class="s1">&#39;body&#39;</span><span class="p">][</span><span class="s1">&#39;mc&#39;</span><span class="p">]</span><span class="o">.</span><span class="n">x</span>
  13464. <span class="n">yf</span> <span class="o">=</span> <span class="n">myfig</span><span class="p">[</span><span class="s1">&#39;plan&#39;</span><span class="p">][</span><span class="s1">&#39;body&#39;</span><span class="p">][</span><span class="s1">&#39;mc&#39;</span><span class="p">]</span><span class="o">.</span><span class="n">y</span>
  13465. <span class="n">trans</span> <span class="o">=</span> <span class="n">point</span><span class="p">(</span><span class="n">xf</span><span class="o">-</span><span class="n">x</span><span class="p">,</span><span class="n">yf</span><span class="o">-</span><span class="n">y</span><span class="p">)</span>
  13466. <span class="n">myfig</span><span class="p">[</span><span class="s1">&#39;angle&#39;</span><span class="p">]</span><span class="o">.</span><span class="n">changeAngle</span><span class="p">(</span><span class="mi">180</span><span class="o">-</span><span class="n">angle</span><span class="p">,</span> <span class="n">angle</span><span class="p">)</span>
  13467. <span class="n">myfig</span><span class="p">[</span><span class="s1">&#39;mg&#39;</span><span class="p">]</span><span class="o">.</span><span class="n">translate</span><span class="p">(</span><span class="n">trans</span><span class="p">)</span>
  13468. <span class="n">myfig</span><span class="p">[</span><span class="s1">&#39;friction&#39;</span><span class="p">]</span><span class="o">.</span><span class="n">draw</span><span class="p">()</span>
  13469. </pre></div>
  13470. </div>
  13471. </div>
  13472. </div>
  13473. </div>
  13474. <div class="cell border-box-sizing code_cell rendered">
  13475. <div class="input">
  13476. <div class="prompt input_prompt">In&nbsp;[34]:</div>
  13477. <div class="inner_cell">
  13478. <div class="input_area">
  13479. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">left</span> <span class="o">=</span> <span class="n">Button</span><span class="p">(</span>
  13480. <span class="n">description</span> <span class="o">=</span> <span class="s1">&#39;&#39;</span><span class="p">,</span>
  13481. <span class="n">icon</span> <span class="o">=</span> <span class="s1">&#39;rotate-left&#39;</span><span class="p">,</span>
  13482. <span class="p">)</span>
  13483. <span class="n">left</span><span class="o">.</span><span class="n">on_click</span><span class="p">(</span><span class="n">doleft</span><span class="p">)</span>
  13484. <span class="n">right</span> <span class="o">=</span> <span class="n">Button</span><span class="p">(</span>
  13485. <span class="n">description</span> <span class="o">=</span> <span class="s1">&#39;&#39;</span><span class="p">,</span>
  13486. <span class="n">icon</span> <span class="o">=</span> <span class="s1">&#39;rotate-right&#39;</span><span class="p">,</span>
  13487. <span class="p">)</span>
  13488. <span class="n">right</span><span class="o">.</span><span class="n">on_click</span><span class="p">(</span><span class="n">doright</span><span class="p">)</span>
  13489. <span class="n">output</span> <span class="o">=</span> <span class="n">Output</span><span class="p">()</span>
  13490. </pre></div>
  13491. </div>
  13492. </div>
  13493. </div>
  13494. </div>
  13495. <div class="cell border-box-sizing code_cell rendered">
  13496. <div class="input">
  13497. <div class="prompt input_prompt">In&nbsp;[35]:</div>
  13498. <div class="inner_cell">
  13499. <div class="input_area">
  13500. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">applayout</span> <span class="o">=</span> <span class="n">AppLayout</span><span class="p">(</span>
  13501. <span class="n">center</span><span class="o">=</span><span class="n">output</span><span class="p">,</span>
  13502. <span class="n">footer</span><span class="o">=</span><span class="n">HBox</span><span class="p">([</span><span class="n">left</span><span class="p">,</span><span class="n">right</span><span class="p">]),</span>
  13503. <span class="n">pane_heights</span><span class="o">=</span><span class="p">[</span><span class="mi">0</span><span class="p">,</span> <span class="mi">6</span><span class="p">,</span> <span class="mi">1</span><span class="p">]</span>
  13504. <span class="p">)</span>
  13505. <span class="c1">#drawing_tool.mpl.ion()</span>
  13506. </pre></div>
  13507. </div>
  13508. </div>
  13509. </div>
  13510. </div>
  13511. <div class="cell border-box-sizing code_cell rendered">
  13512. <div class="input">
  13513. <div class="prompt input_prompt">In&nbsp;[36]:</div>
  13514. <div class="inner_cell">
  13515. <div class="input_area">
  13516. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">applayout</span>
  13517. </pre></div>
  13518. </div>
  13519. </div>
  13520. </div>
  13521. <div class="output_wrapper">
  13522. <div class="output">
  13523. <div class="output_area">
  13524. <div class="prompt"></div>
  13525. <div id="126bffcc-3a1d-410c-b341-8569cbba7407"></div>
  13526. <div class="output_subarea output_widget_view ">
  13527. <script type="text/javascript">
  13528. var element = $('#126bffcc-3a1d-410c-b341-8569cbba7407');
  13529. </script>
  13530. <script type="application/vnd.jupyter.widget-view+json">
  13531. {"model_id": "0e8043cce2174319a620f71c111dfc1a", "version_major": 2, "version_minor": 0}
  13532. </script>
  13533. </div>
  13534. </div>
  13535. </div>
  13536. </div>
  13537. </div>
  13538. <div class="cell border-box-sizing code_cell rendered">
  13539. <div class="input">
  13540. <div class="prompt input_prompt">In&nbsp;[37]:</div>
  13541. <div class="inner_cell">
  13542. <div class="input_area">
  13543. <div class=" highlight hl-ipython3"><pre><span></span><span class="k">with</span> <span class="n">output</span><span class="p">:</span>
  13544. <span class="n">clear_output</span><span class="p">()</span>
  13545. <span class="n">display</span><span class="p">(</span><span class="n">drawing_tool</span><span class="o">.</span><span class="n">mpl</span><span class="o">.</span><span class="n">gcf</span><span class="p">()</span><span class="o">.</span><span class="n">canvas</span><span class="p">)</span>
  13546. </pre></div>
  13547. </div>
  13548. </div>
  13549. </div>
  13550. </div>
  13551. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13552. </div><div class="inner_cell">
  13553. <div class="text_cell_render border-box-sizing rendered_html">
  13554. <h3 id="Turn-it-interactiv">Turn it interactiv<a class="anchor-link" href="#Turn-it-interactiv">&#182;</a></h3>
  13555. </div>
  13556. </div>
  13557. </div>
  13558. <div class="cell border-box-sizing code_cell rendered">
  13559. <div class="input">
  13560. <div class="prompt input_prompt">In&nbsp;[39]:</div>
  13561. <div class="inner_cell">
  13562. <div class="input_area">
  13563. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">drawing_tool</span><span class="o">.</span><span class="n">mpl</span><span class="o">.</span><span class="n">ion</span><span class="p">()</span>
  13564. </pre></div>
  13565. </div>
  13566. </div>
  13567. </div>
  13568. </div>
  13569. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13570. </div><div class="inner_cell">
  13571. <div class="text_cell_render border-box-sizing rendered_html">
  13572. <p>Use left and right rotation button to rotate the sketch</p>
  13573. </div>
  13574. </div>
  13575. </div>
  13576. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13577. </div><div class="inner_cell">
  13578. <div class="text_cell_render border-box-sizing rendered_html">
  13579. <h2 id="Simulate-sketch-rotation">Simulate sketch rotation<a class="anchor-link" href="#Simulate-sketch-rotation">&#182;</a></h2>
  13580. </div>
  13581. </div>
  13582. </div>
  13583. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13584. </div><div class="inner_cell">
  13585. <div class="text_cell_render border-box-sizing rendered_html">
  13586. <p><a href="#Content">home</a></p>
  13587. </div>
  13588. </div>
  13589. </div>
  13590. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13591. </div><div class="inner_cell">
  13592. <div class="text_cell_render border-box-sizing rendered_html">
  13593. <h3 id="Using-SVG">Using SVG<a class="anchor-link" href="#Using-SVG">&#182;</a></h3>
  13594. </div>
  13595. </div>
  13596. </div>
  13597. <div class="cell border-box-sizing code_cell rendered">
  13598. <div class="input">
  13599. <div class="prompt input_prompt">In&nbsp;[38]:</div>
  13600. <div class="inner_cell">
  13601. <div class="input_area">
  13602. <div class=" highlight hl-ipython3"><pre><span></span><span class="k">for</span> <span class="n">i</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="mi">10</span><span class="p">):</span>
  13603. <span class="n">doright</span><span class="p">(</span><span class="kc">None</span><span class="p">)</span>
  13604. <span class="n">clear_output</span><span class="p">(</span><span class="n">wait</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>
  13605. <span class="n">display</span><span class="p">(</span><span class="n">SVG</span><span class="p">(</span><span class="n">Sketch</span><span class="o">.</span><span class="n">matplotlib2SVG</span><span class="p">()))</span>
  13606. <span class="n">time</span><span class="o">.</span><span class="n">sleep</span><span class="p">(</span><span class="mf">0.01</span><span class="p">)</span>
  13607. </pre></div>
  13608. </div>
  13609. </div>
  13610. </div>
  13611. <div class="output_wrapper">
  13612. <div class="output">
  13613. <div class="output_area">
  13614. <div class="prompt"></div>
  13615. <div class="output_svg output_subarea ">
  13616. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="345.6pt" version="1.1" viewBox="0 0 460.8 345.6" width="460.8pt">
  13617. <metadata>
  13618. <rdf:RDF xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
  13619. <cc:Work>
  13620. <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
  13621. <dc:date>2020-08-07T11:22:39.676334</dc:date>
  13622. <dc:format>image/svg+xml</dc:format>
  13623. <dc:creator>
  13624. <cc:Agent>
  13625. <dc:title>Matplotlib v3.3.0, https://matplotlib.org/</dc:title>
  13626. </cc:Agent>
  13627. </dc:creator>
  13628. </cc:Work>
  13629. </rdf:RDF>
  13630. </metadata>
  13631. <defs>
  13632. <style type="text/css">*{stroke-linecap:butt;stroke-linejoin:round;}</style>
  13633. </defs>
  13634. <g id="figure_1">
  13635. <g id="patch_1">
  13636. <path d="M 0 345.6 L 460.8 345.6 L 460.8 0 L 0 0 z " style="fill:#ffffff;"/>
  13637. </g>
  13638. <g id="axes_1">
  13639. <g id="line2d_1">
  13640. <path clip-path="url(#p8e25fa3a5e)" d="M 291.012284 98.671669 L 297.173599 133.614224 L 314.644876 130.533566 L 308.483561 95.591011 L 291.012284 98.671669 " style="fill:none;stroke:#808080;stroke-linecap:square;stroke-width:2;"/>
  13641. </g>
  13642. <g id="patch_2">
  13643. <path clip-path="url(#p8e25fa3a5e)" d="M 288.012284 95.671669 L 294.173599 130.614224 L 311.644876 127.533566 L 305.483561 92.591011 z " style="fill:#0000ff;stroke:#000000;stroke-linejoin:miter;stroke-width:2;"/>
  13644. </g>
  13645. <g id="patch_3">
  13646. <path clip-path="url(#p8e25fa3a5e)" d="M 291.092941 113.142946 L 285.851291 115.981229 L 285.525512 114.133641 L 256.151927 119.312997 L 256.148846 119.295526 L 285.522431 114.11617 L 285.196652 112.268583 z " style="stroke:#000000;stroke-linejoin:miter;stroke-width:2;"/>
  13647. </g>
  13648. <g id="patch_4">
  13649. <path clip-path="url(#p8e25fa3a5e)" d="M 280.42123 52.620666 L 315.9936 254.3616 L 312.59604 257.212492 L 277.02367 55.471558 z " style="fill:url(#h44da2f16fc);stroke:#000000;stroke-linejoin:miter;stroke-width:2;"/>
  13650. </g>
  13651. <g id="patch_5">
  13652. <path clip-path="url(#p8e25fa3a5e)" d="M 299.82858 147.084217 L 297.94362 141.429337 L 299.819709 141.429337 L 299.819709 111.602617 L 299.83745 111.602617 L 299.83745 141.429337 L 301.71354 141.429337 z " style="stroke:#000000;stroke-linejoin:miter;stroke-width:2;"/>
  13653. </g>
  13654. <g id="line2d_2">
  13655. <path clip-path="url(#p8e25fa3a5e)" d="M 256.150386 119.304261 L 291.092941 113.142946 " style="fill:none;stroke:#000000;stroke-linecap:square;stroke-width:2;"/>
  13656. </g>
  13657. <g id="line2d_3">
  13658. <path clip-path="url(#p8e25fa3a5e)" d="M 291.092941 113.142946 L 360.978051 100.820316 " style="fill:none;stroke:#000000;stroke-dasharray:2,3.3;stroke-dashoffset:0;stroke-width:2;"/>
  13659. </g>
  13660. <g id="line2d_4">
  13661. <path clip-path="url(#p8e25fa3a5e)" d="M 360.978051 100.820316 L 373.300681 170.705425 " style="fill:none;stroke:#000000;stroke-linecap:square;stroke-width:2;"/>
  13662. </g>
  13663. <g id="line2d_5">
  13664. <path clip-path="url(#p8e25fa3a5e)" d="M 375.363703 165.03732 L 373.300681 170.705425 " style="fill:none;stroke:#000000;stroke-linecap:square;stroke-width:2;"/>
  13665. </g>
  13666. <g id="line2d_6">
  13667. <path clip-path="url(#p8e25fa3a5e)" d="M 369.423468 166.084743 L 373.300681 170.705425 " style="fill:none;stroke:#000000;stroke-linecap:square;stroke-width:2;"/>
  13668. </g>
  13669. <g id="line2d_7">
  13670. <path clip-path="url(#p8e25fa3a5e)" d="M 298.2528 254.3616 L 227.2896 254.3616 " style="fill:none;stroke:#000000;stroke-linecap:square;stroke-width:2;"/>
  13671. </g>
  13672. <g id="line2d_8">
  13673. <path clip-path="url(#p8e25fa3a5e)" d="M 299.82858 111.602617 L 299.82858 147.084217 " style="fill:none;stroke:#000000;stroke-linecap:square;stroke-width:2;"/>
  13674. </g>
  13675. <g id="line2d_9">
  13676. <path clip-path="url(#p8e25fa3a5e)" d="M 306.751627 201.947768 L 303.518903 202.621811 L 300.334204 203.495038 L 297.209788 204.564087 L 294.157686 205.824844 L 291.189645 207.272454 L 288.317094 208.901344 L 285.551089 210.705244 L 282.90228 212.67721 L 280.380863 214.809649 L 277.996546 217.094352 L 275.758507 219.522524 L 273.675363 222.084818 L 271.755132 224.771368 L 270.005208 227.571833 L 268.432326 230.475431 L 267.042543 233.470984 L 265.841207 236.54696 L 264.832946 239.691518 L 264.021638 242.892552 L 263.410409 246.137739 L 263.001611 249.414585 L 262.796818 252.710476 L 262.7712 254.3616 L 262.7712 254.3616 " style="fill:none;stroke:#000000;stroke-linecap:square;"/>
  13677. </g>
  13678. <g id="text_1">
  13679. <!-- $N$ -->
  13680. <g transform="translate(242.266996 120.788111)scale(0.14 -0.14)">
  13681. <defs>
  13682. <path d="M 74 57.53125 C 75.09375 61.8125 76.703125 64.796875 84.296875 65.09375 C 84.59375 65.09375 85.796875 65.1875 85.796875 66.890625 C 85.796875 68 84.90625 68 84.5 68 C 82.5 68 77.40625 67.796875 75.40625 67.796875 L 70.59375 67.796875 C 69.203125 67.796875 67.40625 68 66 68 C 65.40625 68 64.203125 68 64.203125 66.09375 C 64.203125 65.09375 65 65.09375 65.703125 65.09375 C 71.703125 64.890625 72.09375 62.609375 72.09375 60.8125 C 72.09375 59.921875 72 59.625 71.703125 58.21875 L 60.40625 13.34375 L 39 66.296875 C 38.296875 67.890625 38.203125 68 36 68 L 23.796875 68 C 21.796875 68 20.90625 68 20.90625 66.09375 C 20.90625 65.09375 21.59375 65.09375 23.5 65.09375 C 24 65.09375 29.90625 65.09375 29.90625 64.203125 C 29.90625 64 29.703125 63.203125 29.59375 62.90625 L 16.296875 10.15625 C 15.09375 5.28125 12.703125 3.1875 6.09375 2.890625 C 5.59375 2.890625 4.59375 2.796875 4.59375 1 C 4.59375 0 5.59375 0 5.90625 0 C 7.90625 0 13 0.1875 15 0.1875 L 19.796875 0.1875 C 21.203125 0.1875 22.90625 0 24.296875 0 C 25 0 26.09375 0 26.09375 1.890625 C 26.09375 2.796875 25.09375 2.890625 24.703125 2.890625 C 21.40625 2.984375 18.203125 3.59375 18.203125 7.171875 C 18.203125 7.96875 18.40625 8.859375 18.59375 9.65625 L 32.09375 62.90625 C 32.703125 61.90625 32.703125 61.703125 33.09375 60.8125 L 56.90625 1.796875 C 57.40625 0.59375 57.59375 0 58.5 0 C 59.5 0 59.59375 0.296875 60 2 z " id="CMMI12-78"/>
  13683. </defs>
  13684. <use transform="scale(0.996264)" xlink:href="#CMMI12-78"/>
  13685. </g>
  13686. </g>
  13687. <g id="text_2">
  13688. <!-- $c$ -->
  13689. <g transform="translate(296.889756 111.602617)scale(0.14 -0.14)">
  13690. <defs>
  13691. <path d="M 39.09375 38 C 37.203125 38 36.296875 38 34.90625 36.796875 C 34.296875 36.296875 33.203125 34.796875 33.203125 33.1875 C 33.203125 31.1875 34.703125 29.984375 36.59375 29.984375 C 39 29.984375 41.703125 31.984375 41.703125 35.984375 C 41.703125 40.484375 37.09375 44 30.203125 44 C 17.09375 44 4 30.1875 4 15.796875 C 4 6.96875 9.40625 -1 19.59375 -1 C 33.203125 -1 41.796875 9.71875 41.796875 11.03125 C 41.796875 11.640625 41.203125 12.140625 40.796875 12.140625 C 40.5 12.140625 40.40625 12.046875 39.5 11.125 C 33.09375 2.515625 23.59375 1 19.796875 1 C 12.90625 1 10.703125 7.078125 10.703125 12.140625 C 10.703125 15.6875 12.40625 25.53125 16 32.390625 C 18.59375 37.09375 24 41.984375 30.296875 41.984375 C 31.59375 41.984375 37.09375 41.8125 39.09375 38 z " id="CMMI12-99"/>
  13692. </defs>
  13693. <use transform="scale(0.996264)" xlink:href="#CMMI12-99"/>
  13694. </g>
  13695. </g>
  13696. <g id="text_3">
  13697. <!-- $x$ -->
  13698. <g transform="translate(370.584101 177.305686)scale(0.14 -0.14)">
  13699. <defs>
  13700. <path d="M 47.40625 41 C 44.203125 40.390625 43 37.984375 43 36.09375 C 43 33.6875 44.90625 32.890625 46.296875 32.890625 C 49.296875 32.890625 51.40625 35.484375 51.40625 38.1875 C 51.40625 42.09375 46.59375 44 42.40625 44 C 36.296875 44 32.90625 38.296875 32 36.390625 C 29.703125 43.59375 23.5 44 21.703125 44 C 11.5 44 6.09375 31.140625 6.09375 28.890625 C 6.09375 28.484375 6.5 27.96875 7.203125 27.96875 C 8 27.96875 8.203125 28.578125 8.40625 28.984375 C 11.796875 40.1875 18.5 41.984375 21.40625 41.984375 C 25.90625 41.984375 26.796875 38.09375 26.796875 35.6875 C 26.796875 33.484375 26.203125 31.140625 25 26.21875 L 21.59375 12.15625 C 20.09375 6.09375 17.203125 1 11.90625 1 C 11.40625 1 8.90625 1 6.796875 1.96875 C 10.40625 2.59375 11.203125 5.59375 11.203125 6.796875 C 11.203125 8.796875 9.703125 10 7.796875 10 C 5.40625 10 2.796875 7.890625 2.796875 4.6875 C 2.796875 0.890625 7.5 -1 11.796875 -1 C 16.59375 -1 20 2.390625 22.09375 6.484375 C 23.703125 1 28.703125 -1 32.40625 -1 C 42.59375 -1 48 11.734375 48 14 C 48 14.515625 47.59375 14.921875 47 14.921875 C 46.09375 14.921875 46 14.40625 45.703125 13.59375 C 43 4.6875 37.203125 1 32.703125 1 C 29.203125 1 27.296875 3.1875 27.296875 7.296875 C 27.296875 9.484375 27.703125 11.125 29.296875 17.90625 L 32.796875 31.859375 C 34.296875 37.890625 37.703125 41.984375 42.296875 41.984375 C 42.5 41.984375 45.296875 41.984375 47.40625 41 z " id="CMMI12-120"/>
  13701. </defs>
  13702. <use transform="scale(0.996264)" xlink:href="#CMMI12-120"/>
  13703. </g>
  13704. </g>
  13705. <g id="text_4">
  13706. <!-- $A$ -->
  13707. <g transform="translate(275.302281 52.620666)scale(0.14 -0.14)">
  13708. <defs>
  13709. <path d="M 17 11.25 C 13.5 5.234375 10.09375 3.203125 5.296875 2.890625 C 4.203125 2.796875 3.40625 2.796875 3.40625 1 C 3.40625 0.390625 3.90625 0 4.59375 0 C 6.40625 0 10.90625 0.1875 12.703125 0.1875 C 15.59375 0.1875 18.796875 0 21.59375 0 C 22.203125 0 23.40625 0 23.40625 1.890625 C 23.40625 2.796875 22.59375 2.890625 22 2.890625 C 19.703125 3.09375 17.796875 3.90625 17.796875 6.359375 C 17.796875 7.78125 18.40625 8.90625 19.703125 11.15625 L 27.296875 24 L 52.796875 24 C 52.90625 23.078125 52.90625 22.265625 53 21.34375 C 53.296875 18.6875 54.5 8.09375 54.5 6.15625 C 54.5 3.09375 49.40625 2.890625 47.796875 2.890625 C 46.703125 2.890625 45.59375 2.890625 45.59375 1.09375 C 45.59375 0 46.5 0 47.09375 0 C 48.796875 0 50.796875 0.1875 52.5 0.1875 L 58.203125 0.1875 C 64.296875 0.1875 68.703125 0 68.796875 0 C 69.5 0 70.59375 0 70.59375 1.890625 C 70.59375 2.890625 69.703125 2.890625 68.203125 2.890625 C 62.703125 2.890625 62.59375 3.8125 62.296875 6.875 L 56.203125 68.796875 C 56 70.796875 55.59375 71 54.5 71 C 53.5 71 52.90625 70.796875 52 69.296875 z M 29 26.890625 L 49.09375 59.859375 L 52.5 26.890625 z " id="CMMI12-65"/>
  13710. </defs>
  13711. <use transform="scale(0.996264)" xlink:href="#CMMI12-65"/>
  13712. </g>
  13713. </g>
  13714. <g id="text_5">
  13715. <!-- $B$ -->
  13716. <g transform="translate(310.806045 254.3616)scale(0.14 -0.14)">
  13717. <defs>
  13718. <path d="M 36.59375 61.171875 C 37.5 64.890625 37.90625 65.09375 41.796875 65.09375 L 54.796875 65.09375 C 66.09375 65.09375 66.09375 55.421875 66.09375 54.515625 C 66.09375 46.359375 58 36 44.796875 36 L 30.40625 36 z M 53.5 35.1875 C 64.40625 37.203125 74.296875 44.859375 74.296875 54.109375 C 74.296875 61.96875 67.40625 68 56.09375 68 L 24 68 C 22.09375 68 21.203125 68 21.203125 66.09375 C 21.203125 65.09375 22.09375 65.09375 23.59375 65.09375 C 29.703125 65.09375 29.703125 64.28125 29.703125 63.171875 C 29.703125 62.984375 29.703125 62.375 29.296875 60.859375 L 15.796875 7.328125 C 14.90625 3.875 14.703125 2.890625 7.703125 2.890625 C 5.796875 2.890625 4.796875 2.890625 4.796875 1.09375 C 4.796875 0 5.40625 0 7.40625 0 L 41.703125 0 C 57 0 68.796875 11.453125 68.796875 21.390625 C 68.796875 29.46875 61.59375 34.390625 53.5 35.1875 z M 39.296875 2.890625 L 25.796875 2.890625 C 24.40625 2.890625 24.203125 2.890625 23.59375 2.984375 C 22.5 3.09375 22.40625 3.28125 22.40625 4.078125 C 22.40625 4.765625 22.59375 5.359375 22.796875 6.234375 L 29.796875 34 L 48.59375 34 C 60.40625 34 60.40625 23.171875 60.40625 22.375 C 60.40625 12.9375 51.703125 2.890625 39.296875 2.890625 z " id="CMMI12-66"/>
  13719. </defs>
  13720. <use transform="scale(0.996264)" xlink:href="#CMMI12-66"/>
  13721. </g>
  13722. </g>
  13723. <g id="text_6">
  13724. <!-- $Mg$ -->
  13725. <g transform="translate(289.224219 155.629369)scale(0.14 -0.14)">
  13726. <defs>
  13727. <path d="M 90.796875 60.71875 C 91.703125 64.09375 91.90625 65.09375 99 65.09375 C 100.90625 65.09375 101.796875 65.09375 101.796875 66.984375 C 101.796875 68 101.09375 68 99.203125 68 L 87.203125 68 C 84.703125 68 84.59375 67.890625 83.5 66.296875 L 47 8.859375 L 39.5 65.796875 C 39.203125 68 39.09375 68 36.5 68 L 24.09375 68 C 22.203125 68 21.296875 68 21.296875 66.09375 C 21.296875 65.09375 22.203125 65.09375 23.703125 65.09375 C 29.796875 65.09375 29.796875 64.296875 29.796875 63.203125 C 29.796875 63 29.796875 62.40625 29.40625 60.90625 L 16.59375 10.15625 C 15.40625 5.375 13.09375 3.1875 6.40625 2.890625 C 6.09375 2.890625 4.90625 2.796875 4.90625 1.09375 C 4.90625 0 5.796875 0 6.203125 0 C 8.203125 0 13.296875 0.1875 15.296875 0.1875 L 20.09375 0.1875 C 21.5 0.1875 23.203125 0 24.59375 0 C 25.296875 0 26.40625 0 26.40625 1.890625 C 26.40625 2.796875 25.40625 2.890625 25 2.890625 C 21.703125 2.984375 18.5 3.59375 18.5 7.171875 C 18.5 8.171875 18.5 8.265625 18.90625 9.65625 L 32.703125 64.5 L 32.796875 64.5 L 41.09375 2.6875 C 41.40625 0.296875 41.5 0 42.40625 0 C 43.5 0 44 0.796875 44.5 1.6875 L 84.703125 64.984375 L 84.796875 64.984375 L 70.296875 7.375 C 69.40625 3.890625 69.203125 2.890625 62.203125 2.890625 C 60.296875 2.890625 59.296875 2.890625 59.296875 1.09375 C 59.296875 0 60.203125 0 60.796875 0 C 62.5 0 64.5 0.1875 66.203125 0.1875 L 78 0.1875 C 79.703125 0.1875 81.796875 0 83.5 0 C 84.296875 0 85.40625 0 85.40625 1.890625 C 85.40625 2.890625 84.5 2.890625 83 2.890625 C 76.90625 2.890625 76.90625 3.6875 76.90625 4.6875 C 76.90625 4.78125 76.90625 5.484375 77.09375 6.28125 z " id="CMMI12-77"/>
  13728. <path d="M 33.796875 12.671875 C 33.40625 11.0625 33.203125 10.671875 31.90625 9.171875 C 27.796875 3.890625 23.59375 2 20.5 2 C 17.203125 2 14.09375 4.578125 14.09375 11.46875 C 14.09375 16.75 17.09375 27.921875 19.296875 32.421875 C 22.203125 38 26.703125 41.984375 30.90625 41.984375 C 37.5 41.984375 38.796875 33.8125 38.796875 33.21875 L 38.5 31.8125 z M 40 37.40625 C 38.703125 40.296875 35.90625 44 30.90625 44 C 20 44 7.59375 30.328125 7.59375 15.453125 C 7.59375 5.078125 13.90625 0 20.296875 0 C 25.59375 0 30.296875 4.1875 32.09375 6.1875 L 29.90625 -2.75 C 28.5 -8.125 27.90625 -10.578125 24.296875 -14 C 20.203125 -18 16.40625 -18 14.203125 -18 C 11.203125 -18 8.703125 -17.8125 6.203125 -17.03125 C 9.40625 -16.15625 10.203125 -13.40625 10.203125 -12.328125 C 10.203125 -10.765625 9 -9.203125 6.796875 -9.203125 C 4.40625 -9.203125 1.796875 -11.15625 1.796875 -14.390625 C 1.796875 -18.40625 5.90625 -20 14.40625 -20 C 27.296875 -20 34 -11.84375 35.296875 -6.5625 L 46.40625 37.90625 C 46.703125 39.09375 46.703125 39.296875 46.703125 39.5 C 46.703125 40.890625 45.59375 42 44.09375 42 C 41.703125 42 40.296875 40 40 37.3125 z " id="CMMI12-103"/>
  13729. </defs>
  13730. <use transform="scale(0.996264)" xlink:href="#CMMI12-77"/>
  13731. <use transform="translate(104.780079 0)scale(0.996264)" xlink:href="#CMMI12-103"/>
  13732. </g>
  13733. </g>
  13734. <g id="text_7">
  13735. <!-- $\theta$ -->
  13736. <g transform="translate(267.280931 216.91989)scale(0.18 -0.18)">
  13737. <defs>
  13738. <path d="M 44.296875 50 C 44.296875 60.140625 41.09375 70 32.90625 70 C 18.90625 70 4 40.859375 4 18.984375 C 4 14.40625 5 -1 15.5 -1 C 29.09375 -1 44.296875 27.421875 44.296875 50 z M 14 36 C 15.5 41.859375 17.59375 50.203125 21.59375 57.265625 C 24.90625 63.21875 28.40625 67.984375 32.796875 67.984375 C 36.09375 67.984375 38.296875 65.203125 38.296875 55.671875 C 38.296875 52.09375 38 47.125 35.09375 36 z M 34.40625 33 C 31.90625 23.25 29.796875 17 26.203125 10.734375 C 23.296875 5.65625 19.796875 1 15.59375 1 C 12.5 1 10 3.375 10 13.21875 C 10 19.671875 11.59375 26.4375 13.203125 33 z " id="CMMI12-18"/>
  13739. </defs>
  13740. <use transform="scale(0.996264)" xlink:href="#CMMI12-18"/>
  13741. </g>
  13742. </g>
  13743. </g>
  13744. </g>
  13745. <defs>
  13746. <clipPath id="p8e25fa3a5e">
  13747. <rect height="266.112" width="301.5936" x="85.3632" y="41.472"/>
  13748. </clipPath>
  13749. </defs>
  13750. <defs>
  13751. <pattern height="72" id="h44da2f16fc" patternUnits="userSpaceOnUse" width="72" x="0" y="0">
  13752. <rect fill="#ffffff" height="73" width="73" x="0" y="0"/>
  13753. <path d="M -36 36 L 36 -36 M -24 48 L 48 -24 M -12 60 L 60 -12 M 0 72 L 72 0 M 12 84 L 84 12 M 24 96 L 96 24 M 36 108 L 108 36 " style="fill:#000000;stroke:#000000;stroke-linecap:butt;stroke-linejoin:miter;stroke-width:1.0;"/>
  13754. </pattern>
  13755. </defs>
  13756. </svg>
  13757. </div>
  13758. </div>
  13759. </div>
  13760. </div>
  13761. </div>
  13762. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13763. </div><div class="inner_cell">
  13764. <div class="text_cell_render border-box-sizing rendered_html">
  13765. <h3 id="Using-PNG">Using PNG<a class="anchor-link" href="#Using-PNG">&#182;</a></h3>
  13766. </div>
  13767. </div>
  13768. </div>
  13769. <div class="cell border-box-sizing code_cell rendered">
  13770. <div class="input">
  13771. <div class="prompt input_prompt">In&nbsp;[&nbsp;]:</div>
  13772. <div class="inner_cell">
  13773. <div class="input_area">
  13774. <div class=" highlight hl-ipython3"><pre><span></span><span class="k">for</span> <span class="n">i</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="mi">10</span><span class="p">):</span>
  13775. <span class="n">doright</span><span class="p">(</span><span class="kc">None</span><span class="p">)</span>
  13776. <span class="n">clear_output</span><span class="p">(</span><span class="n">wait</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>
  13777. <span class="n">display</span><span class="p">(</span><span class="n">Sketch</span><span class="o">.</span><span class="n">matplotlib2PNG</span><span class="p">())</span>
  13778. <span class="n">time</span><span class="o">.</span><span class="n">sleep</span><span class="p">(</span><span class="mf">0.01</span><span class="p">)</span>
  13779. </pre></div>
  13780. </div>
  13781. </div>
  13782. </div>
  13783. </div>
  13784. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13785. </div><div class="inner_cell">
  13786. <div class="text_cell_render border-box-sizing rendered_html">
  13787. <h3 id="take-a-canvas-snapshot">take a canvas snapshot<a class="anchor-link" href="#take-a-canvas-snapshot">&#182;</a></h3>
  13788. </div>
  13789. </div>
  13790. </div>
  13791. <div class="cell border-box-sizing code_cell rendered">
  13792. <div class="input">
  13793. <div class="prompt input_prompt">In&nbsp;[&nbsp;]:</div>
  13794. <div class="inner_cell">
  13795. <div class="input_area">
  13796. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">drawing_tool</span><span class="o">.</span><span class="n">mpl</span><span class="o">.</span><span class="n">gcf</span><span class="p">()</span><span class="o">.</span><span class="n">canvas</span><span class="o">.</span><span class="n">print_png</span><span class="p">(</span><span class="s2">&quot;friction.png&quot;</span><span class="p">)</span>
  13797. <span class="kn">from</span> <span class="nn">PIL</span> <span class="kn">import</span> <span class="n">Image</span>
  13798. <span class="n">img</span> <span class="o">=</span> <span class="n">Image</span><span class="o">.</span><span class="n">open</span><span class="p">(</span><span class="s2">&quot;friction.png&quot;</span><span class="p">)</span>
  13799. <span class="n">img</span>
  13800. </pre></div>
  13801. </div>
  13802. </div>
  13803. </div>
  13804. </div>
  13805. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13806. </div><div class="inner_cell">
  13807. <div class="text_cell_render border-box-sizing rendered_html">
  13808. <h2 id="Sketch-composition">Sketch composition<a class="anchor-link" href="#Sketch-composition">&#182;</a></h2>
  13809. </div>
  13810. </div>
  13811. </div>
  13812. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13813. </div><div class="inner_cell">
  13814. <div class="text_cell_render border-box-sizing rendered_html">
  13815. <p><a href="#Content">home</a></p>
  13816. </div>
  13817. </div>
  13818. </div>
  13819. <div class="cell border-box-sizing code_cell rendered">
  13820. <div class="input">
  13821. <div class="prompt input_prompt">In&nbsp;[&nbsp;]:</div>
  13822. <div class="inner_cell">
  13823. <div class="input_area">
  13824. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">myfig</span><span class="p">[</span><span class="s1">&#39;friction&#39;</span><span class="p">]</span><span class="o">.</span><span class="n">graphviz_dot</span><span class="p">(</span><span class="s1">&#39;friction&#39;</span><span class="p">)</span>
  13825. </pre></div>
  13826. </div>
  13827. </div>
  13828. </div>
  13829. </div>
  13830. <div class="cell border-box-sizing code_cell rendered">
  13831. <div class="input">
  13832. <div class="prompt input_prompt">In&nbsp;[&nbsp;]:</div>
  13833. <div class="inner_cell">
  13834. <div class="input_area">
  13835. <div class=" highlight hl-ipython3"><pre><span></span><span class="o">!</span>dot -Tpng -o dotfriction.png friction.dot
  13836. <span class="kn">from</span> <span class="nn">PIL</span> <span class="kn">import</span> <span class="n">Image</span>
  13837. <span class="n">img</span> <span class="o">=</span> <span class="n">Image</span><span class="o">.</span><span class="n">open</span><span class="p">(</span><span class="s2">&quot;dotfriction.png&quot;</span><span class="p">)</span>
  13838. <span class="n">img</span>
  13839. </pre></div>
  13840. </div>
  13841. </div>
  13842. </div>
  13843. </div>
  13844. <div class="cell border-box-sizing code_cell rendered">
  13845. <div class="input">
  13846. <div class="prompt input_prompt">In&nbsp;[&nbsp;]:</div>
  13847. <div class="inner_cell">
  13848. <div class="input_area">
  13849. <div class=" highlight hl-ipython3"><pre><span></span><span class="o">!</span>dot -Tsvg -o dotfriction.svg friction.dot
  13850. </pre></div>
  13851. </div>
  13852. </div>
  13853. </div>
  13854. </div>
  13855. <div class="cell border-box-sizing code_cell rendered">
  13856. <div class="input">
  13857. <div class="prompt input_prompt">In&nbsp;[&nbsp;]:</div>
  13858. <div class="inner_cell">
  13859. <div class="input_area">
  13860. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">display</span><span class="p">(</span><span class="n">SVG</span><span class="p">(</span><span class="s2">&quot;dotfriction.svg&quot;</span><span class="p">))</span>
  13861. </pre></div>
  13862. </div>
  13863. </div>
  13864. </div>
  13865. </div>
  13866. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13867. </div><div class="inner_cell">
  13868. <div class="text_cell_render border-box-sizing rendered_html">
  13869. <h2 id="Sketch-serialization">Sketch serialization<a class="anchor-link" href="#Sketch-serialization">&#182;</a></h2>
  13870. </div>
  13871. </div>
  13872. </div>
  13873. <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
  13874. </div><div class="inner_cell">
  13875. <div class="text_cell_render border-box-sizing rendered_html">
  13876. <p><a href="#Content">home</a></p>
  13877. </div>
  13878. </div>
  13879. </div>
  13880. <div class="cell border-box-sizing code_cell rendered">
  13881. <div class="input">
  13882. <div class="prompt input_prompt">In&nbsp;[27]:</div>
  13883. <div class="inner_cell">
  13884. <div class="input_area">
  13885. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">sketchstring</span> <span class="o">=</span> <span class="n">sketch</span><span class="o">.</span><span class="n">getSketch</span><span class="p">()</span>
  13886. </pre></div>
  13887. </div>
  13888. </div>
  13889. </div>
  13890. </div>
  13891. <div class="cell border-box-sizing code_cell rendered">
  13892. <div class="input">
  13893. <div class="prompt input_prompt">In&nbsp;[28]:</div>
  13894. <div class="inner_cell">
  13895. <div class="input_area">
  13896. <div class=" highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">sys</span>
  13897. </pre></div>
  13898. </div>
  13899. </div>
  13900. </div>
  13901. </div>
  13902. <div class="cell border-box-sizing code_cell rendered">
  13903. <div class="input">
  13904. <div class="prompt input_prompt">In&nbsp;[29]:</div>
  13905. <div class="inner_cell">
  13906. <div class="input_area">
  13907. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">sys</span><span class="o">.</span><span class="n">stdout</span><span class="o">.</span><span class="n">write</span><span class="p">(</span><span class="n">sketchstring</span><span class="p">)</span>
  13908. </pre></div>
  13909. </div>
  13910. </div>
  13911. </div>
  13912. <div class="output_wrapper">
  13913. <div class="output">
  13914. <div class="output_area">
  13915. <div class="prompt"></div>
  13916. <div class="output_subarea output_stream output_stdout output_text">
  13917. <pre>!!omap
  13918. - name: unknown
  13919. - parts:
  13920. - name: head
  13921. shapes:
  13922. libraries: [&#39;from math import tan, radians, sin, cos&#39;, from pysketcher import
  13923. *]
  13924. - name: constants
  13925. shapes:
  13926. fontsize: 18 # size of the characters
  13927. g: 9.81 # constant gravity
  13928. theta: 30.0 # inclined plane angle
  13929. L: 10.0 # sketch sizing parameter
  13930. a: 1.0 #
  13931. xmin: 0.0 # sketech min Abscissa
  13932. ymin: -3.0 # sketech min Ordinate
  13933. rl: 2.0 # rectangle width
  13934. rL: 1.0 # rectangle length
  13935. - name: frame
  13936. shapes:
  13937. setframe: # sketch setup
  13938. action: drawing_tool.set_coordinate_system(xmin=xmin-L/5, xmax=xmin+1.5*L,ymin=ymin,
  13939. ymax=ymin+1.5*L,instruction_file=&#39;tmp_mpl_friction.py&#39;)
  13940. setblackline: # default frame values and actions
  13941. action: drawing_tool.set_linecolor(&#39;black&#39;)
  13942. B: point(a+L,0) # wall right end
  13943. A: point(a,tan(radians(theta))*L) # wall left end
  13944. normal_vec: point(sin(radians(theta)),cos(radians(theta))) # Vector normal to wall
  13945. tangent_vec: point(cos(radians(theta)),-sin(radians(theta))) # Vector tangent to wall
  13946. help_line: Line(A,B) # wall line
  13947. x: a + 3*L/10. # contact point Abscissa
  13948. y: help_line(x=x) # contact point Ordinate
  13949. contact: point(x, y) # contact point: middle of the rectangle bottom edge
  13950. c: contact + rL/2*normal_vec
  13951. - name: body
  13952. shapes:
  13953. rectangle:
  13954. formula: Rectangle(contact, rl, rL)
  13955. style:
  13956. linecolor: blue
  13957. filled_curves: blue
  13958. transform: [&#39;rotate(-theta, contact)&#39;, translate(-rl/2*tangent_vec)]
  13959. N:
  13960. formula: Force(contact - rl*normal_vec, contact, r&#39;$N$&#39;, text_pos=&#39;start&#39;)
  13961. style:
  13962. linecolor: black
  13963. wheel:
  13964. formula: &#34;Composition({&#39;outer&#39;: rectangle})&#34;
  13965. style:
  13966. shadow: 1
  13967. mc:
  13968. formula: Text(r&#39;$c$&#39;, c)
  13969. body:
  13970. formula: &#34;Composition({&#39;wheel&#39;: wheel, &#39;N&#39;: N, &#39;mc&#39;: mc})&#34;
  13971. style:
  13972. linecolor: black
  13973. - name: plan
  13974. shapes:
  13975. mB:
  13976. formula: Text(r&#39;$B$&#39;,B)
  13977. mA:
  13978. formula: Text(r&#39;$A$&#39;, A)
  13979. wall:
  13980. formula: Wall(x=[A[0], B[0]], y=[A[1], B[1]], thickness=-0.25,transparent=False)
  13981. style:
  13982. linecolor: black
  13983. x_const:
  13984. formula: Line(contact, contact + point(0,4))
  13985. style:
  13986. linestyle: dotted
  13987. transform: rotate(-theta, contact)
  13988. x_axis:
  13989. formula: Axis(start=contact+ 2*rl*normal_vec, length=2*rl,label=&#39;$x$&#39;, rotation_angle=-theta)
  13990. plan:
  13991. formula: &#34;Composition({&#39;body&#39;: body, &#39;inclined wall&#39;: wall, &#39;x start&#39;: x_const,\
  13992. \ &#39;x axis&#39;: x_axis, &#39;mA&#39;: mA, &#39;mB&#39;: mB})&#34;
  13993. - name: friction
  13994. shapes:
  13995. mg:
  13996. formula: Gravity(c, rl, text=&#39;$Mg$&#39;)
  13997. style:
  13998. linecolor: black
  13999. angle:
  14000. formula: Arc_wText(r&#39;$&lt;bslash&gt;theta$&#39;, center=B, radius=3, start_angle=180-theta,
  14001. arc_angle=theta, fontsize=fontsize)
  14002. style:
  14003. linecolor: black
  14004. linewidth: 1
  14005. ground:
  14006. formula: Line((B[0]-L/10., 0), (B[0]-L/2.,0))
  14007. stlye:
  14008. linecolor: black
  14009. linestyle: dashed
  14010. linewidth: 1
  14011. friction:
  14012. formula: &#34;Composition({&#39;plan&#39;: plan, &#39;ground&#39;: ground, &#39;mg&#39;: mg, &#39;angle&#39;:\
  14013. \ angle})&#34;
  14014. </pre>
  14015. </div>
  14016. </div>
  14017. </div>
  14018. </div>
  14019. </div>
  14020. <div class="cell border-box-sizing code_cell rendered">
  14021. <div class="input">
  14022. <div class="prompt input_prompt">In&nbsp;[30]:</div>
  14023. <div class="inner_cell">
  14024. <div class="input_area">
  14025. <div class=" highlight hl-ipython3"><pre><span></span><span class="n">sketch</span><span class="o">.</span><span class="n">loadSketch</span><span class="p">(</span><span class="n">sketchstring</span><span class="p">)</span>
  14026. </pre></div>
  14027. </div>
  14028. </div>
  14029. </div>
  14030. <div class="output_wrapper">
  14031. <div class="output">
  14032. <div class="output_area">
  14033. <div class="prompt output_prompt">Out[30]:</div>
  14034. <div class="output_text output_subarea output_execute_result">
  14035. <pre>True</pre>
  14036. </div>
  14037. </div>
  14038. </div>
  14039. </div>
  14040. </div>
  14041. <div class="cell border-box-sizing code_cell rendered">
  14042. <div class="input">
  14043. <div class="prompt input_prompt">In&nbsp;[&nbsp;]:</div>
  14044. <div class="inner_cell">
  14045. <div class="input_area">
  14046. <div class=" highlight hl-ipython3"><pre><span></span>
  14047. </pre></div>
  14048. </div>
  14049. </div>
  14050. </div>
  14051. </div>
  14052. </div>
  14053. </div>
  14054. </body>
  14055. </html>