site.css 342 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594459545964597459845994600460146024603460446054606460746084609461046114612461346144615461646174618461946204621462246234624462546264627462846294630463146324633463446354636463746384639464046414642464346444645464646474648464946504651465246534654465546564657465846594660466146624663466446654666466746684669467046714672467346744675467646774678467946804681468246834684468546864687468846894690469146924693469446954696469746984699470047014702470347044705470647074708470947104711471247134714471547164717471847194720472147224723472447254726472747284729473047314732473347344735473647374738473947404741474247434744474547464747474847494750475147524753475447554756475747584759476047614762476347644765476647674768476947704771477247734774477547764777477847794780478147824783478447854786478747884789479047914792479347944795479647974798479948004801480248034804480548064807480848094810481148124813481448154816481748184819482048214822482348244825482648274828482948304831483248334834483548364837483848394840484148424843484448454846484748484849485048514852485348544855485648574858485948604861486248634864486548664867486848694870487148724873487448754876487748784879488048814882488348844885488648874888488948904891489248934894489548964897489848994900490149024903490449054906490749084909491049114912491349144915491649174918491949204921492249234924492549264927492849294930493149324933493449354936493749384939494049414942494349444945494649474948494949504951495249534954495549564957495849594960496149624963496449654966496749684969497049714972497349744975497649774978497949804981498249834984498549864987498849894990499149924993499449954996499749984999500050015002500350045005500650075008500950105011501250135014501550165017501850195020502150225023502450255026502750285029503050315032503350345035503650375038503950405041504250435044504550465047504850495050505150525053505450555056505750585059506050615062506350645065506650675068506950705071507250735074507550765077507850795080508150825083508450855086508750885089509050915092509350945095509650975098509951005101510251035104510551065107510851095110511151125113511451155116511751185119512051215122512351245125512651275128512951305131513251335134513551365137513851395140514151425143514451455146514751485149515051515152515351545155515651575158515951605161516251635164516551665167516851695170517151725173517451755176517751785179518051815182518351845185518651875188518951905191519251935194519551965197519851995200520152025203520452055206520752085209521052115212521352145215521652175218521952205221522252235224522552265227522852295230523152325233523452355236523752385239524052415242524352445245524652475248524952505251525252535254525552565257525852595260526152625263526452655266526752685269527052715272527352745275527652775278527952805281528252835284528552865287528852895290529152925293529452955296529752985299530053015302530353045305530653075308530953105311531253135314531553165317531853195320532153225323532453255326532753285329533053315332533353345335533653375338533953405341534253435344534553465347534853495350535153525353535453555356535753585359536053615362536353645365536653675368536953705371537253735374537553765377537853795380538153825383538453855386538753885389539053915392539353945395539653975398539954005401540254035404540554065407540854095410541154125413541454155416541754185419542054215422542354245425542654275428542954305431543254335434543554365437543854395440544154425443544454455446544754485449545054515452545354545455545654575458545954605461546254635464546554665467546854695470547154725473547454755476547754785479548054815482548354845485548654875488548954905491549254935494549554965497549854995500550155025503550455055506550755085509551055115512551355145515551655175518551955205521552255235524552555265527552855295530553155325533553455355536553755385539554055415542554355445545554655475548554955505551555255535554555555565557555855595560556155625563556455655566556755685569557055715572557355745575557655775578557955805581558255835584558555865587558855895590559155925593559455955596559755985599560056015602560356045605560656075608560956105611561256135614561556165617561856195620562156225623562456255626562756285629563056315632563356345635563656375638563956405641564256435644564556465647564856495650565156525653565456555656565756585659566056615662566356645665566656675668566956705671567256735674567556765677567856795680568156825683568456855686568756885689569056915692569356945695569656975698569957005701570257035704570557065707570857095710571157125713571457155716571757185719572057215722572357245725572657275728572957305731573257335734573557365737573857395740574157425743574457455746574757485749575057515752575357545755575657575758575957605761576257635764576557665767576857695770577157725773577457755776577757785779578057815782578357845785578657875788578957905791579257935794579557965797579857995800580158025803580458055806580758085809581058115812581358145815581658175818581958205821582258235824582558265827582858295830583158325833583458355836583758385839584058415842584358445845584658475848584958505851585258535854585558565857585858595860586158625863586458655866586758685869587058715872587358745875587658775878587958805881588258835884588558865887588858895890589158925893589458955896589758985899590059015902590359045905590659075908590959105911591259135914591559165917591859195920592159225923592459255926592759285929593059315932593359345935593659375938593959405941594259435944594559465947594859495950595159525953595459555956595759585959596059615962596359645965596659675968596959705971597259735974597559765977597859795980598159825983598459855986598759885989599059915992599359945995599659975998599960006001600260036004600560066007600860096010601160126013601460156016601760186019602060216022602360246025602660276028602960306031603260336034603560366037603860396040604160426043604460456046604760486049605060516052605360546055605660576058605960606061606260636064606560666067606860696070607160726073607460756076607760786079608060816082608360846085608660876088608960906091609260936094609560966097609860996100610161026103610461056106610761086109611061116112611361146115611661176118611961206121612261236124612561266127612861296130613161326133613461356136613761386139614061416142614361446145614661476148614961506151615261536154615561566157615861596160616161626163616461656166616761686169617061716172617361746175617661776178617961806181618261836184618561866187618861896190619161926193619461956196619761986199620062016202620362046205620662076208620962106211621262136214621562166217621862196220622162226223622462256226622762286229623062316232623362346235623662376238623962406241624262436244624562466247624862496250625162526253625462556256625762586259626062616262626362646265626662676268626962706271627262736274627562766277627862796280628162826283628462856286628762886289629062916292629362946295629662976298629963006301630263036304630563066307630863096310631163126313631463156316631763186319632063216322632363246325632663276328632963306331633263336334633563366337633863396340634163426343634463456346634763486349635063516352635363546355635663576358635963606361636263636364636563666367636863696370637163726373637463756376637763786379638063816382638363846385638663876388638963906391639263936394639563966397639863996400640164026403640464056406640764086409641064116412641364146415641664176418641964206421642264236424642564266427642864296430643164326433643464356436643764386439644064416442644364446445644664476448644964506451645264536454645564566457645864596460646164626463646464656466646764686469647064716472647364746475647664776478647964806481648264836484648564866487648864896490649164926493649464956496649764986499650065016502650365046505650665076508650965106511651265136514651565166517651865196520652165226523652465256526652765286529653065316532653365346535653665376538653965406541654265436544654565466547654865496550655165526553655465556556655765586559656065616562656365646565656665676568656965706571657265736574657565766577657865796580658165826583658465856586658765886589659065916592659365946595659665976598659966006601660266036604660566066607660866096610661166126613661466156616661766186619662066216622662366246625662666276628662966306631663266336634663566366637663866396640664166426643664466456646664766486649665066516652665366546655665666576658665966606661666266636664666566666667666866696670667166726673667466756676667766786679668066816682668366846685668666876688668966906691669266936694669566966697669866996700670167026703670467056706670767086709671067116712671367146715671667176718671967206721672267236724672567266727672867296730673167326733673467356736673767386739674067416742674367446745674667476748674967506751675267536754675567566757675867596760676167626763676467656766676767686769677067716772677367746775677667776778677967806781678267836784678567866787678867896790679167926793679467956796679767986799680068016802680368046805680668076808680968106811681268136814681568166817681868196820682168226823682468256826682768286829683068316832683368346835683668376838683968406841684268436844684568466847684868496850685168526853685468556856685768586859686068616862686368646865686668676868686968706871687268736874687568766877687868796880688168826883688468856886688768886889689068916892689368946895689668976898689969006901690269036904690569066907690869096910691169126913691469156916691769186919692069216922692369246925692669276928692969306931693269336934693569366937693869396940694169426943694469456946694769486949695069516952695369546955695669576958695969606961696269636964696569666967696869696970697169726973697469756976697769786979698069816982698369846985698669876988698969906991699269936994699569966997699869997000700170027003700470057006700770087009701070117012701370147015701670177018701970207021702270237024702570267027702870297030703170327033703470357036703770387039704070417042704370447045704670477048704970507051705270537054705570567057705870597060706170627063706470657066706770687069707070717072707370747075707670777078707970807081708270837084708570867087708870897090709170927093709470957096709770987099710071017102710371047105710671077108710971107111711271137114711571167117711871197120712171227123712471257126712771287129713071317132713371347135713671377138713971407141714271437144714571467147714871497150715171527153715471557156715771587159716071617162716371647165716671677168716971707171717271737174717571767177717871797180718171827183718471857186718771887189719071917192719371947195719671977198719972007201720272037204720572067207720872097210721172127213721472157216721772187219722072217222722372247225722672277228722972307231723272337234723572367237723872397240724172427243724472457246724772487249725072517252725372547255725672577258725972607261726272637264726572667267726872697270727172727273727472757276727772787279728072817282728372847285728672877288728972907291729272937294729572967297729872997300730173027303730473057306730773087309731073117312731373147315731673177318731973207321732273237324732573267327732873297330733173327333733473357336733773387339734073417342734373447345734673477348734973507351735273537354735573567357735873597360736173627363736473657366736773687369737073717372737373747375737673777378737973807381738273837384738573867387738873897390739173927393739473957396739773987399740074017402740374047405740674077408740974107411741274137414741574167417741874197420742174227423742474257426742774287429743074317432743374347435743674377438743974407441744274437444744574467447744874497450745174527453745474557456745774587459746074617462746374647465746674677468746974707471747274737474747574767477747874797480748174827483748474857486748774887489749074917492749374947495749674977498749975007501750275037504750575067507750875097510751175127513751475157516751775187519752075217522752375247525752675277528752975307531753275337534753575367537753875397540754175427543754475457546754775487549755075517552755375547555755675577558755975607561756275637564756575667567756875697570757175727573757475757576757775787579758075817582758375847585758675877588758975907591759275937594759575967597759875997600760176027603760476057606760776087609761076117612761376147615761676177618761976207621762276237624762576267627762876297630763176327633763476357636763776387639764076417642764376447645764676477648764976507651765276537654765576567657765876597660766176627663766476657666766776687669767076717672767376747675767676777678767976807681768276837684768576867687768876897690769176927693769476957696769776987699770077017702770377047705770677077708770977107711771277137714771577167717771877197720772177227723772477257726772777287729773077317732773377347735773677377738773977407741774277437744774577467747774877497750775177527753775477557756775777587759776077617762776377647765776677677768776977707771777277737774777577767777777877797780778177827783778477857786778777887789779077917792779377947795779677977798779978007801780278037804780578067807780878097810781178127813781478157816781778187819782078217822782378247825782678277828782978307831783278337834783578367837783878397840784178427843784478457846784778487849785078517852785378547855785678577858785978607861786278637864786578667867786878697870787178727873787478757876787778787879788078817882788378847885788678877888788978907891789278937894789578967897789878997900790179027903790479057906790779087909791079117912791379147915791679177918791979207921792279237924792579267927792879297930793179327933793479357936793779387939794079417942794379447945794679477948794979507951795279537954795579567957795879597960796179627963796479657966796779687969797079717972797379747975797679777978797979807981798279837984798579867987798879897990799179927993799479957996799779987999800080018002800380048005800680078008800980108011801280138014801580168017801880198020802180228023802480258026802780288029803080318032803380348035803680378038803980408041804280438044804580468047804880498050805180528053805480558056805780588059806080618062806380648065806680678068806980708071807280738074807580768077807880798080808180828083808480858086808780888089809080918092809380948095809680978098809981008101810281038104810581068107810881098110811181128113811481158116811781188119812081218122812381248125812681278128812981308131813281338134813581368137813881398140814181428143814481458146814781488149815081518152815381548155815681578158815981608161816281638164816581668167816881698170817181728173817481758176817781788179818081818182818381848185818681878188818981908191819281938194819581968197819881998200820182028203820482058206820782088209821082118212821382148215821682178218821982208221822282238224822582268227822882298230823182328233823482358236823782388239824082418242824382448245824682478248824982508251825282538254825582568257825882598260826182628263826482658266826782688269827082718272827382748275827682778278827982808281828282838284828582868287828882898290829182928293829482958296829782988299830083018302830383048305830683078308830983108311831283138314831583168317831883198320832183228323832483258326832783288329833083318332833383348335833683378338833983408341834283438344834583468347834883498350835183528353835483558356835783588359836083618362836383648365836683678368836983708371837283738374837583768377837883798380838183828383838483858386838783888389839083918392839383948395839683978398839984008401840284038404840584068407840884098410841184128413841484158416841784188419842084218422842384248425842684278428842984308431843284338434843584368437843884398440844184428443844484458446844784488449845084518452845384548455845684578458845984608461846284638464846584668467846884698470847184728473847484758476847784788479848084818482848384848485848684878488848984908491849284938494849584968497849884998500850185028503850485058506850785088509851085118512851385148515851685178518851985208521852285238524852585268527852885298530853185328533853485358536853785388539854085418542854385448545854685478548854985508551855285538554855585568557855885598560856185628563856485658566856785688569857085718572857385748575857685778578857985808581858285838584858585868587858885898590859185928593859485958596859785988599860086018602860386048605860686078608860986108611861286138614861586168617861886198620862186228623862486258626862786288629863086318632863386348635863686378638863986408641864286438644864586468647864886498650865186528653865486558656865786588659866086618662866386648665866686678668866986708671867286738674867586768677867886798680868186828683868486858686868786888689869086918692869386948695869686978698869987008701870287038704870587068707870887098710871187128713871487158716871787188719872087218722872387248725872687278728872987308731873287338734873587368737873887398740874187428743874487458746874787488749875087518752875387548755875687578758875987608761876287638764876587668767876887698770877187728773877487758776877787788779878087818782878387848785878687878788878987908791879287938794879587968797879887998800880188028803880488058806880788088809881088118812881388148815881688178818881988208821882288238824882588268827882888298830883188328833883488358836883788388839884088418842884388448845884688478848884988508851885288538854885588568857885888598860886188628863886488658866886788688869887088718872887388748875887688778878887988808881888288838884888588868887888888898890889188928893889488958896889788988899890089018902890389048905890689078908890989108911891289138914891589168917891889198920892189228923892489258926892789288929893089318932893389348935893689378938893989408941894289438944894589468947894889498950895189528953895489558956895789588959896089618962896389648965896689678968896989708971897289738974897589768977897889798980898189828983898489858986898789888989899089918992899389948995899689978998899990009001900290039004900590069007900890099010901190129013901490159016901790189019902090219022902390249025902690279028902990309031903290339034903590369037903890399040904190429043904490459046904790489049905090519052905390549055905690579058905990609061906290639064906590669067906890699070907190729073907490759076907790789079908090819082908390849085908690879088908990909091909290939094909590969097909890999100910191029103910491059106910791089109911091119112911391149115911691179118911991209121912291239124912591269127912891299130913191329133913491359136913791389139914091419142914391449145914691479148914991509151915291539154915591569157915891599160916191629163916491659166916791689169917091719172917391749175917691779178917991809181918291839184918591869187918891899190919191929193919491959196919791989199920092019202920392049205920692079208920992109211921292139214921592169217921892199220922192229223922492259226922792289229923092319232923392349235923692379238923992409241924292439244924592469247924892499250925192529253925492559256925792589259926092619262926392649265926692679268926992709271927292739274927592769277927892799280928192829283928492859286928792889289929092919292929392949295929692979298929993009301930293039304930593069307930893099310931193129313931493159316931793189319932093219322932393249325932693279328932993309331933293339334933593369337933893399340934193429343934493459346934793489349935093519352935393549355935693579358935993609361936293639364936593669367936893699370937193729373937493759376937793789379938093819382938393849385938693879388938993909391939293939394939593969397939893999400940194029403940494059406940794089409941094119412941394149415941694179418941994209421942294239424942594269427942894299430943194329433943494359436943794389439944094419442944394449445944694479448944994509451945294539454945594569457945894599460946194629463946494659466946794689469947094719472947394749475947694779478947994809481948294839484948594869487948894899490949194929493949494959496949794989499950095019502950395049505950695079508950995109511951295139514951595169517951895199520952195229523952495259526952795289529953095319532953395349535953695379538953995409541954295439544954595469547954895499550955195529553955495559556955795589559956095619562956395649565956695679568956995709571957295739574957595769577957895799580958195829583958495859586958795889589959095919592959395949595959695979598959996009601960296039604960596069607960896099610961196129613961496159616961796189619962096219622962396249625962696279628962996309631963296339634963596369637963896399640964196429643964496459646964796489649965096519652965396549655965696579658965996609661966296639664966596669667966896699670967196729673967496759676967796789679968096819682968396849685968696879688968996909691969296939694969596969697969896999700970197029703970497059706970797089709971097119712971397149715971697179718971997209721972297239724972597269727972897299730973197329733973497359736973797389739974097419742974397449745974697479748974997509751975297539754975597569757975897599760976197629763976497659766976797689769977097719772977397749775977697779778977997809781978297839784978597869787978897899790979197929793979497959796979797989799980098019802980398049805980698079808980998109811981298139814981598169817981898199820982198229823982498259826982798289829983098319832983398349835983698379838983998409841984298439844984598469847984898499850985198529853985498559856985798589859986098619862986398649865986698679868986998709871987298739874987598769877987898799880988198829883988498859886988798889889989098919892989398949895989698979898989999009901990299039904990599069907990899099910991199129913991499159916991799189919992099219922992399249925992699279928992999309931993299339934993599369937993899399940994199429943994499459946994799489949995099519952995399549955995699579958995999609961996299639964996599669967996899699970997199729973997499759976997799789979998099819982998399849985998699879988998999909991999299939994999599969997999899991000010001100021000310004100051000610007100081000910010100111001210013100141001510016100171001810019100201002110022100231002410025100261002710028100291003010031100321003310034100351003610037100381003910040100411004210043100441004510046100471004810049100501005110052100531005410055100561005710058100591006010061100621006310064100651006610067100681006910070100711007210073100741007510076100771007810079100801008110082100831008410085100861008710088100891009010091100921009310094100951009610097100981009910100101011010210103101041010510106101071010810109101101011110112101131011410115101161011710118101191012010121101221012310124101251012610127101281012910130101311013210133101341013510136101371013810139101401014110142101431014410145101461014710148101491015010151101521015310154101551015610157101581015910160101611016210163101641016510166101671016810169101701017110172101731017410175101761017710178101791018010181101821018310184101851018610187101881018910190101911019210193101941019510196101971019810199102001020110202102031020410205102061020710208102091021010211102121021310214102151021610217102181021910220102211022210223102241022510226102271022810229102301023110232102331023410235102361023710238102391024010241102421024310244102451024610247102481024910250102511025210253102541025510256102571025810259102601026110262102631026410265102661026710268102691027010271102721027310274102751027610277102781027910280102811028210283102841028510286102871028810289102901029110292102931029410295102961029710298102991030010301103021030310304103051030610307103081030910310103111031210313103141031510316103171031810319103201032110322103231032410325103261032710328103291033010331103321033310334103351033610337103381033910340103411034210343103441034510346103471034810349103501035110352103531035410355103561035710358103591036010361103621036310364103651036610367103681036910370103711037210373103741037510376103771037810379103801038110382103831038410385103861038710388103891039010391103921039310394103951039610397103981039910400104011040210403104041040510406104071040810409104101041110412104131041410415104161041710418104191042010421104221042310424104251042610427104281042910430104311043210433104341043510436104371043810439104401044110442104431044410445104461044710448104491045010451104521045310454104551045610457104581045910460104611046210463104641046510466104671046810469104701047110472104731047410475104761047710478104791048010481104821048310484104851048610487104881048910490104911049210493104941049510496104971049810499105001050110502105031050410505105061050710508105091051010511105121051310514105151051610517105181051910520105211052210523105241052510526105271052810529105301053110532105331053410535105361053710538105391054010541105421054310544105451054610547105481054910550105511055210553105541055510556105571055810559105601056110562105631056410565105661056710568105691057010571105721057310574105751057610577105781057910580105811058210583105841058510586105871058810589105901059110592105931059410595105961059710598105991060010601106021060310604106051060610607106081060910610106111061210613106141061510616106171061810619106201062110622106231062410625106261062710628106291063010631106321063310634106351063610637106381063910640106411064210643106441064510646106471064810649106501065110652106531065410655106561065710658106591066010661106621066310664106651066610667106681066910670106711067210673106741067510676106771067810679106801068110682106831068410685106861068710688106891069010691106921069310694106951069610697106981069910700107011070210703107041070510706107071070810709107101071110712107131071410715107161071710718107191072010721107221072310724107251072610727107281072910730107311073210733107341073510736107371073810739107401074110742107431074410745107461074710748107491075010751107521075310754107551075610757107581075910760107611076210763107641076510766107671076810769107701077110772107731077410775107761077710778107791078010781107821078310784107851078610787107881078910790107911079210793107941079510796107971079810799108001080110802108031080410805108061080710808108091081010811108121081310814108151081610817108181081910820108211082210823108241082510826108271082810829108301083110832108331083410835108361083710838108391084010841108421084310844108451084610847108481084910850108511085210853108541085510856108571085810859108601086110862108631086410865108661086710868108691087010871108721087310874108751087610877108781087910880108811088210883108841088510886108871088810889108901089110892108931089410895108961089710898108991090010901109021090310904109051090610907109081090910910109111091210913109141091510916109171091810919109201092110922109231092410925109261092710928109291093010931109321093310934109351093610937109381093910940109411094210943109441094510946109471094810949109501095110952109531095410955109561095710958109591096010961109621096310964109651096610967109681096910970109711097210973109741097510976109771097810979109801098110982109831098410985109861098710988109891099010991109921099310994109951099610997109981099911000110011100211003110041100511006110071100811009110101101111012110131101411015110161101711018110191102011021110221102311024110251102611027110281102911030110311103211033110341103511036110371103811039110401104111042110431104411045110461104711048110491105011051110521105311054110551105611057110581105911060110611106211063110641106511066110671106811069110701107111072110731107411075110761107711078110791108011081110821108311084110851108611087110881108911090110911109211093110941109511096110971109811099111001110111102111031110411105111061110711108111091111011111111121111311114111151111611117111181111911120111211112211123111241112511126111271112811129111301113111132111331113411135111361113711138111391114011141111421114311144111451114611147111481114911150111511115211153111541115511156111571115811159111601116111162111631116411165111661116711168111691117011171111721117311174111751117611177111781117911180111811118211183111841118511186111871118811189111901119111192111931119411195111961119711198111991120011201112021120311204112051120611207112081120911210112111121211213112141121511216112171121811219112201122111222112231122411225112261122711228112291123011231112321123311234112351123611237112381123911240112411124211243112441124511246112471124811249112501125111252112531125411255112561125711258112591126011261112621126311264112651126611267112681126911270112711127211273112741127511276112771127811279112801128111282112831128411285112861128711288112891129011291112921129311294112951129611297112981129911300113011130211303113041130511306113071130811309113101131111312113131131411315113161131711318113191132011321113221132311324113251132611327113281132911330113311133211333113341133511336113371133811339113401134111342113431134411345113461134711348113491135011351113521135311354113551135611357113581135911360113611136211363113641136511366113671136811369113701137111372113731137411375113761137711378113791138011381113821138311384113851138611387113881138911390113911139211393113941139511396113971139811399114001140111402114031140411405114061140711408114091141011411114121141311414114151141611417114181141911420114211142211423114241142511426114271142811429114301143111432114331143411435114361143711438114391144011441114421144311444114451144611447114481144911450114511145211453114541145511456114571145811459114601146111462114631146411465114661146711468114691147011471114721147311474114751147611477114781147911480114811148211483114841148511486114871148811489114901149111492114931149411495114961149711498114991150011501115021150311504115051150611507115081150911510115111151211513115141151511516115171151811519115201152111522115231152411525115261152711528115291153011531115321153311534115351153611537115381153911540115411154211543115441154511546115471154811549115501155111552115531155411555115561155711558115591156011561115621156311564115651156611567115681156911570115711157211573115741157511576115771157811579115801158111582115831158411585115861158711588115891159011591115921159311594115951159611597115981159911600116011160211603116041160511606116071160811609116101161111612116131161411615116161161711618116191162011621116221162311624116251162611627116281162911630116311163211633116341163511636116371163811639116401164111642116431164411645116461164711648116491165011651116521165311654116551165611657116581165911660116611166211663116641166511666116671166811669116701167111672116731167411675116761167711678116791168011681116821168311684116851168611687116881168911690116911169211693116941169511696116971169811699117001170111702117031170411705117061170711708117091171011711117121171311714117151171611717117181171911720117211172211723117241172511726117271172811729117301173111732117331173411735117361173711738117391174011741117421174311744117451174611747117481174911750117511175211753117541175511756117571175811759117601176111762117631176411765117661176711768117691177011771117721177311774117751177611777117781177911780117811178211783117841178511786117871178811789117901179111792117931179411795117961179711798117991180011801118021180311804118051180611807118081180911810118111181211813118141181511816118171181811819118201182111822118231182411825118261182711828118291183011831118321183311834118351183611837118381183911840118411184211843118441184511846118471184811849118501185111852118531185411855118561185711858118591186011861118621186311864118651186611867118681186911870118711187211873118741187511876118771187811879118801188111882118831188411885118861188711888118891189011891118921189311894118951189611897118981189911900119011190211903119041190511906119071190811909119101191111912119131191411915119161191711918119191192011921119221192311924119251192611927119281192911930119311193211933119341193511936119371193811939119401194111942119431194411945119461194711948119491195011951119521195311954119551195611957119581195911960119611196211963119641196511966119671196811969119701197111972119731197411975119761197711978119791198011981119821198311984119851198611987119881198911990119911199211993119941199511996119971199811999120001200112002120031200412005120061200712008120091201012011120121201312014120151201612017120181201912020120211202212023120241202512026120271202812029120301203112032120331203412035120361203712038120391204012041120421204312044120451204612047120481204912050120511205212053120541205512056120571205812059120601206112062120631206412065120661206712068120691207012071120721207312074120751207612077120781207912080120811208212083120841208512086120871208812089120901209112092120931209412095120961209712098120991210012101121021210312104121051210612107121081210912110121111211212113121141211512116121171211812119121201212112122121231212412125121261212712128121291213012131121321213312134121351213612137121381213912140121411214212143121441214512146121471214812149121501215112152121531215412155121561215712158121591216012161121621216312164121651216612167121681216912170121711217212173121741217512176121771217812179121801218112182121831218412185121861218712188121891219012191121921219312194121951219612197121981219912200122011220212203122041220512206122071220812209122101221112212122131221412215122161221712218122191222012221122221222312224122251222612227122281222912230122311223212233122341223512236122371223812239122401224112242122431224412245122461224712248122491225012251122521225312254122551225612257122581225912260122611226212263122641226512266122671226812269122701227112272122731227412275122761227712278122791228012281122821228312284122851228612287122881228912290122911229212293122941229512296122971229812299123001230112302123031230412305123061230712308123091231012311123121231312314123151231612317123181231912320123211232212323123241232512326123271232812329123301233112332123331233412335123361233712338123391234012341123421234312344123451234612347123481234912350123511235212353123541235512356123571235812359123601236112362123631236412365123661236712368123691237012371123721237312374123751237612377123781237912380123811238212383123841238512386123871238812389123901239112392123931239412395123961239712398123991240012401124021240312404124051240612407124081240912410124111241212413124141241512416124171241812419124201242112422124231242412425124261242712428124291243012431124321243312434124351243612437124381243912440124411244212443124441244512446124471244812449124501245112452124531245412455124561245712458124591246012461124621246312464124651246612467124681246912470124711247212473124741247512476124771247812479124801248112482124831248412485124861248712488124891249012491124921249312494124951249612497124981249912500125011250212503125041250512506125071250812509125101251112512125131251412515125161251712518125191252012521125221252312524125251252612527125281252912530125311253212533125341253512536125371253812539125401254112542125431254412545125461254712548125491255012551125521255312554125551255612557125581255912560125611256212563125641256512566125671256812569125701257112572125731257412575125761257712578125791258012581125821258312584125851258612587125881258912590125911259212593125941259512596125971259812599126001260112602126031260412605126061260712608126091261012611126121261312614126151261612617126181261912620126211262212623126241262512626126271262812629126301263112632126331263412635126361263712638126391264012641126421264312644126451264612647126481264912650126511265212653126541265512656126571265812659126601266112662126631266412665126661266712668126691267012671126721267312674126751267612677126781267912680126811268212683126841268512686126871268812689126901269112692126931269412695126961269712698126991270012701127021270312704127051270612707127081270912710127111271212713127141271512716127171271812719127201272112722127231272412725127261272712728127291273012731127321273312734127351273612737127381273912740127411274212743127441274512746127471274812749127501275112752127531275412755127561275712758127591276012761127621276312764127651276612767127681276912770127711277212773127741277512776127771277812779127801278112782127831278412785127861278712788127891279012791127921279312794127951279612797127981279912800128011280212803128041280512806128071280812809128101281112812128131281412815128161281712818128191282012821128221282312824128251282612827128281282912830128311283212833128341283512836128371283812839128401284112842128431284412845128461284712848128491285012851128521285312854128551285612857128581285912860128611286212863128641286512866128671286812869128701287112872128731287412875128761287712878128791288012881128821288312884128851288612887128881288912890128911289212893128941289512896128971289812899129001290112902129031290412905129061290712908129091291012911129121291312914129151291612917129181291912920129211292212923129241292512926129271292812929129301293112932129331293412935129361293712938129391294012941129421294312944129451294612947129481294912950129511295212953129541295512956129571295812959129601296112962129631296412965129661296712968129691297012971129721297312974129751297612977129781297912980129811298212983129841298512986129871298812989129901299112992129931299412995129961299712998129991300013001130021300313004130051300613007130081300913010130111301213013130141301513016130171301813019130201302113022130231302413025130261302713028130291303013031130321303313034130351303613037130381303913040130411304213043130441304513046130471304813049130501305113052130531305413055130561305713058130591306013061130621306313064130651306613067130681306913070130711307213073130741307513076130771307813079130801308113082130831308413085130861308713088130891309013091130921309313094130951309613097130981309913100131011310213103131041310513106131071310813109131101311113112131131311413115131161311713118131191312013121131221312313124131251312613127131281312913130131311313213133131341313513136131371313813139131401314113142131431314413145131461314713148131491315013151131521315313154131551315613157131581315913160131611316213163131641316513166131671316813169131701317113172131731317413175131761317713178131791318013181131821318313184131851318613187131881318913190131911319213193131941319513196131971319813199132001320113202132031320413205132061320713208132091321013211132121321313214132151321613217132181321913220132211322213223132241322513226132271322813229132301323113232132331323413235132361323713238132391324013241132421324313244132451324613247132481324913250132511325213253132541325513256132571325813259132601326113262132631326413265132661326713268132691327013271132721327313274132751327613277132781327913280132811328213283132841328513286132871328813289132901329113292132931329413295132961329713298132991330013301133021330313304133051330613307133081330913310133111331213313133141331513316133171331813319133201332113322133231332413325133261332713328133291333013331133321333313334133351333613337133381333913340133411334213343133441334513346133471334813349133501335113352133531335413355133561335713358133591336013361133621336313364133651336613367133681336913370133711337213373133741337513376133771337813379133801338113382133831338413385133861338713388133891339013391133921339313394133951339613397133981339913400134011340213403134041340513406134071340813409134101341113412134131341413415134161341713418134191342013421134221342313424134251342613427134281342913430134311343213433134341343513436134371343813439134401344113442134431344413445134461344713448134491345013451134521345313454134551345613457134581345913460134611346213463134641346513466134671346813469134701347113472134731347413475134761347713478134791348013481134821348313484134851348613487134881348913490134911349213493134941349513496134971349813499135001350113502135031350413505135061350713508135091351013511135121351313514135151351613517135181351913520135211352213523135241352513526135271352813529135301353113532135331353413535135361353713538135391354013541135421354313544135451354613547135481354913550135511355213553135541355513556135571355813559135601356113562135631356413565135661356713568135691357013571135721357313574135751357613577135781357913580135811358213583135841358513586135871358813589135901359113592135931359413595135961359713598135991360013601136021360313604136051360613607136081360913610136111361213613136141361513616136171361813619136201362113622136231362413625136261362713628136291363013631136321363313634136351363613637136381363913640136411364213643136441364513646136471364813649136501365113652136531365413655136561365713658136591366013661136621366313664136651366613667136681366913670136711367213673136741367513676136771367813679136801368113682136831368413685136861368713688136891369013691136921369313694136951369613697136981369913700137011370213703137041370513706137071370813709137101371113712137131371413715137161371713718137191372013721137221372313724137251372613727137281372913730137311373213733137341373513736137371373813739137401374113742137431374413745137461374713748137491375013751137521375313754137551375613757137581375913760137611376213763137641376513766137671376813769137701377113772137731377413775137761377713778137791378013781137821378313784137851378613787137881378913790137911379213793137941379513796137971379813799138001380113802138031380413805138061380713808138091381013811138121381313814138151381613817138181381913820138211382213823138241382513826138271382813829138301383113832138331383413835138361383713838138391384013841138421384313844138451384613847138481384913850138511385213853138541385513856138571385813859138601386113862138631386413865138661386713868138691387013871138721387313874138751387613877138781387913880138811388213883138841388513886138871388813889138901389113892138931389413895138961389713898138991390013901139021390313904139051390613907139081390913910139111391213913139141391513916139171391813919139201392113922139231392413925139261392713928139291393013931139321393313934139351393613937139381393913940139411394213943139441394513946139471394813949139501395113952139531395413955139561395713958139591396013961139621396313964139651396613967139681396913970139711397213973139741397513976139771397813979139801398113982139831398413985139861398713988139891399013991139921399313994139951399613997139981399914000140011400214003140041400514006140071400814009140101401114012140131401414015140161401714018140191402014021140221402314024140251402614027140281402914030140311403214033140341403514036140371403814039140401404114042140431404414045140461404714048140491405014051140521405314054140551405614057140581405914060140611406214063
  1. /**
  2. * UI v1.1.0
  3. * Copyright 2017-2018 Muyao
  4. * Licensed under the Muyao License 1.0
  5. */
  6. * {
  7. -webkit-box-sizing: border-box;
  8. -moz-box-sizing: border-box;
  9. box-sizing: border-box;
  10. }
  11. *:before, *:after {
  12. -webkit-box-sizing: border-box;
  13. -moz-box-sizing: border-box;
  14. box-sizing: border-box;
  15. }
  16. html {
  17. font-size: 10px;
  18. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  19. }
  20. body {
  21. font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, "Microsoft Yahei", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
  22. font-size: 14px;
  23. line-height: 1.6;
  24. color: #76838f;
  25. background-color: #fff;
  26. }
  27. input, button, select, textarea {
  28. font-family: inherit;
  29. font-size: inherit;
  30. line-height: inherit;
  31. }
  32. a {
  33. color: #62a8ea;
  34. text-decoration: none;
  35. }
  36. a:hover, a:focus {
  37. color: #89bceb;
  38. text-decoration: underline;
  39. }
  40. a:focus {
  41. outline: thin dotted;
  42. outline: 5px auto -webkit-focus-ring-color;
  43. outline: none;
  44. outline-offset: -2px;
  45. }
  46. figure {
  47. margin: 0;
  48. }
  49. img {
  50. vertical-align: middle;
  51. }
  52. .img-responsive {
  53. display: block;
  54. max-width: 100%;
  55. height: auto;
  56. }
  57. .img-rounded {
  58. border-radius: 4px;
  59. }
  60. .img-thumbnail {
  61. display: inline-block;
  62. max-width: 100%;
  63. height: auto;
  64. padding: 4px;
  65. line-height: 1.6;
  66. background-color: #fff;
  67. border: 1px solid #e4eaec;
  68. border-radius: 3px;
  69. -webkit-transition: all .2s ease-in-out;
  70. -o-transition: all .2s ease-in-out;
  71. transition: all .2s ease-in-out;
  72. }
  73. .img-circle {
  74. border-radius: 50%;
  75. }
  76. hr {
  77. margin-top: 22px;
  78. margin-bottom: 22px;
  79. border: 0;
  80. border-top: 1px solid #e4eaec;
  81. }
  82. .sr-only {
  83. position: absolute;
  84. width: 1px;
  85. height: 1px;
  86. padding: 0;
  87. margin: -1px;
  88. overflow: hidden;
  89. clip: rect(0, 0, 0, 0);
  90. border: 0;
  91. }
  92. .sr-only-focusable:active, .sr-only-focusable:focus {
  93. position: static;
  94. width: auto;
  95. height: auto;
  96. margin: 0;
  97. overflow: visible;
  98. clip: auto;
  99. }
  100. [role="button"] {
  101. cursor: pointer;
  102. }
  103. input, button, select, textarea {
  104. font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, "Microsoft Yahei", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
  105. }
  106. a.text-action {
  107. color: #a3afb7;
  108. }
  109. a.text-action, a.text-action:hover, a.text-action:focus {
  110. text-decoration: none;
  111. }
  112. a.text-action:hover, a.text-action:focus {
  113. color: #ccd5db;
  114. }
  115. a.text-action .icon + span {
  116. margin-left: 3px;
  117. }
  118. a.text-like {
  119. color: #a3afb7 !important;
  120. }
  121. a.text-like, a.text-like:hover, a.text-like:focus {
  122. text-decoration: none;
  123. }
  124. a.text-like.active, a.text-like:hover, a.text-like:focus {
  125. color: #f96868 !important;
  126. }
  127. .text-action + .text-action {
  128. margin-left: 6px;
  129. }
  130. .img-bordered {
  131. padding: 3px;
  132. border: 1px solid #e4eaec;
  133. }
  134. .img-bordered-primary {
  135. border-color: #62a8ea !important;
  136. }
  137. .img-bordered-purple {
  138. border-color: #7c51d1 !important;
  139. }
  140. .img-bordered-red {
  141. border-color: #e9595b !important;
  142. }
  143. .img-bordered-green {
  144. border-color: #7dd3ae !important;
  145. }
  146. .img-bordered-orange {
  147. border-color: #ec9940 !important;
  148. }
  149. html {
  150. text-rendering: optimizeLegibility;
  151. -webkit-font-smoothing: antialiased;
  152. -moz-osx-font-smoothing: grayscale;
  153. }
  154. input, textarea, keygen, select, button {
  155. outline: none;
  156. text-rendering: optimizeLegibility !important;
  157. -webkit-font-smoothing: antialiased !important;
  158. -moz-osx-font-smoothing: grayscale !important;
  159. }
  160. h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  161. font-weight: 500;
  162. }
  163. h1 .icon:first-child, h2 .icon:first-child, h3 .icon:first-child, h4 .icon:first-child, h5 .icon:first-child, h6 .icon:first-child, .h1 .icon:first-child, .h2 .icon:first-child, .h3 .icon:first-child, .h4 .icon:first-child, .h5 .icon:first-child, .h6 .icon:first-child {
  164. margin-right: .5em;
  165. }
  166. mark, .mark {
  167. padding: 1px 3px;
  168. color: #fff;
  169. border-radius: 2px;
  170. }
  171. .drop-cap {
  172. float: left;
  173. padding: 5px;
  174. margin-right: 5px;
  175. font-family: Georgia;
  176. font-size: 60px;
  177. line-height: 50px;
  178. color: #263238;
  179. }
  180. .drop-cap-reversed {
  181. color: #fff;
  182. background-color: #263238;
  183. }
  184. .list-icons {
  185. padding-left: 10px;
  186. margin-left: 0;
  187. list-style: none;
  188. }
  189. .list-icons > li {
  190. margin-top: 6px;
  191. }
  192. .list-icons > li:first-child {
  193. margin-top: 0;
  194. }
  195. .list-icons > li i {
  196. float: left;
  197. width: 1em;
  198. margin: 0 6px 0 0;
  199. }
  200. .text-primary {
  201. color: #62a8ea;
  202. }
  203. a.text-primary:hover, a.text-primary:focus {
  204. color: #358fe4;
  205. }
  206. .text-success {
  207. color: #46be8a;
  208. }
  209. a.text-success:hover, a.text-success:focus {
  210. color: #369b6f;
  211. }
  212. .text-info {
  213. color: #57c7d4;
  214. }
  215. a.text-info:hover, a.text-info:focus {
  216. color: #33b6c5;
  217. }
  218. .text-warning {
  219. color: #f2a654;
  220. }
  221. a.text-warning:hover, a.text-warning:focus {
  222. color: #ee8d25;
  223. }
  224. .text-danger {
  225. color: #f96868;
  226. }
  227. a.text-danger:hover, a.text-danger:focus {
  228. color: #f73737;
  229. }
  230. blockquote {
  231. font-size: 14px;
  232. color: #526069;
  233. border-left-width: 4px;
  234. }
  235. blockquote p {
  236. margin-bottom: 0;
  237. }
  238. blockquote footer, blockquote small, blockquote .small {
  239. font-size: 12px;
  240. }
  241. .blockquote-reverse {
  242. border-right-width: 4px;
  243. }
  244. .blockquote {
  245. padding: 10px 15px;
  246. border-left-width: 4px;
  247. border-radius: 3px;
  248. }
  249. .blockquote.blockquote-reverse {
  250. border-right-width: 4px;
  251. }
  252. .blockquote-success {
  253. background-color: rgba(70, 190, 138, .1);
  254. border-color: #46be8a;
  255. }
  256. .blockquote-info {
  257. background-color: rgba(87, 199, 212, .1);
  258. border-color: #57c7d4;
  259. }
  260. .blockquote-warning {
  261. background-color: rgba(242, 166, 84, .1);
  262. border-color: #f2a654;
  263. }
  264. .blockquote-danger {
  265. background-color: rgba(249, 104, 104, .1);
  266. border-color: #f96868;
  267. }
  268. code {
  269. padding: 1px 2px;
  270. border: 1px solid #bcd8f1;
  271. }
  272. pre code {
  273. border: none;
  274. }
  275. .container {
  276. max-width: 100%;
  277. }
  278. @media (min-width: 1600px) {
  279. .container {
  280. width: 1304px;
  281. }
  282. }
  283. @media (min-width: 1600px) {
  284. .col-xlg-1, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9, .col-xlg-10, .col-xlg-11, .col-xlg-12 {
  285. float: left;
  286. }
  287. .col-xlg-12 {
  288. width: 100%;
  289. }
  290. .col-xlg-11 {
  291. width: 91.66666667%;
  292. }
  293. .col-xlg-10 {
  294. width: 83.33333333%;
  295. }
  296. .col-xlg-9 {
  297. width: 75%;
  298. }
  299. .col-xlg-8 {
  300. width: 66.66666667%;
  301. }
  302. .col-xlg-7 {
  303. width: 58.33333333%;
  304. }
  305. .col-xlg-6 {
  306. width: 50%;
  307. }
  308. .col-xlg-5 {
  309. width: 41.66666667%;
  310. }
  311. .col-xlg-4 {
  312. width: 33.33333333%;
  313. }
  314. .col-xlg-3 {
  315. width: 25%;
  316. }
  317. .col-xlg-2 {
  318. width: 16.66666667%;
  319. }
  320. .col-xlg-1 {
  321. width: 8.33333333%;
  322. }
  323. .col-xlg-pull-12 {
  324. right: 100%;
  325. }
  326. .col-xlg-pull-11 {
  327. right: 91.66666667%;
  328. }
  329. .col-xlg-pull-10 {
  330. right: 83.33333333%;
  331. }
  332. .col-xlg-pull-9 {
  333. right: 75%;
  334. }
  335. .col-xlg-pull-8 {
  336. right: 66.66666667%;
  337. }
  338. .col-xlg-pull-7 {
  339. right: 58.33333333%;
  340. }
  341. .col-xlg-pull-6 {
  342. right: 50%;
  343. }
  344. .col-xlg-pull-5 {
  345. right: 41.66666667%;
  346. }
  347. .col-xlg-pull-4 {
  348. right: 33.33333333%;
  349. }
  350. .col-xlg-pull-3 {
  351. right: 25%;
  352. }
  353. .col-xlg-pull-2 {
  354. right: 16.66666667%;
  355. }
  356. .col-xlg-pull-1 {
  357. right: 8.33333333%;
  358. }
  359. .col-xlg-pull-0 {
  360. right: auto;
  361. }
  362. .col-xlg-push-12 {
  363. left: 100%;
  364. }
  365. .col-xlg-push-11 {
  366. left: 91.66666667%;
  367. }
  368. .col-xlg-push-10 {
  369. left: 83.33333333%;
  370. }
  371. .col-xlg-push-9 {
  372. left: 75%;
  373. }
  374. .col-xlg-push-8 {
  375. left: 66.66666667%;
  376. }
  377. .col-xlg-push-7 {
  378. left: 58.33333333%;
  379. }
  380. .col-xlg-push-6 {
  381. left: 50%;
  382. }
  383. .col-xlg-push-5 {
  384. left: 41.66666667%;
  385. }
  386. .col-xlg-push-4 {
  387. left: 33.33333333%;
  388. }
  389. .col-xlg-push-3 {
  390. left: 25%;
  391. }
  392. .col-xlg-push-2 {
  393. left: 16.66666667%;
  394. }
  395. .col-xlg-push-1 {
  396. left: 8.33333333%;
  397. }
  398. .col-xlg-push-0 {
  399. left: auto;
  400. }
  401. .col-xlg-offset-12 {
  402. margin-left: 100%;
  403. }
  404. .col-xlg-offset-11 {
  405. margin-left: 91.66666667%;
  406. }
  407. .col-xlg-offset-10 {
  408. margin-left: 83.33333333%;
  409. }
  410. .col-xlg-offset-9 {
  411. margin-left: 75%;
  412. }
  413. .col-xlg-offset-8 {
  414. margin-left: 66.66666667%;
  415. }
  416. .col-xlg-offset-7 {
  417. margin-left: 58.33333333%;
  418. }
  419. .col-xlg-offset-6 {
  420. margin-left: 50%;
  421. }
  422. .col-xlg-offset-5 {
  423. margin-left: 41.66666667%;
  424. }
  425. .col-xlg-offset-4 {
  426. margin-left: 33.33333333%;
  427. }
  428. .col-xlg-offset-3 {
  429. margin-left: 25%;
  430. }
  431. .col-xlg-offset-2 {
  432. margin-left: 16.66666667%;
  433. }
  434. .col-xlg-offset-1 {
  435. margin-left: 8.33333333%;
  436. }
  437. .col-xlg-offset-0 {
  438. margin-left: 0;
  439. }
  440. }
  441. .col-xlg-1, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9, .col-xlg-10, .col-xlg-11, .col-xlg-12 {
  442. position: relative;
  443. min-height: 1px;
  444. padding-right: 12px;
  445. padding-left: 12px;
  446. }
  447. .row.no-space {
  448. margin-right: 0;
  449. margin-left: 0;
  450. }
  451. .row.no-space > [class*="col-"] {
  452. padding-right: 0;
  453. padding-left: 0;
  454. }
  455. .row-lg {
  456. margin-right: -24px;
  457. margin-left: -24px;
  458. }
  459. .row-lg > .col-xs-1, .row-lg > .col-sm-1, .row-lg > .col-md-1, .row-lg > .col-lg-1, .row-lg > .col-xlg-1, .row-lg > .col-xs-2, .row-lg > .col-sm-2, .row-lg > .col-md-2, .row-lg > .col-lg-2, .row-lg > .col-xlg-2, .row-lg > .col-xs-3, .row-lg > .col-sm-3, .row-lg > .col-md-3, .row-lg > .col-lg-3, .row-lg > .col-xlg-3, .row-lg > .col-xs-4, .row-lg > .col-sm-4, .row-lg > .col-md-4, .row-lg > .col-lg-4, .row-lg > .col-xlg-4, .row-lg > .col-xs-5, .row-lg > .col-sm-5, .row-lg > .col-md-5, .row-lg > .col-lg-5, .row-lg > .col-xlg-5, .row-lg > .col-xs-6, .row-lg > .col-sm-6, .row-lg > .col-md-6, .row-lg > .col-lg-6, .row-lg > .col-xlg-6, .row-lg > .col-xs-7, .row-lg > .col-sm-7, .row-lg > .col-md-7, .row-lg > .col-lg-7, .row-lg > .col-xlg-7, .row-lg > .col-xs-8, .row-lg > .col-sm-8, .row-lg > .col-md-8, .row-lg > .col-lg-8, .row-lg > .col-xlg-8, .row-lg > .col-xs-9, .row-lg > .col-sm-9, .row-lg > .col-md-9, .row-lg > .col-lg-9, .row-lg > .col-xlg-9, .row-lg > .col-xs-10, .row-lg > .col-sm-10, .row-lg > .col-md-10, .row-lg > .col-lg-10, .row-lg > .col-xlg-10, .row-lg > .col-xs-11, .row-lg > .col-sm-11, .row-lg > .col-md-11, .row-lg > .col-lg-11, .row-lg > .col-xlg-11, .row-lg > .col-xs-12, .row-lg > .col-sm-12, .row-lg > .col-md-12, .row-lg > .col-lg-12, .row-lg > .col-xlg-12 {
  460. padding-right: 24px;
  461. padding-left: 24px;
  462. }
  463. .table {
  464. }
  465. .table > thead > tr > th, .table > tfoot > tr > th {
  466. font-weight: 500;
  467. vertical-align: middle;
  468. }
  469. .table > thead > tr > th small, .table > tfoot > tr > th small {
  470. font-weight: 300;
  471. }
  472. .table > thead > tr > th {
  473. border-bottom: 1px solid #e4eaec;
  474. }
  475. .table > tbody + tbody {
  476. border-top: 1px solid #e4eaec;
  477. }
  478. .table th > .checkbox-custom:only-child, .table td > .checkbox-custom:only-child {
  479. margin-top: 0;
  480. margin-bottom: 0;
  481. text-align: center;
  482. }
  483. .table .success, .table .warning, .table .danger, .table .info {
  484. color: #fff;
  485. }
  486. .table .success a, .table .warning a, .table .danger a, .table .info a {
  487. color: #fff;
  488. }
  489. .table .disabled {
  490. color: #ccd5db;
  491. -webkit-user-select: none;
  492. -moz-user-select: none;
  493. -ms-user-select: none;
  494. user-select: none;
  495. }
  496. .table .disabled a {
  497. color: #ccd5db;
  498. }
  499. .table .cell-30 {
  500. width: 30px;
  501. }
  502. .table .cell-40 {
  503. width: 40px;
  504. }
  505. .table .cell-50 {
  506. width: 50px;
  507. }
  508. .table .cell-60 {
  509. width: 60px;
  510. }
  511. .table .cell-80 {
  512. width: 80px;
  513. }
  514. .table .cell-100 {
  515. width: 100px;
  516. }
  517. .table .cell-120 {
  518. width: 120px;
  519. }
  520. .table .cell-130 {
  521. width: 130px;
  522. }
  523. .table .cell-150 {
  524. width: 150px;
  525. }
  526. .table .cell-180 {
  527. width: 180px;
  528. }
  529. .table .cell-200 {
  530. width: 200px;
  531. }
  532. .table .cell-250 {
  533. width: 250px;
  534. }
  535. .table .cell-300 {
  536. width: 300px;
  537. }
  538. .table-primary thead tr, .table-success thead tr, .table-info thead tr, .table-warning thead tr, .table-danger thead tr, .table-dark thead tr {
  539. color: #fff;
  540. }
  541. .table-default thead tr {
  542. background: #f3f7f9;
  543. }
  544. .table-primary thead tr {
  545. background: #62a8ea;
  546. }
  547. .table-success thead tr {
  548. background: #46be8a;
  549. }
  550. .table-info thead tr {
  551. background: #57c7d4;
  552. }
  553. .table-warning thead tr {
  554. background: #f2a654;
  555. }
  556. .table-danger thead tr {
  557. background: #f96868;
  558. }
  559. .table-dark thead tr {
  560. background: #526069;
  561. }
  562. .table-gray thead tr {
  563. color: #526069;
  564. background: #ccd5db;
  565. }
  566. .table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
  567. border-bottom-width: 1px;
  568. }
  569. .table-bordered > thead:first-child > tr:first-child > th {
  570. border: 1px solid #e4eaec;
  571. }
  572. .table-section + tbody {
  573. display: none;
  574. }
  575. .table-section-arrow {
  576. position: relative;
  577. display: inline-block;
  578. font-family: "Web Icons";
  579. font-style: normal;
  580. font-weight: normal;
  581. text-align: center;
  582. -webkit-transition: -webkit-transform .15s;
  583. -o-transition: -o-transform .15s;
  584. transition: -webkit-transform .15s;
  585. transition: transform .15s;
  586. transition: transform .15s, -webkit-transform .15s, -o-transform .15s;
  587. -webkit-transform: translate(0, 0);
  588. -ms-transform: translate(0, 0);
  589. -o-transform: translate(0, 0);
  590. transform: translate(0, 0);
  591. text-rendering: auto;
  592. speak: none;
  593. -webkit-font-smoothing: antialiased;
  594. -moz-osx-font-smoothing: grayscale;
  595. }
  596. .table-section-arrow:before {
  597. content: "\f181";
  598. }
  599. .table-section.active tr {
  600. background-color: #f3f7f9;
  601. }
  602. .table-section.active + tbody {
  603. display: table-row-group;
  604. }
  605. .table-section.active .table-section-arrow {
  606. -webkit-transform: rotate(-180deg);
  607. -ms-transform: rotate(-180deg);
  608. -o-transform: rotate(-180deg);
  609. transform: rotate(-180deg);
  610. }
  611. .form-control {
  612. -webkit-appearance: none;
  613. -webkit-box-shadow: none;
  614. box-shadow: none;
  615. -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear, -webkit-box-shadow .25s linear;
  616. -o-transition: box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear;
  617. transition: border .25s linear, color .25s linear, background-color .25s linear, -webkit-box-shadow .25s linear;
  618. transition: box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear;
  619. transition: box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear, -webkit-box-shadow .25s linear;
  620. -moz-appearance: none;
  621. }
  622. select.form-control {
  623. padding-right: 30px;
  624. background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAFCAYAAABB9hwOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiNWZkMzNlMC0zNTcxLTI4NDgtYjA3NC01ZTRhN2RjMWVmNjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTUxRUI3MDdEQjk4MTFFNUI1NDA5QTcyNTlFQzRERTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTUxRUI3MDZEQjk4MTFFNUI1NDA5QTcyNTlFQzRERTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZWNiNjQzMjYtNDc1Yi01OTQxLWIxYjItNDVkZjU5YjZlODA2IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6N2RlYzI2YWMtZGI5OC0xMWU1LWIwMjgtY2ZhNDhhOGNjNWY1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+AXTIGgAAAFRJREFUeNpidI1KSWFgYDBlwASngXjOrqWzGcgBTEC8DIjfo4m/h4qTDUAGfwPi+UD8Hyr2H8r/RqnBIHATiPdC2XuhfIoACxJ7PRDzQmmKAUCAAQDxOxHyb4DjOAAAAABJRU5ErkJggg==") no-repeat center right;
  625. }
  626. select[multiple].form-control {
  627. padding-right: 12px;
  628. background: #fff;
  629. }
  630. .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
  631. color: #46be8a;
  632. }
  633. .has-success .form-control {
  634. border-color: #46be8a;
  635. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  636. box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  637. }
  638. .has-success .form-control:focus {
  639. border-color: #369b6f;
  640. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #91d9ba;
  641. box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #91d9ba;
  642. }
  643. .has-success .input-group-addon {
  644. color: #46be8a;
  645. background-color: #fff;
  646. border-color: #46be8a;
  647. }
  648. .has-success .form-control-feedback {
  649. color: #46be8a;
  650. }
  651. .has-success .form-control {
  652. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  653. box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  654. }
  655. .has-success .form-control:focus {
  656. border-color: #46be8a;
  657. outline: 0;
  658. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 190, 138, .6);
  659. box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 190, 138, .6);
  660. }
  661. .has-success .form-control.focus, .has-success .form-control:focus {
  662. border-color: #46be8a;
  663. -webkit-box-shadow: none;
  664. box-shadow: none;
  665. }
  666. .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
  667. color: #f2a654;
  668. }
  669. .has-warning .form-control {
  670. border-color: #f2a654;
  671. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  672. box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  673. }
  674. .has-warning .form-control:focus {
  675. border-color: #ee8d25;
  676. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f9d7b3;
  677. box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f9d7b3;
  678. }
  679. .has-warning .input-group-addon {
  680. color: #f2a654;
  681. background-color: #fff;
  682. border-color: #f2a654;
  683. }
  684. .has-warning .form-control-feedback {
  685. color: #f2a654;
  686. }
  687. .has-warning .form-control {
  688. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  689. box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  690. }
  691. .has-warning .form-control:focus {
  692. border-color: #f2a654;
  693. outline: 0;
  694. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(242, 166, 84, .6);
  695. box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(242, 166, 84, .6);
  696. }
  697. .has-warning .form-control.focus, .has-warning .form-control:focus {
  698. border-color: #f2a654;
  699. -webkit-box-shadow: none;
  700. box-shadow: none;
  701. }
  702. .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
  703. color: #f96868;
  704. }
  705. .has-error .form-control {
  706. border-color: #f96868;
  707. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  708. box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  709. }
  710. .has-error .form-control:focus {
  711. border-color: #f73737;
  712. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #fdcaca;
  713. box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #fdcaca;
  714. }
  715. .has-error .input-group-addon {
  716. color: #f96868;
  717. background-color: #fff;
  718. border-color: #f96868;
  719. }
  720. .has-error .form-control-feedback {
  721. color: #f96868;
  722. }
  723. .has-error .form-control {
  724. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  725. box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  726. }
  727. .has-error .form-control:focus {
  728. border-color: #f96868;
  729. outline: 0;
  730. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(249, 104, 104, .6);
  731. box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(249, 104, 104, .6);
  732. }
  733. .has-error .form-control.focus, .has-error .form-control:focus {
  734. border-color: #f96868;
  735. -webkit-box-shadow: none;
  736. box-shadow: none;
  737. }
  738. .form-group:last-child {
  739. margin-bottom: 0;
  740. }
  741. .form-group.has-feedback.no-label .form-control-feedback {
  742. top: 0;
  743. }
  744. .form-group.has-feedback.left-feedback .form-control-feedback {
  745. right: auto;
  746. left: 0;
  747. }
  748. .form-group.has-feedback.left-feedback .form-control {
  749. padding-right: 13px;
  750. padding-left: 50px;
  751. }
  752. .form-group .required {
  753. color: #d6494b;
  754. }
  755. .form-control.square {
  756. border-radius: 0;
  757. }
  758. .form-control.round {
  759. border-radius: 200px;
  760. }
  761. textarea.form-control.no-resize {
  762. resize: none;
  763. }
  764. .input-group-file input[type="text"] {
  765. background-color: #fff;
  766. }
  767. .input-group-file .btn-file {
  768. position: relative;
  769. overflow: hidden;
  770. }
  771. .input-group-file .btn-file.btn-outline {
  772. border: 1px solid #e4eaec;
  773. border-left: none;
  774. }
  775. .input-group-file .btn-file.btn-outline:hover {
  776. border-left: none;
  777. }
  778. .input-group-file .btn-file > .icon {
  779. margin: 0 3px;
  780. }
  781. .input-group-file .btn-file input[type="file"] {
  782. position: absolute;
  783. top: 0;
  784. left: 0;
  785. display: block;
  786. min-width: 100%;
  787. min-height: 100%;
  788. text-align: left;
  789. cursor: pointer;
  790. opacity: 0;
  791. }
  792. .help-block {
  793. margin-top: 7px;
  794. margin-bottom: 8px;
  795. }
  796. .help-block > .icon {
  797. margin: 0 5px;
  798. }
  799. label {
  800. font-weight: 400;
  801. }
  802. .input-search-close {
  803. color: #000;
  804. text-shadow: none;
  805. filter: alpha(opacity=20);
  806. opacity: .2;
  807. }
  808. .input-search-close.icon {
  809. font-size: inherit;
  810. line-height: inherit;
  811. }
  812. .input-search-close:hover, .input-search-close:focus {
  813. color: #000;
  814. text-decoration: none;
  815. cursor: pointer;
  816. filter: alpha(opacity=50);
  817. outline: none;
  818. opacity: .5;
  819. }
  820. button.input-search-close {
  821. -webkit-appearance: none;
  822. padding: 0;
  823. cursor: pointer;
  824. background: transparent;
  825. border: 0;
  826. }
  827. .input-search {
  828. position: relative;
  829. }
  830. .input-search .form-control {
  831. border-radius: 200px;
  832. }
  833. .input-search .input-search-icon, .input-search .input-search-close {
  834. position: absolute;
  835. top: 50%;
  836. z-index: 1;
  837. width: 32px;
  838. -webkit-transform: translateY(-50%);
  839. -ms-transform: translateY(-50%);
  840. -o-transform: translateY(-50%);
  841. transform: translateY(-50%);
  842. }
  843. .input-search .input-search-close {
  844. right: 8px;
  845. }
  846. .input-search .input-search-icon + .form-control {
  847. padding-left: 38px;
  848. }
  849. .input-search .input-search-icon {
  850. left: 8px;
  851. font-size: 16px;
  852. color: #a3afb7;
  853. text-align: center;
  854. pointer-events: none;
  855. }
  856. .input-search-btn + .form-control {
  857. padding-right: 50px;
  858. }
  859. .input-search-btn {
  860. position: absolute;
  861. top: 0;
  862. right: 0;
  863. height: 100%;
  864. padding: 0 10px;
  865. background: transparent;
  866. border: none;
  867. border-radius: 0 200px 200px 0;
  868. }
  869. .input-search-btn > .icon {
  870. margin: 0 3px;
  871. }
  872. .input-search-dark .input-search-icon {
  873. color: #76838f;
  874. }
  875. .input-search-dark .form-control {
  876. background: #f3f7f9;
  877. -webkit-box-shadow: none;
  878. box-shadow: none;
  879. }
  880. .input-search-dark .form-control:focus {
  881. background-color: transparent;
  882. }
  883. .form-inline .form-group {
  884. margin: 0 20px 10px 0;
  885. }
  886. .form-inline .form-group:last-child {
  887. margin: 0 0 10px 0;
  888. }
  889. .form-inline .control-label {
  890. margin-right: 5px;
  891. }
  892. @media (max-width: 767px) {
  893. .form-inline .form-group {
  894. margin-right: 0;
  895. }
  896. .form-inline .form-group:last-child {
  897. margin: 0;
  898. }
  899. }
  900. /*@btn-floating-xs-padding:10px;*/
  901. /*@btn-floating-sm-padding:3px;*/
  902. /*@btn-floating-lg-padding:15px;*/
  903. .btn {
  904. padding: 4px 12px;
  905. font-size: 14px;
  906. line-height: 1.6;
  907. border-radius: 3px;
  908. -webkit-transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
  909. -o-transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
  910. transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
  911. }
  912. .btn:focus, .btn:active:focus, .btn.active:focus {
  913. outline: 0;
  914. }
  915. .btn:active, .btn.active {
  916. -webkit-box-shadow: none;
  917. box-shadow: none;
  918. }
  919. .btn .icon {
  920. width: 1em;
  921. margin: 0 3px;
  922. line-height: inherit;
  923. text-align: center;
  924. }
  925. .btn-block {
  926. white-space: normal;
  927. }
  928. .btn-outline.btn-default {
  929. color: #76838f;
  930. background-color: transparent;
  931. }
  932. .btn-outline.btn-default:hover, .btn-outline.btn-default:focus, .btn-outline.btn-default:active, .btn-outline.btn-default.active, .open > .dropdown-toggle.btn-outline.btn-default {
  933. color: #76838f;
  934. background-color: rgba(118, 131, 143, .1);
  935. border-color: #e4eaec;
  936. }
  937. .btn-outline.btn-default:hover .badge, .btn-outline.btn-default:focus .badge, .btn-outline.btn-default:active .badge, .btn-outline.btn-default.active .badge, .open > .dropdown-toggle.btn-outline.btn-default .badge {
  938. color: #76838f;
  939. background-color: #76838f;
  940. }
  941. .btn-outline.btn-primary {
  942. color: #62a8ea;
  943. background-color: transparent;
  944. }
  945. .btn-outline.btn-primary:hover, .btn-outline.btn-primary:focus, .btn-outline.btn-primary:active, .btn-outline.btn-primary.active, .open > .dropdown-toggle.btn-outline.btn-primary {
  946. color: #fff;
  947. background-color: #62a8ea;
  948. border-color: #62a8ea;
  949. }
  950. .btn-outline.btn-primary:hover .badge, .btn-outline.btn-primary:focus .badge, .btn-outline.btn-primary:active .badge, .btn-outline.btn-primary.active .badge, .open > .dropdown-toggle.btn-outline.btn-primary .badge {
  951. color: #62a8ea;
  952. background-color: #fff;
  953. }
  954. .btn-outline.btn-success {
  955. color: #46be8a;
  956. background-color: transparent;
  957. }
  958. .btn-outline.btn-success:hover, .btn-outline.btn-success:focus, .btn-outline.btn-success:active, .btn-outline.btn-success.active, .open > .dropdown-toggle.btn-outline.btn-success {
  959. color: #fff;
  960. background-color: #46be8a;
  961. border-color: #46be8a;
  962. }
  963. .btn-outline.btn-success:hover .badge, .btn-outline.btn-success:focus .badge, .btn-outline.btn-success:active .badge, .btn-outline.btn-success.active .badge, .open > .dropdown-toggle.btn-outline.btn-success .badge {
  964. color: #46be8a;
  965. background-color: #fff;
  966. }
  967. .btn-outline.btn-info {
  968. color: #57c7d4;
  969. background-color: transparent;
  970. }
  971. .btn-outline.btn-info:hover, .btn-outline.btn-info:focus, .btn-outline.btn-info:active, .btn-outline.btn-info.active, .open > .dropdown-toggle.btn-outline.btn-info {
  972. color: #fff;
  973. background-color: #57c7d4;
  974. border-color: #57c7d4;
  975. }
  976. .btn-outline.btn-info:hover .badge, .btn-outline.btn-info:focus .badge, .btn-outline.btn-info:active .badge, .btn-outline.btn-info.active .badge, .open > .dropdown-toggle.btn-outline.btn-info .badge {
  977. color: #57c7d4;
  978. background-color: #fff;
  979. }
  980. .btn-outline.btn-warning {
  981. color: #f2a654;
  982. background-color: transparent;
  983. }
  984. .btn-outline.btn-warning:hover, .btn-outline.btn-warning:focus, .btn-outline.btn-warning:active, .btn-outline.btn-warning.active, .open > .dropdown-toggle.btn-outline.btn-warning {
  985. color: #fff;
  986. background-color: #f2a654;
  987. border-color: #f2a654;
  988. }
  989. .btn-outline.btn-warning:hover .badge, .btn-outline.btn-warning:focus .badge, .btn-outline.btn-warning:active .badge, .btn-outline.btn-warning.active .badge, .open > .dropdown-toggle.btn-outline.btn-warning .badge {
  990. color: #f2a654;
  991. background-color: #fff;
  992. }
  993. .btn-outline.btn-danger {
  994. color: #f96868;
  995. background-color: transparent;
  996. }
  997. .btn-outline.btn-danger:hover, .btn-outline.btn-danger:focus, .btn-outline.btn-danger:active, .btn-outline.btn-danger.active, .open > .dropdown-toggle.btn-outline.btn-danger {
  998. color: #fff;
  999. background-color: #f96868;
  1000. border-color: #f96868;
  1001. }
  1002. .btn-outline.btn-danger:hover .badge, .btn-outline.btn-danger:focus .badge, .btn-outline.btn-danger:active .badge, .btn-outline.btn-danger.active .badge, .open > .dropdown-toggle.btn-outline.btn-danger .badge {
  1003. color: #f96868;
  1004. background-color: #fff;
  1005. }
  1006. .btn-outline.btn-dark {
  1007. color: #526069;
  1008. background-color: transparent;
  1009. }
  1010. .btn-outline.btn-dark:hover, .btn-outline.btn-dark:focus, .btn-outline.btn-dark:active, .btn-outline.btn-dark.active, .open > .dropdown-toggle.btn-outline.btn-dark {
  1011. color: #fff;
  1012. background-color: #526069;
  1013. border-color: #526069;
  1014. }
  1015. .btn-outline.btn-dark:hover .badge, .btn-outline.btn-dark:focus .badge, .btn-outline.btn-dark:active .badge, .btn-outline.btn-dark.active .badge, .open > .dropdown-toggle.btn-outline.btn-dark .badge {
  1016. color: #526069;
  1017. background-color: #fff;
  1018. }
  1019. .btn-outline.btn-inverse {
  1020. color: #fff;
  1021. background-color: transparent;
  1022. }
  1023. .btn-outline.btn-inverse:hover, .btn-outline.btn-inverse:focus, .btn-outline.btn-inverse:active, .btn-outline.btn-inverse.active, .open > .dropdown-toggle.btn-outline.btn-inverse {
  1024. color: #76838f;
  1025. background-color: #fff;
  1026. border-color: #fff;
  1027. }
  1028. .btn-outline.btn-inverse:hover .badge, .btn-outline.btn-inverse:focus .badge, .btn-outline.btn-inverse:active .badge, .btn-outline.btn-inverse.active .badge, .open > .dropdown-toggle.btn-outline.btn-inverse .badge {
  1029. color: #fff;
  1030. background-color: #76838f;
  1031. }
  1032. .btn-lg {
  1033. padding: 6px 18px;
  1034. font-size: 18px;
  1035. line-height: 1.3333333;
  1036. border-radius: 4px;
  1037. }
  1038. .btn-sm {
  1039. padding: 3px 10px;
  1040. font-size: 12px;
  1041. line-height: 1.5;
  1042. border-radius: 2px;
  1043. }
  1044. .btn-xs {
  1045. padding: 1px 5px;
  1046. font-size: 12px;
  1047. line-height: 1.5;
  1048. border-radius: 2px;
  1049. }
  1050. .btn-squared {
  1051. border-radius: 0;
  1052. }
  1053. .btn-round {
  1054. border-radius: 1000px;
  1055. }
  1056. .btn-default:hover, .btn-default:focus, .btn-default.focus {
  1057. background-color: #f3f7f9;
  1058. border-color: #f3f7f9;
  1059. }
  1060. .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
  1061. background-color: #ccd5db;
  1062. border-color: #ccd5db;
  1063. }
  1064. .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
  1065. background-color: #ccd5db;
  1066. border-color: #ccd5db;
  1067. }
  1068. .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
  1069. color: #76838f;
  1070. background-color: #f3f7f9;
  1071. border-color: #f3f7f9;
  1072. }
  1073. .btn-default.btn-up:before {
  1074. border-bottom-color: #e4eaec;
  1075. }
  1076. .btn-default.btn-up:hover:before, .btn-default.btn-up:focus:before {
  1077. border-bottom-color: #f3f7f9;
  1078. }
  1079. .btn-default.btn-up:active:before, .btn-default.btn-up.active:before, .open > .dropdown-toggle.btn-default.btn-up:before {
  1080. border-bottom-color: #ccd5db;
  1081. }
  1082. .btn-default.btn-right:before {
  1083. border-left-color: #e4eaec;
  1084. }
  1085. .btn-default.btn-right:hover:before, .btn-default.btn-right:focus:before {
  1086. border-left-color: #f3f7f9;
  1087. }
  1088. .btn-default.btn-right:active:before, .btn-default.btn-right.active:before, .open > .dropdown-toggle.btn-default.btn-right:before {
  1089. border-left-color: #ccd5db;
  1090. }
  1091. .btn-default.btn-bottom:before {
  1092. border-top-color: #e4eaec;
  1093. }
  1094. .btn-default.btn-bottom:hover:before, .btn-default.btn-bottom:focus:before {
  1095. border-top-color: #f3f7f9;
  1096. }
  1097. .btn-default.btn-bottom:active:before, .btn-default.btn-bottom.active:before, .open > .dropdown-toggle.btn-default.btn-bottom:before {
  1098. border-top-color: #ccd5db;
  1099. }
  1100. .btn-default.btn-left:before {
  1101. border-right-color: #e4eaec;
  1102. }
  1103. .btn-default.btn-left:hover:before, .btn-default.btn-left:focus:before {
  1104. border-right-color: #f3f7f9;
  1105. }
  1106. .btn-default.btn-left:active:before, .btn-default.btn-left.active:before, .open > .dropdown-toggle.btn-default.btn-left:before {
  1107. border-right-color: #ccd5db;
  1108. }
  1109. .btn-primary:hover, .btn-primary:focus, .btn-primary.focus {
  1110. background-color: #89bceb;
  1111. border-color: #89bceb;
  1112. }
  1113. .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  1114. background-color: #4e97d9;
  1115. border-color: #4e97d9;
  1116. }
  1117. .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
  1118. background-color: #4e97d9;
  1119. border-color: #4e97d9;
  1120. }
  1121. .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
  1122. color: #fff;
  1123. background-color: #a2caee;
  1124. border-color: #a2caee;
  1125. }
  1126. .btn-primary.btn-up:before {
  1127. border-bottom-color: #62a8ea;
  1128. }
  1129. .btn-primary.btn-up:hover:before, .btn-primary.btn-up:focus:before {
  1130. border-bottom-color: #89bceb;
  1131. }
  1132. .btn-primary.btn-up:active:before, .btn-primary.btn-up.active:before, .open > .dropdown-toggle.btn-primary.btn-up:before {
  1133. border-bottom-color: #4e97d9;
  1134. }
  1135. .btn-primary.btn-right:before {
  1136. border-left-color: #62a8ea;
  1137. }
  1138. .btn-primary.btn-right:hover:before, .btn-primary.btn-right:focus:before {
  1139. border-left-color: #89bceb;
  1140. }
  1141. .btn-primary.btn-right:active:before, .btn-primary.btn-right.active:before, .open > .dropdown-toggle.btn-primary.btn-right:before {
  1142. border-left-color: #4e97d9;
  1143. }
  1144. .btn-primary.btn-bottom:before {
  1145. border-top-color: #62a8ea;
  1146. }
  1147. .btn-primary.btn-bottom:hover:before, .btn-primary.btn-bottom:focus:before {
  1148. border-top-color: #89bceb;
  1149. }
  1150. .btn-primary.btn-bottom:active:before, .btn-primary.btn-bottom.active:before, .open > .dropdown-toggle.btn-primary.btn-bottom:before {
  1151. border-top-color: #4e97d9;
  1152. }
  1153. .btn-primary.btn-left:before {
  1154. border-right-color: #62a8ea;
  1155. }
  1156. .btn-primary.btn-left:hover:before, .btn-primary.btn-left:focus:before {
  1157. border-right-color: #89bceb;
  1158. }
  1159. .btn-primary.btn-left:active:before, .btn-primary.btn-left.active:before, .open > .dropdown-toggle.btn-primary.btn-left:before {
  1160. border-right-color: #4e97d9;
  1161. }
  1162. .btn-success:hover, .btn-success:focus, .btn-success.focus {
  1163. background-color: #5cd29d;
  1164. border-color: #5cd29d;
  1165. }
  1166. .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
  1167. background-color: #36ab7a;
  1168. border-color: #36ab7a;
  1169. }
  1170. .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus {
  1171. background-color: #36ab7a;
  1172. border-color: #36ab7a;
  1173. }
  1174. .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
  1175. color: #fff;
  1176. background-color: #7dd3ae;
  1177. border-color: #7dd3ae;
  1178. }
  1179. .btn-success.btn-up:before {
  1180. border-bottom-color: #46be8a;
  1181. }
  1182. .btn-success.btn-up:hover:before, .btn-success.btn-up:focus:before {
  1183. border-bottom-color: #5cd29d;
  1184. }
  1185. .btn-success.btn-up:active:before, .btn-success.btn-up.active:before, .open > .dropdown-toggle.btn-success.btn-up:before {
  1186. border-bottom-color: #36ab7a;
  1187. }
  1188. .btn-success.btn-right:before {
  1189. border-left-color: #46be8a;
  1190. }
  1191. .btn-success.btn-right:hover:before, .btn-success.btn-right:focus:before {
  1192. border-left-color: #5cd29d;
  1193. }
  1194. .btn-success.btn-right:active:before, .btn-success.btn-right.active:before, .open > .dropdown-toggle.btn-success.btn-right:before {
  1195. border-left-color: #36ab7a;
  1196. }
  1197. .btn-success.btn-bottom:before {
  1198. border-top-color: #46be8a;
  1199. }
  1200. .btn-success.btn-bottom:hover:before, .btn-success.btn-bottom:focus:before {
  1201. border-top-color: #5cd29d;
  1202. }
  1203. .btn-success.btn-bottom:active:before, .btn-success.btn-bottom.active:before, .open > .dropdown-toggle.btn-success.btn-bottom:before {
  1204. border-top-color: #36ab7a;
  1205. }
  1206. .btn-success.btn-left:before {
  1207. border-right-color: #46be8a;
  1208. }
  1209. .btn-success.btn-left:hover:before, .btn-success.btn-left:focus:before {
  1210. border-right-color: #5cd29d;
  1211. }
  1212. .btn-success.btn-left:active:before, .btn-success.btn-left.active:before, .open > .dropdown-toggle.btn-success.btn-left:before {
  1213. border-right-color: #36ab7a;
  1214. }
  1215. .btn-info:hover, .btn-info:focus, .btn-info.focus {
  1216. background-color: #77d6e1;
  1217. border-color: #77d6e1;
  1218. }
  1219. .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
  1220. background-color: #47b8c6;
  1221. border-color: #47b8c6;
  1222. }
  1223. .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus {
  1224. background-color: #47b8c6;
  1225. border-color: #47b8c6;
  1226. }
  1227. .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
  1228. color: #fff;
  1229. background-color: #9ae1e9;
  1230. border-color: #9ae1e9;
  1231. }
  1232. .btn-info.btn-up:before {
  1233. border-bottom-color: #57c7d4;
  1234. }
  1235. .btn-info.btn-up:hover:before, .btn-info.btn-up:focus:before {
  1236. border-bottom-color: #77d6e1;
  1237. }
  1238. .btn-info.btn-up:active:before, .btn-info.btn-up.active:before, .open > .dropdown-toggle.btn-info.btn-up:before {
  1239. border-bottom-color: #47b8c6;
  1240. }
  1241. .btn-info.btn-right:before {
  1242. border-left-color: #57c7d4;
  1243. }
  1244. .btn-info.btn-right:hover:before, .btn-info.btn-right:focus:before {
  1245. border-left-color: #77d6e1;
  1246. }
  1247. .btn-info.btn-right:active:before, .btn-info.btn-right.active:before, .open > .dropdown-toggle.btn-info.btn-right:before {
  1248. border-left-color: #47b8c6;
  1249. }
  1250. .btn-info.btn-bottom:before {
  1251. border-top-color: #57c7d4;
  1252. }
  1253. .btn-info.btn-bottom:hover:before, .btn-info.btn-bottom:focus:before {
  1254. border-top-color: #77d6e1;
  1255. }
  1256. .btn-info.btn-bottom:active:before, .btn-info.btn-bottom.active:before, .open > .dropdown-toggle.btn-info.btn-bottom:before {
  1257. border-top-color: #47b8c6;
  1258. }
  1259. .btn-info.btn-left:before {
  1260. border-right-color: #57c7d4;
  1261. }
  1262. .btn-info.btn-left:hover:before, .btn-info.btn-left:focus:before {
  1263. border-right-color: #77d6e1;
  1264. }
  1265. .btn-info.btn-left:active:before, .btn-info.btn-left.active:before, .open > .dropdown-toggle.btn-info.btn-left:before {
  1266. border-right-color: #47b8c6;
  1267. }
  1268. .btn-warning:hover, .btn-warning:focus, .btn-warning.focus {
  1269. background-color: #f4b066;
  1270. border-color: #f4b066;
  1271. }
  1272. .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
  1273. background-color: #ec9940;
  1274. border-color: #ec9940;
  1275. }
  1276. .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus {
  1277. background-color: #ec9940;
  1278. border-color: #ec9940;
  1279. }
  1280. .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
  1281. color: #fff;
  1282. background-color: #f6be80;
  1283. border-color: #f6be80;
  1284. }
  1285. .btn-warning.btn-up:before {
  1286. border-bottom-color: #f2a654;
  1287. }
  1288. .btn-warning.btn-up:hover:before, .btn-warning.btn-up:focus:before {
  1289. border-bottom-color: #f4b066;
  1290. }
  1291. .btn-warning.btn-up:active:before, .btn-warning.btn-up.active:before, .open > .dropdown-toggle.btn-warning.btn-up:before {
  1292. border-bottom-color: #ec9940;
  1293. }
  1294. .btn-warning.btn-right:before {
  1295. border-left-color: #f2a654;
  1296. }
  1297. .btn-warning.btn-right:hover:before, .btn-warning.btn-right:focus:before {
  1298. border-left-color: #f4b066;
  1299. }
  1300. .btn-warning.btn-right:active:before, .btn-warning.btn-right.active:before, .open > .dropdown-toggle.btn-warning.btn-right:before {
  1301. border-left-color: #ec9940;
  1302. }
  1303. .btn-warning.btn-bottom:before {
  1304. border-top-color: #f2a654;
  1305. }
  1306. .btn-warning.btn-bottom:hover:before, .btn-warning.btn-bottom:focus:before {
  1307. border-top-color: #f4b066;
  1308. }
  1309. .btn-warning.btn-bottom:active:before, .btn-warning.btn-bottom.active:before, .open > .dropdown-toggle.btn-warning.btn-bottom:before {
  1310. border-top-color: #ec9940;
  1311. }
  1312. .btn-warning.btn-left:before {
  1313. border-right-color: #f2a654;
  1314. }
  1315. .btn-warning.btn-left:hover:before, .btn-warning.btn-left:focus:before {
  1316. border-right-color: #f4b066;
  1317. }
  1318. .btn-warning.btn-left:active:before, .btn-warning.btn-left.active:before, .open > .dropdown-toggle.btn-warning.btn-left:before {
  1319. border-right-color: #ec9940;
  1320. }
  1321. .btn-danger:hover, .btn-danger:focus, .btn-danger.focus {
  1322. background-color: #fa7a7a;
  1323. border-color: #fa7a7a;
  1324. }
  1325. .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
  1326. background-color: #e9595b;
  1327. border-color: #e9595b;
  1328. }
  1329. .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus {
  1330. background-color: #e9595b;
  1331. border-color: #e9595b;
  1332. }
  1333. .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
  1334. color: #fff;
  1335. background-color: #fa9898;
  1336. border-color: #fa9898;
  1337. }
  1338. .btn-danger.btn-up:before {
  1339. border-bottom-color: #f96868;
  1340. }
  1341. .btn-danger.btn-up:hover:before, .btn-danger.btn-up:focus:before {
  1342. border-bottom-color: #fa7a7a;
  1343. }
  1344. .btn-danger.btn-up:active:before, .btn-danger.btn-up.active:before, .open > .dropdown-toggle.btn-danger.btn-up:before {
  1345. border-bottom-color: #e9595b;
  1346. }
  1347. .btn-danger.btn-right:before {
  1348. border-left-color: #f96868;
  1349. }
  1350. .btn-danger.btn-right:hover:before, .btn-danger.btn-right:focus:before {
  1351. border-left-color: #fa7a7a;
  1352. }
  1353. .btn-danger.btn-right:active:before, .btn-danger.btn-right.active:before, .open > .dropdown-toggle.btn-danger.btn-right:before {
  1354. border-left-color: #e9595b;
  1355. }
  1356. .btn-danger.btn-bottom:before {
  1357. border-top-color: #f96868;
  1358. }
  1359. .btn-danger.btn-bottom:hover:before, .btn-danger.btn-bottom:focus:before {
  1360. border-top-color: #fa7a7a;
  1361. }
  1362. .btn-danger.btn-bottom:active:before, .btn-danger.btn-bottom.active:before, .open > .dropdown-toggle.btn-danger.btn-bottom:before {
  1363. border-top-color: #e9595b;
  1364. }
  1365. .btn-danger.btn-left:before {
  1366. border-right-color: #f96868;
  1367. }
  1368. .btn-danger.btn-left:hover:before, .btn-danger.btn-left:focus:before {
  1369. border-right-color: #fa7a7a;
  1370. }
  1371. .btn-danger.btn-left:active:before, .btn-danger.btn-left.active:before, .open > .dropdown-toggle.btn-danger.btn-left:before {
  1372. border-right-color: #e9595b;
  1373. }
  1374. .btn-inverse {
  1375. color: #76838f;
  1376. background-color: #fff;
  1377. border-color: #e4eaec;
  1378. }
  1379. .btn-inverse:focus, .btn-inverse.focus {
  1380. color: #76838f;
  1381. background-color: #e6e6e6;
  1382. border-color: #99b0b7;
  1383. }
  1384. .btn-inverse:hover {
  1385. color: #76838f;
  1386. background-color: #e6e6e6;
  1387. border-color: #c0ced3;
  1388. }
  1389. .btn-inverse:active, .btn-inverse.active, .open > .dropdown-toggle.btn-inverse {
  1390. color: #76838f;
  1391. background-color: #e6e6e6;
  1392. border-color: #c0ced3;
  1393. }
  1394. .btn-inverse:active:hover, .btn-inverse.active:hover, .open > .dropdown-toggle.btn-inverse:hover, .btn-inverse:active:focus, .btn-inverse.active:focus, .open > .dropdown-toggle.btn-inverse:focus, .btn-inverse:active.focus, .btn-inverse.active.focus, .open > .dropdown-toggle.btn-inverse.focus {
  1395. color: #76838f;
  1396. background-color: #d4d4d4;
  1397. border-color: #99b0b7;
  1398. }
  1399. .btn-inverse:active, .btn-inverse.active, .open > .dropdown-toggle.btn-inverse {
  1400. background-image: none;
  1401. }
  1402. .btn-inverse.disabled:hover, .btn-inverse[disabled]:hover, fieldset[disabled] .btn-inverse:hover, .btn-inverse.disabled:focus, .btn-inverse[disabled]:focus, fieldset[disabled] .btn-inverse:focus, .btn-inverse.disabled.focus, .btn-inverse[disabled].focus, fieldset[disabled] .btn-inverse.focus {
  1403. background-color: #fff;
  1404. border-color: #e4eaec;
  1405. }
  1406. .btn-inverse .badge {
  1407. color: #fff;
  1408. background-color: #76838f;
  1409. }
  1410. .btn-inverse:hover, .btn-inverse:focus, .btn-inverse.focus {
  1411. background-color: #fff;
  1412. border-color: #f3f7f9;
  1413. }
  1414. .btn-inverse:active, .btn-inverse.active, .open > .dropdown-toggle.btn-inverse {
  1415. background-color: #fff;
  1416. border-color: #ccd5db;
  1417. }
  1418. .btn-inverse:active:hover, .btn-inverse.active:hover, .open > .dropdown-toggle.btn-inverse:hover, .btn-inverse:active:focus, .btn-inverse.active:focus, .open > .dropdown-toggle.btn-inverse:focus, .btn-inverse:active.focus, .btn-inverse.active.focus, .open > .dropdown-toggle.btn-inverse.focus {
  1419. background-color: #fff;
  1420. border-color: #ccd5db;
  1421. }
  1422. .btn-inverse.disabled, .btn-inverse[disabled], fieldset[disabled] .btn-inverse, .btn-inverse.disabled:hover, .btn-inverse[disabled]:hover, fieldset[disabled] .btn-inverse:hover, .btn-inverse.disabled:focus, .btn-inverse[disabled]:focus, fieldset[disabled] .btn-inverse:focus, .btn-inverse.disabled.focus, .btn-inverse[disabled].focus, fieldset[disabled] .btn-inverse.focus, .btn-inverse.disabled:active, .btn-inverse[disabled]:active, fieldset[disabled] .btn-inverse:active, .btn-inverse.disabled.active, .btn-inverse[disabled].active, fieldset[disabled] .btn-inverse.active {
  1423. color: #ccd5db;
  1424. background-color: #fff;
  1425. border-color: #a3afb7;
  1426. }
  1427. .btn-inverse.btn-up:before {
  1428. border-bottom-color: #fff;
  1429. }
  1430. .btn-inverse.btn-up:hover:before, .btn-inverse.btn-up:focus:before {
  1431. border-bottom-color: #fff;
  1432. }
  1433. .btn-inverse.btn-up:active:before, .btn-inverse.btn-up.active:before, .open > .dropdown-toggle.btn-inverse.btn-up:before {
  1434. border-bottom-color: #fff;
  1435. }
  1436. .btn-inverse.btn-right:before {
  1437. border-left-color: #fff;
  1438. }
  1439. .btn-inverse.btn-right:hover:before, .btn-inverse.btn-right:focus:before {
  1440. border-left-color: #fff;
  1441. }
  1442. .btn-inverse.btn-right:active:before, .btn-inverse.btn-right.active:before, .open > .dropdown-toggle.btn-inverse.btn-right:before {
  1443. border-left-color: #fff;
  1444. }
  1445. .btn-inverse.btn-bottom:before {
  1446. border-top-color: #fff;
  1447. }
  1448. .btn-inverse.btn-bottom:hover:before, .btn-inverse.btn-bottom:focus:before {
  1449. border-top-color: #fff;
  1450. }
  1451. .btn-inverse.btn-bottom:active:before, .btn-inverse.btn-bottom.active:before, .open > .dropdown-toggle.btn-inverse.btn-bottom:before {
  1452. border-top-color: #fff;
  1453. }
  1454. .btn-inverse.btn-left:before {
  1455. border-right-color: #fff;
  1456. }
  1457. .btn-inverse.btn-left:hover:before, .btn-inverse.btn-left:focus:before {
  1458. border-right-color: #fff;
  1459. }
  1460. .btn-inverse.btn-left:active:before, .btn-inverse.btn-left.active:before, .open > .dropdown-toggle.btn-inverse.btn-left:before {
  1461. border-right-color: #fff;
  1462. }
  1463. .btn-dark {
  1464. color: #fff;
  1465. background-color: #526069;
  1466. border-color: #526069;
  1467. }
  1468. .btn-dark:focus, .btn-dark.focus {
  1469. color: #fff;
  1470. background-color: #3c464c;
  1471. border-color: #1a1f21;
  1472. }
  1473. .btn-dark:hover {
  1474. color: #fff;
  1475. background-color: #3c464c;
  1476. border-color: #374147;
  1477. }
  1478. .btn-dark:active, .btn-dark.active, .open > .dropdown-toggle.btn-dark {
  1479. color: #fff;
  1480. background-color: #3c464c;
  1481. border-color: #374147;
  1482. }
  1483. .btn-dark:active:hover, .btn-dark.active:hover, .open > .dropdown-toggle.btn-dark:hover, .btn-dark:active:focus, .btn-dark.active:focus, .open > .dropdown-toggle.btn-dark:focus, .btn-dark:active.focus, .btn-dark.active.focus, .open > .dropdown-toggle.btn-dark.focus {
  1484. color: #fff;
  1485. background-color: #2c3338;
  1486. border-color: #1a1f21;
  1487. }
  1488. .btn-dark:active, .btn-dark.active, .open > .dropdown-toggle.btn-dark {
  1489. background-image: none;
  1490. }
  1491. .btn-dark.disabled:hover, .btn-dark[disabled]:hover, fieldset[disabled] .btn-dark:hover, .btn-dark.disabled:focus, .btn-dark[disabled]:focus, fieldset[disabled] .btn-dark:focus, .btn-dark.disabled.focus, .btn-dark[disabled].focus, fieldset[disabled] .btn-dark.focus {
  1492. background-color: #526069;
  1493. border-color: #526069;
  1494. }
  1495. .btn-dark .badge {
  1496. color: #526069;
  1497. background-color: #fff;
  1498. }
  1499. .btn-dark:hover, .btn-dark:focus, .btn-dark.focus {
  1500. background-color: #76838f;
  1501. border-color: #76838f;
  1502. }
  1503. .btn-dark:active, .btn-dark.active, .open > .dropdown-toggle.btn-dark {
  1504. background-color: #37474f;
  1505. border-color: #37474f;
  1506. }
  1507. .btn-dark:active:hover, .btn-dark.active:hover, .open > .dropdown-toggle.btn-dark:hover, .btn-dark:active:focus, .btn-dark.active:focus, .open > .dropdown-toggle.btn-dark:focus, .btn-dark:active.focus, .btn-dark.active.focus, .open > .dropdown-toggle.btn-dark.focus {
  1508. background-color: #37474f;
  1509. border-color: #37474f;
  1510. }
  1511. .btn-dark.disabled, .btn-dark[disabled], fieldset[disabled] .btn-dark, .btn-dark.disabled:hover, .btn-dark[disabled]:hover, fieldset[disabled] .btn-dark:hover, .btn-dark.disabled:focus, .btn-dark[disabled]:focus, fieldset[disabled] .btn-dark:focus, .btn-dark.disabled.focus, .btn-dark[disabled].focus, fieldset[disabled] .btn-dark.focus, .btn-dark.disabled:active, .btn-dark[disabled]:active, fieldset[disabled] .btn-dark:active, .btn-dark.disabled.active, .btn-dark[disabled].active, fieldset[disabled] .btn-dark.active {
  1512. color: #fff;
  1513. background-color: #a3afb7;
  1514. border-color: #a3afb7;
  1515. }
  1516. .btn-dark.btn-up:before {
  1517. border-bottom-color: #526069;
  1518. }
  1519. .btn-dark.btn-up:hover:before, .btn-dark.btn-up:focus:before {
  1520. border-bottom-color: #76838f;
  1521. }
  1522. .btn-dark.btn-up:active:before, .btn-dark.btn-up.active:before, .open > .dropdown-toggle.btn-dark.btn-up:before {
  1523. border-bottom-color: #37474f;
  1524. }
  1525. .btn-dark.btn-right:before {
  1526. border-left-color: #526069;
  1527. }
  1528. .btn-dark.btn-right:hover:before, .btn-dark.btn-right:focus:before {
  1529. border-left-color: #76838f;
  1530. }
  1531. .btn-dark.btn-right:active:before, .btn-dark.btn-right.active:before, .open > .dropdown-toggle.btn-dark.btn-right:before {
  1532. border-left-color: #37474f;
  1533. }
  1534. .btn-dark.btn-bottom:before {
  1535. border-top-color: #526069;
  1536. }
  1537. .btn-dark.btn-bottom:hover:before, .btn-dark.btn-bottom:focus:before {
  1538. border-top-color: #76838f;
  1539. }
  1540. .btn-dark.btn-bottom:active:before, .btn-dark.btn-bottom.active:before, .open > .dropdown-toggle.btn-dark.btn-bottom:before {
  1541. border-top-color: #37474f;
  1542. }
  1543. .btn-dark.btn-left:before {
  1544. border-right-color: #526069;
  1545. }
  1546. .btn-dark.btn-left:hover:before, .btn-dark.btn-left:focus:before {
  1547. border-right-color: #76838f;
  1548. }
  1549. .btn-dark.btn-left:active:before, .btn-dark.btn-left.active:before, .open > .dropdown-toggle.btn-dark.btn-left:before {
  1550. border-right-color: #37474f;
  1551. }
  1552. .btn-dark:hover, .btn-dark:focus {
  1553. color: #fff;
  1554. }
  1555. .btn-dark:active, .btn-dark.active, .open > .dropdown-toggle.btn-dark {
  1556. color: #fff;
  1557. }
  1558. .btn-dark.btn-flat {
  1559. color: #526069;
  1560. }
  1561. .btn-flat {
  1562. background: none;
  1563. border: none;
  1564. -webkit-box-shadow: none;
  1565. box-shadow: none;
  1566. }
  1567. .btn-flat.disabled {
  1568. color: #a3afb7;
  1569. }
  1570. .btn-icon, .btn.icon {
  1571. padding: 10px;
  1572. line-height: 1em;
  1573. }
  1574. .btn-icon.btn-xs, .btn.icon.btn-xs {
  1575. padding: 4px;
  1576. font-size: 12px;
  1577. }
  1578. .btn-icon.btn-sm, .btn.icon.btn-sm {
  1579. padding: 8px;
  1580. font-size: 14px;
  1581. }
  1582. .btn-icon.btn-lg, .btn.icon.btn-lg {
  1583. padding: 12px;
  1584. font-size: 20px;
  1585. }
  1586. .btn-icon.disabled, .btn.icon.disabled {
  1587. color: #a3afb7;
  1588. }
  1589. .btn-icon {
  1590. padding: 8px;
  1591. }
  1592. .btn-icon .icon {
  1593. margin: -13px 0 0;
  1594. }
  1595. .btn-icon.btn-lg {
  1596. padding: 7.5px;
  1597. }
  1598. .btn-icon.btn-sm {
  1599. padding: 5px;
  1600. }
  1601. .btn-icon.btn-xs {
  1602. padding: 4px;
  1603. }
  1604. .btn-raised {
  1605. -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .18), 0 2px 4px rgba(0, 0, 0, .21);
  1606. box-shadow: 0 0 2px rgba(0, 0, 0, .18), 0 2px 4px rgba(0, 0, 0, .21);
  1607. -webkit-transition: -webkit-box-shadow .25s cubic-bezier(.4, 0, .2, 1);
  1608. -o-transition: box-shadow .25s cubic-bezier(.4, 0, .2, 1);
  1609. transition: -webkit-box-shadow .25s cubic-bezier(.4, 0, .2, 1);
  1610. transition: box-shadow .25s cubic-bezier(.4, 0, .2, 1);
  1611. transition: box-shadow .25s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .25s cubic-bezier(.4, 0, .2, 1);
  1612. }
  1613. .btn-raised:hover, .btn-raised:active, .btn-raised.active, .open > .dropdown-toggle.btn-raised {
  1614. -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15), 0 3px 6px rgba(0, 0, 0, .2);
  1615. box-shadow: 0 0 3px rgba(0, 0, 0, .15), 0 3px 6px rgba(0, 0, 0, .2);
  1616. }
  1617. .btn-raised.disabled, .btn-raised[disabled], fieldset[disabled] .btn-raised {
  1618. -webkit-box-shadow: none;
  1619. box-shadow: none;
  1620. }
  1621. .btn-floating {
  1622. width: 56px;
  1623. height: 56px;
  1624. padding: 0;
  1625. margin: 0;
  1626. font-size: 24px;
  1627. text-align: center;
  1628. border-radius: 100%;
  1629. -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .15);
  1630. box-shadow: 0 6px 10px rgba(0, 0, 0, .15);
  1631. }
  1632. .btn-floating.btn-xs {
  1633. width: 30px;
  1634. height: 30px;
  1635. padding: 0;
  1636. font-size: 13px;
  1637. }
  1638. .btn-floating.btn-sm {
  1639. width: 40px;
  1640. height: 40px;
  1641. padding: 0;
  1642. font-size: 15px;
  1643. }
  1644. .btn-floating.btn-lg {
  1645. width: 70px;
  1646. height: 70px;
  1647. padding: 0;
  1648. font-size: 30px;
  1649. }
  1650. .btn-floating i {
  1651. position: relative;
  1652. top: 0;
  1653. }
  1654. .btn-animate {
  1655. position: relative;
  1656. overflow: hidden;
  1657. }
  1658. .btn-animate span {
  1659. display: block;
  1660. width: 100%;
  1661. height: 100%;
  1662. -webkit-transform: translate(0px, 0);
  1663. -ms-transform: translate(0px, 0);
  1664. -o-transform: translate(0px, 0);
  1665. transform: translate(0px, 0);
  1666. }
  1667. .btn-animate-side {
  1668. padding: 4px 28px;
  1669. }
  1670. .btn-animate-side span {
  1671. -webkit-transition: -webkit-transform .2s ease-out 0s;
  1672. -o-transition: -o-transform .2s ease-out 0s;
  1673. transition: -webkit-transform .2s ease-out 0s;
  1674. transition: transform .2s ease-out 0s;
  1675. transition: transform .2s ease-out 0s, -webkit-transform .2s ease-out 0s, -o-transform .2s ease-out 0s;
  1676. }
  1677. .btn-animate-side span > .icon {
  1678. position: absolute;
  1679. top: 50%;
  1680. left: 0;
  1681. display: block;
  1682. margin-top: -1px;
  1683. opacity: 0;
  1684. -webkit-transition: opacity .2s ease-out 0s;
  1685. -o-transition: opacity .2s ease-out 0s;
  1686. transition: opacity .2s ease-out 0s;
  1687. -webkit-transform: translate(-20px, -50%);
  1688. -ms-transform: translate(-20px, -50%);
  1689. -o-transform: translate(-20px, -50%);
  1690. transform: translate(-20px, -50%);
  1691. }
  1692. .btn-animate-side:hover span {
  1693. -webkit-transform: translate(10px, 0);
  1694. -ms-transform: translate(10px, 0);
  1695. -o-transform: translate(10px, 0);
  1696. transform: translate(10px, 0);
  1697. }
  1698. .btn-animate-side:hover span > .icon {
  1699. opacity: 1;
  1700. }
  1701. .btn-animate-side.btn-xs {
  1702. padding: 1px 14px;
  1703. }
  1704. .btn-animate-side.btn-xs span > .icon {
  1705. left: 5px;
  1706. }
  1707. .btn-animate-side.btn-xs:hover span {
  1708. -webkit-transform: translate(8px, 0);
  1709. -ms-transform: translate(8px, 0);
  1710. -o-transform: translate(8px, 0);
  1711. transform: translate(8px, 0);
  1712. }
  1713. .btn-animate-side.btn-sm {
  1714. padding: 3px 22px;
  1715. }
  1716. .btn-animate-side.btn-sm span > .icon {
  1717. left: 3px;
  1718. }
  1719. .btn-animate-side.btn-sm:hover span {
  1720. -webkit-transform: translate(8px, 0);
  1721. -ms-transform: translate(8px, 0);
  1722. -o-transform: translate(8px, 0);
  1723. transform: translate(8px, 0);
  1724. }
  1725. .btn-animate-side.btn-lg {
  1726. padding: 6px 33px;
  1727. }
  1728. .btn-animate-side.btn-lg span > .icon {
  1729. left: -6px;
  1730. }
  1731. .btn-animate-side.btn-lg:hover span {
  1732. -webkit-transform: translate(14px, 0);
  1733. -ms-transform: translate(14px, 0);
  1734. -o-transform: translate(14px, 0);
  1735. transform: translate(14px, 0);
  1736. }
  1737. .btn-animate-vertical span {
  1738. -webkit-transition: all .2s ease-out 0s;
  1739. -o-transition: all .2s ease-out 0s;
  1740. transition: all .2s ease-out 0s;
  1741. }
  1742. .btn-animate-vertical span > .icon {
  1743. position: absolute;
  1744. top: -3px;
  1745. left: 50%;
  1746. display: block;
  1747. margin-top: 0;
  1748. font-size: 24px;
  1749. -webkit-transform: translate(-50%, -100%);
  1750. -ms-transform: translate(-50%, -100%);
  1751. -o-transform: translate(-50%, -100%);
  1752. transform: translate(-50%, -100%);
  1753. }
  1754. .btn-animate-vertical:hover span {
  1755. -webkit-transform: translate(0, 150%);
  1756. -ms-transform: translate(0, 150%);
  1757. -o-transform: translate(0, 150%);
  1758. transform: translate(0, 150%);
  1759. }
  1760. .btn-animate-vertical.btn-xs span > .icon {
  1761. top: -5px;
  1762. font-size: 16px;
  1763. }
  1764. .btn-animate-vertical.btn-sm span > .icon {
  1765. top: -3px;
  1766. font-size: 20px;
  1767. }
  1768. .btn-animate-vertical.btn-lg span > .icon {
  1769. top: -5px;
  1770. font-size: 28px;
  1771. }
  1772. .btn-labeled {
  1773. padding: 0;
  1774. padding-right: 8px;
  1775. }
  1776. .btn-labeled .btn-label {
  1777. padding: 4px 8px;
  1778. margin-right: 5px;
  1779. }
  1780. .btn-labeled.btn-xs {
  1781. padding-right: 5px;
  1782. }
  1783. .btn-labeled.btn-xs .btn-label {
  1784. padding: 1px 4px;
  1785. margin-right: 2px;
  1786. }
  1787. .btn-labeled.btn-sm {
  1788. padding-right: 10px;
  1789. }
  1790. .btn-labeled.btn-sm .btn-label {
  1791. padding: 3px 6px;
  1792. margin-right: 7px;
  1793. }
  1794. .btn-labeled.btn-lg {
  1795. padding-right: 14px;
  1796. }
  1797. .btn-labeled.btn-lg .btn-label {
  1798. padding: 6px 14px;
  1799. margin-right: 11px;
  1800. }
  1801. .btn-labeled.btn-block {
  1802. text-align: left;
  1803. }
  1804. .btn-label {
  1805. display: inline-block;
  1806. background-color: rgba(0, 0, 0, .15);
  1807. border-radius: 3px 0 0 3px;
  1808. }
  1809. .btn-pill-left {
  1810. border-radius: 500px 0 0 500px;
  1811. }
  1812. .btn-pill-right {
  1813. border-radius: 0 500px 500px 0;
  1814. }
  1815. .btn-direction {
  1816. position: relative;
  1817. }
  1818. .btn-direction:before {
  1819. position: absolute;
  1820. line-height: 0;
  1821. content: "";
  1822. border: 6px solid transparent;
  1823. }
  1824. .btn-up:before {
  1825. top: -12px;
  1826. left: 50%;
  1827. margin-left: -6px;
  1828. border-bottom-color: #e4eaec;
  1829. }
  1830. .btn-right:before {
  1831. top: 50%;
  1832. right: -12px;
  1833. margin-top: -6px;
  1834. border-left-color: #e4eaec;
  1835. }
  1836. .btn-bottom:before {
  1837. bottom: -12px;
  1838. left: 50%;
  1839. margin-left: -6px;
  1840. border-top-color: #e4eaec;
  1841. }
  1842. .btn-left:before {
  1843. top: 50%;
  1844. left: -12px;
  1845. margin-top: -6px;
  1846. border-right-color: #e4eaec;
  1847. }
  1848. .btn-pure, .btn-pure:hover, .btn-pure:focus, .btn-pure:active, .btn-pure.active, .open > .dropdown-toggle.btn-pure, .btn-pure[disabled], fieldset[disabled] .btn-pure {
  1849. background-color: transparent;
  1850. border-color: transparent;
  1851. -webkit-box-shadow: none;
  1852. box-shadow: none;
  1853. }
  1854. .btn-pure:hover, .btn-pure:hover:hover, .btn-pure:focus:hover, .btn-pure:active:hover, .btn-pure.active:hover, .open > .dropdown-toggle.btn-pure:hover, .btn-pure[disabled]:hover, fieldset[disabled] .btn-pure:hover, .btn-pure:focus, .btn-pure:hover:focus, .btn-pure:focus:focus, .btn-pure:active:focus, .btn-pure.active:focus, .open > .dropdown-toggle.btn-pure:focus, .btn-pure[disabled]:focus, fieldset[disabled] .btn-pure:focus, .btn-pure.focus, .btn-pure:hover.focus, .btn-pure:focus.focus, .btn-pure:active.focus, .btn-pure.active.focus, .open > .dropdown-toggle.btn-pure.focus, .btn-pure[disabled].focus, fieldset[disabled] .btn-pure.focus {
  1855. background-color: transparent;
  1856. border-color: transparent;
  1857. -webkit-box-shadow: none;
  1858. box-shadow: none;
  1859. }
  1860. .btn-pure.btn-default {
  1861. color: #a3afb7;
  1862. }
  1863. .btn-pure.btn-default:hover, .btn-pure.btn-default:focus, .btn-pure.btn-default:active, .btn-pure.btn-default.active, .open > .dropdown-toggle.btn-pure.btn-default {
  1864. color: #526069;
  1865. }
  1866. .btn-pure.btn-default:hover:hover, .btn-pure.btn-default:focus:hover, .btn-pure.btn-default:active:hover, .btn-pure.btn-default.active:hover, .open > .dropdown-toggle.btn-pure.btn-default:hover, .btn-pure.btn-default:hover:focus, .btn-pure.btn-default:focus:focus, .btn-pure.btn-default:active:focus, .btn-pure.btn-default.active:focus, .open > .dropdown-toggle.btn-pure.btn-default:focus, .btn-pure.btn-default:hover.focus, .btn-pure.btn-default:focus.focus, .btn-pure.btn-default:active.focus, .btn-pure.btn-default.active.focus, .open > .dropdown-toggle.btn-pure.btn-default.focus {
  1867. color: #526069;
  1868. }
  1869. .btn-pure.btn-default:hover .badge, .btn-pure.btn-default:focus .badge, .btn-pure.btn-default:active .badge, .btn-pure.btn-default.active .badge, .open > .dropdown-toggle.btn-pure.btn-default .badge {
  1870. color: #526069;
  1871. }
  1872. .btn-pure.btn-primary {
  1873. color: #62a8ea;
  1874. }
  1875. .btn-pure.btn-primary:hover, .btn-pure.btn-primary:focus, .btn-pure.btn-primary:active, .btn-pure.btn-primary.active, .open > .dropdown-toggle.btn-pure.btn-primary {
  1876. color: #3583ca;
  1877. }
  1878. .btn-pure.btn-primary:hover:hover, .btn-pure.btn-primary:focus:hover, .btn-pure.btn-primary:active:hover, .btn-pure.btn-primary.active:hover, .open > .dropdown-toggle.btn-pure.btn-primary:hover, .btn-pure.btn-primary:hover:focus, .btn-pure.btn-primary:focus:focus, .btn-pure.btn-primary:active:focus, .btn-pure.btn-primary.active:focus, .open > .dropdown-toggle.btn-pure.btn-primary:focus, .btn-pure.btn-primary:hover.focus, .btn-pure.btn-primary:focus.focus, .btn-pure.btn-primary:active.focus, .btn-pure.btn-primary.active.focus, .open > .dropdown-toggle.btn-pure.btn-primary.focus {
  1879. color: #3583ca;
  1880. }
  1881. .btn-pure.btn-primary:hover .badge, .btn-pure.btn-primary:focus .badge, .btn-pure.btn-primary:active .badge, .btn-pure.btn-primary.active .badge, .open > .dropdown-toggle.btn-pure.btn-primary .badge {
  1882. color: #3583ca;
  1883. }
  1884. .btn-pure.btn-success {
  1885. color: #46be8a;
  1886. }
  1887. .btn-pure.btn-success:hover, .btn-pure.btn-success:focus, .btn-pure.btn-success:active, .btn-pure.btn-success.active, .open > .dropdown-toggle.btn-pure.btn-success {
  1888. color: #279566;
  1889. }
  1890. .btn-pure.btn-success:hover:hover, .btn-pure.btn-success:focus:hover, .btn-pure.btn-success:active:hover, .btn-pure.btn-success.active:hover, .open > .dropdown-toggle.btn-pure.btn-success:hover, .btn-pure.btn-success:hover:focus, .btn-pure.btn-success:focus:focus, .btn-pure.btn-success:active:focus, .btn-pure.btn-success.active:focus, .open > .dropdown-toggle.btn-pure.btn-success:focus, .btn-pure.btn-success:hover.focus, .btn-pure.btn-success:focus.focus, .btn-pure.btn-success:active.focus, .btn-pure.btn-success.active.focus, .open > .dropdown-toggle.btn-pure.btn-success.focus {
  1891. color: #279566;
  1892. }
  1893. .btn-pure.btn-success:hover .badge, .btn-pure.btn-success:focus .badge, .btn-pure.btn-success:active .badge, .btn-pure.btn-success.active .badge, .open > .dropdown-toggle.btn-pure.btn-success .badge {
  1894. color: #279566;
  1895. }
  1896. .btn-pure.btn-info {
  1897. color: #57c7d4;
  1898. }
  1899. .btn-pure.btn-info:hover, .btn-pure.btn-info:focus, .btn-pure.btn-info:active, .btn-pure.btn-info.active, .open > .dropdown-toggle.btn-pure.btn-info {
  1900. color: #37a9b7;
  1901. }
  1902. .btn-pure.btn-info:hover:hover, .btn-pure.btn-info:focus:hover, .btn-pure.btn-info:active:hover, .btn-pure.btn-info.active:hover, .open > .dropdown-toggle.btn-pure.btn-info:hover, .btn-pure.btn-info:hover:focus, .btn-pure.btn-info:focus:focus, .btn-pure.btn-info:active:focus, .btn-pure.btn-info.active:focus, .open > .dropdown-toggle.btn-pure.btn-info:focus, .btn-pure.btn-info:hover.focus, .btn-pure.btn-info:focus.focus, .btn-pure.btn-info:active.focus, .btn-pure.btn-info.active.focus, .open > .dropdown-toggle.btn-pure.btn-info.focus {
  1903. color: #37a9b7;
  1904. }
  1905. .btn-pure.btn-info:hover .badge, .btn-pure.btn-info:focus .badge, .btn-pure.btn-info:active .badge, .btn-pure.btn-info.active .badge, .open > .dropdown-toggle.btn-pure.btn-info .badge {
  1906. color: #37a9b7;
  1907. }
  1908. .btn-pure.btn-warning {
  1909. color: #f2a654;
  1910. }
  1911. .btn-pure.btn-warning:hover, .btn-pure.btn-warning:focus, .btn-pure.btn-warning:active, .btn-pure.btn-warning.active, .open > .dropdown-toggle.btn-pure.btn-warning {
  1912. color: #e98f2e;
  1913. }
  1914. .btn-pure.btn-warning:hover:hover, .btn-pure.btn-warning:focus:hover, .btn-pure.btn-warning:active:hover, .btn-pure.btn-warning.active:hover, .open > .dropdown-toggle.btn-pure.btn-warning:hover, .btn-pure.btn-warning:hover:focus, .btn-pure.btn-warning:focus:focus, .btn-pure.btn-warning:active:focus, .btn-pure.btn-warning.active:focus, .open > .dropdown-toggle.btn-pure.btn-warning:focus, .btn-pure.btn-warning:hover.focus, .btn-pure.btn-warning:focus.focus, .btn-pure.btn-warning:active.focus, .btn-pure.btn-warning.active.focus, .open > .dropdown-toggle.btn-pure.btn-warning.focus {
  1915. color: #e98f2e;
  1916. }
  1917. .btn-pure.btn-warning:hover .badge, .btn-pure.btn-warning:focus .badge, .btn-pure.btn-warning:active .badge, .btn-pure.btn-warning.active .badge, .open > .dropdown-toggle.btn-pure.btn-warning .badge {
  1918. color: #e98f2e;
  1919. }
  1920. .btn-pure.btn-danger {
  1921. color: #f96868;
  1922. }
  1923. .btn-pure.btn-danger:hover, .btn-pure.btn-danger:focus, .btn-pure.btn-danger:active, .btn-pure.btn-danger.active, .open > .dropdown-toggle.btn-pure.btn-danger {
  1924. color: #d6494b;
  1925. }
  1926. .btn-pure.btn-danger:hover:hover, .btn-pure.btn-danger:focus:hover, .btn-pure.btn-danger:active:hover, .btn-pure.btn-danger.active:hover, .open > .dropdown-toggle.btn-pure.btn-danger:hover, .btn-pure.btn-danger:hover:focus, .btn-pure.btn-danger:focus:focus, .btn-pure.btn-danger:active:focus, .btn-pure.btn-danger.active:focus, .open > .dropdown-toggle.btn-pure.btn-danger:focus, .btn-pure.btn-danger:hover.focus, .btn-pure.btn-danger:focus.focus, .btn-pure.btn-danger:active.focus, .btn-pure.btn-danger.active.focus, .open > .dropdown-toggle.btn-pure.btn-danger.focus {
  1927. color: #d6494b;
  1928. }
  1929. .btn-pure.btn-danger:hover .badge, .btn-pure.btn-danger:focus .badge, .btn-pure.btn-danger:active .badge, .btn-pure.btn-danger.active .badge, .open > .dropdown-toggle.btn-pure.btn-danger .badge {
  1930. color: #d6494b;
  1931. }
  1932. .btn-pure.btn-dark {
  1933. color: #526069;
  1934. }
  1935. .btn-pure.btn-dark:hover, .btn-pure.btn-dark:focus, .btn-pure.btn-dark:active, .btn-pure.btn-dark.active, .open > .dropdown-toggle.btn-pure.btn-dark {
  1936. color: #37474f;
  1937. }
  1938. .btn-pure.btn-dark:hover:hover, .btn-pure.btn-dark:focus:hover, .btn-pure.btn-dark:active:hover, .btn-pure.btn-dark.active:hover, .open > .dropdown-toggle.btn-pure.btn-dark:hover, .btn-pure.btn-dark:hover:focus, .btn-pure.btn-dark:focus:focus, .btn-pure.btn-dark:active:focus, .btn-pure.btn-dark.active:focus, .open > .dropdown-toggle.btn-pure.btn-dark:focus, .btn-pure.btn-dark:hover.focus, .btn-pure.btn-dark:focus.focus, .btn-pure.btn-dark:active.focus, .btn-pure.btn-dark.active.focus, .open > .dropdown-toggle.btn-pure.btn-dark.focus {
  1939. color: #37474f;
  1940. }
  1941. .btn-pure.btn-dark:hover .badge, .btn-pure.btn-dark:focus .badge, .btn-pure.btn-dark:active .badge, .btn-pure.btn-dark.active .badge, .open > .dropdown-toggle.btn-pure.btn-dark .badge {
  1942. color: #37474f;
  1943. }
  1944. .btn-pure.btn-inverse {
  1945. color: #fff;
  1946. }
  1947. .btn-pure.btn-inverse:hover, .btn-pure.btn-inverse:focus, .btn-pure.btn-inverse:active, .btn-pure.btn-inverse.active, .open > .dropdown-toggle.btn-pure.btn-inverse {
  1948. color: #fff;
  1949. }
  1950. .btn-pure.btn-inverse:hover:hover, .btn-pure.btn-inverse:focus:hover, .btn-pure.btn-inverse:active:hover, .btn-pure.btn-inverse.active:hover, .open > .dropdown-toggle.btn-pure.btn-inverse:hover, .btn-pure.btn-inverse:hover:focus, .btn-pure.btn-inverse:focus:focus, .btn-pure.btn-inverse:active:focus, .btn-pure.btn-inverse.active:focus, .open > .dropdown-toggle.btn-pure.btn-inverse:focus, .btn-pure.btn-inverse:hover.focus, .btn-pure.btn-inverse:focus.focus, .btn-pure.btn-inverse:active.focus, .btn-pure.btn-inverse.active.focus, .open > .dropdown-toggle.btn-pure.btn-inverse.focus {
  1951. color: #fff;
  1952. }
  1953. .btn-pure.btn-inverse:hover .badge, .btn-pure.btn-inverse:focus .badge, .btn-pure.btn-inverse:active .badge, .btn-pure.btn-inverse.active .badge, .open > .dropdown-toggle.btn-pure.btn-inverse .badge {
  1954. color: #fff;
  1955. }
  1956. .caret {
  1957. border-top: 4px solid;
  1958. -webkit-transition: .25s;
  1959. -o-transition: .25s;
  1960. transition: .25s;
  1961. -webkit-transform: scale(1.001);
  1962. -ms-transform: scale(1.001);
  1963. -o-transform: scale(1.001);
  1964. transform: scale(1.001);
  1965. }
  1966. .btn-group .btn + .dropdown-toggle .caret {
  1967. margin-left: 0;
  1968. }
  1969. .dropdown-toggle.btn .caret {
  1970. margin-left: .3em;
  1971. }
  1972. .dropdown-toggle.btn.btn-xs .caret {
  1973. margin-left: 0;
  1974. }
  1975. .btn-group > .btn + .dropdown-toggle {
  1976. padding-right: .8em;
  1977. padding-left: .8em;
  1978. }
  1979. .dropdown-menu {
  1980. padding: 1px 0;
  1981. margin-top: 3px;
  1982. border-radius: 0;
  1983. -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .05);
  1984. box-shadow: 0 3px 12px rgba(0, 0, 0, .05);
  1985. -webkit-transition: .25s;
  1986. -o-transition: .25s;
  1987. transition: .25s;
  1988. }
  1989. .dropdown-menu .divider {
  1990. margin: 6px 0;
  1991. }
  1992. .dropdown-menu > li {
  1993. padding: 0 3px;
  1994. margin: 2px 0;
  1995. }
  1996. .dropdown-menu > li > a {
  1997. padding: 6px 10px;
  1998. -webkit-transition: background-color .25s;
  1999. -o-transition: background-color .25s;
  2000. transition: background-color .25s;
  2001. }
  2002. .dropdown-menu li .icon:first-child, .dropdown-menu li > a .icon:first-child {
  2003. width: 1em;
  2004. margin-right: .5em;
  2005. text-align: center;
  2006. }
  2007. .dropdown-menu.bullet {
  2008. margin-top: 12px;
  2009. }
  2010. .dropdown-menu.bullet:before, .dropdown-menu.bullet:after {
  2011. position: absolute;
  2012. left: 10px;
  2013. display: inline-block;
  2014. width: 0;
  2015. height: 0;
  2016. content: "";
  2017. border: 7px solid transparent;
  2018. border-top-width: 0;
  2019. }
  2020. .dropdown-menu.bullet:before {
  2021. top: -7px;
  2022. border-bottom-color: #e4eaec;
  2023. }
  2024. .dropdown-menu.bullet:after {
  2025. top: -6px;
  2026. border-bottom-color: #fff;
  2027. }
  2028. .dropdown-menu-right.bullet:before, .dropdown-menu-right.bullet:after {
  2029. right: 10px;
  2030. left: auto;
  2031. }
  2032. .dropdown-menu.animate {
  2033. overflow: hidden;
  2034. }
  2035. .dropdown-menu.animate > li {
  2036. -webkit-animation-name: slide-left;
  2037. -o-animation-name: slide-left;
  2038. animation-name: slide-left;
  2039. -webkit-animation-duration: .5s;
  2040. -o-animation-duration: .5s;
  2041. animation-duration: .5s;
  2042. -webkit-animation-fill-mode: both;
  2043. -o-animation-fill-mode: both;
  2044. animation-fill-mode: both;
  2045. }
  2046. .dropdown-menu.animate > li:nth-child(1) {
  2047. -webkit-animation-delay: .02s;
  2048. -o-animation-delay: .02s;
  2049. animation-delay: .02s;
  2050. }
  2051. .dropdown-menu.animate > li:nth-child(2) {
  2052. -webkit-animation-delay: .04s;
  2053. -o-animation-delay: .04s;
  2054. animation-delay: .04s;
  2055. }
  2056. .dropdown-menu.animate > li:nth-child(3) {
  2057. -webkit-animation-delay: .06s;
  2058. -o-animation-delay: .06s;
  2059. animation-delay: .06s;
  2060. }
  2061. .dropdown-menu.animate > li:nth-child(4) {
  2062. -webkit-animation-delay: .08s;
  2063. -o-animation-delay: .08s;
  2064. animation-delay: .08s;
  2065. }
  2066. .dropdown-menu.animate > li:nth-child(5) {
  2067. -webkit-animation-delay: .1s;
  2068. -o-animation-delay: .1s;
  2069. animation-delay: .1s;
  2070. }
  2071. .dropdown-menu.animate > li:nth-child(6) {
  2072. -webkit-animation-delay: .12s;
  2073. -o-animation-delay: .12s;
  2074. animation-delay: .12s;
  2075. }
  2076. .dropdown-menu.animate > li:nth-child(7) {
  2077. -webkit-animation-delay: .14s;
  2078. -o-animation-delay: .14s;
  2079. animation-delay: .14s;
  2080. }
  2081. .dropdown-menu.animate > li:nth-child(8) {
  2082. -webkit-animation-delay: .16s;
  2083. -o-animation-delay: .16s;
  2084. animation-delay: .16s;
  2085. }
  2086. .dropdown-menu.animate > li:nth-child(9) {
  2087. -webkit-animation-delay: .18s;
  2088. -o-animation-delay: .18s;
  2089. animation-delay: .18s;
  2090. }
  2091. .dropdown-menu.animate > li:nth-child(10) {
  2092. -webkit-animation-delay: .2s;
  2093. -o-animation-delay: .2s;
  2094. animation-delay: .2s;
  2095. }
  2096. .dropdown-menu.animate > li.divider {
  2097. -webkit-animation-name: none;
  2098. -o-animation-name: none;
  2099. animation-name: none;
  2100. }
  2101. .dropdown-menu.animate.animate-reverse > li:nth-last-child(1) {
  2102. -webkit-animation-delay: .02s;
  2103. -o-animation-delay: .02s;
  2104. animation-delay: .02s;
  2105. }
  2106. .dropdown-menu.animate.animate-reverse > li:nth-last-child(2) {
  2107. -webkit-animation-delay: .04s;
  2108. -o-animation-delay: .04s;
  2109. animation-delay: .04s;
  2110. }
  2111. .dropdown-menu.animate.animate-reverse > li:nth-last-child(3) {
  2112. -webkit-animation-delay: .06s;
  2113. -o-animation-delay: .06s;
  2114. animation-delay: .06s;
  2115. }
  2116. .dropdown-menu.animate.animate-reverse > li:nth-last-child(4) {
  2117. -webkit-animation-delay: .08s;
  2118. -o-animation-delay: .08s;
  2119. animation-delay: .08s;
  2120. }
  2121. .dropdown-menu.animate.animate-reverse > li:nth-last-child(5) {
  2122. -webkit-animation-delay: .1s;
  2123. -o-animation-delay: .1s;
  2124. animation-delay: .1s;
  2125. }
  2126. .dropdown-menu.animate.animate-reverse > li:nth-last-child(6) {
  2127. -webkit-animation-delay: .12s;
  2128. -o-animation-delay: .12s;
  2129. animation-delay: .12s;
  2130. }
  2131. .dropdown-menu.animate.animate-reverse > li:nth-last-child(7) {
  2132. -webkit-animation-delay: .14s;
  2133. -o-animation-delay: .14s;
  2134. animation-delay: .14s;
  2135. }
  2136. .dropdown-menu.animate.animate-reverse > li:nth-last-child(8) {
  2137. -webkit-animation-delay: .16s;
  2138. -o-animation-delay: .16s;
  2139. animation-delay: .16s;
  2140. }
  2141. .dropdown-menu.animate.animate-reverse > li:nth-last-child(9) {
  2142. -webkit-animation-delay: .18s;
  2143. -o-animation-delay: .18s;
  2144. animation-delay: .18s;
  2145. }
  2146. .dropdown-menu.animate.animate-reverse > li:nth-last-child(10) {
  2147. -webkit-animation-delay: .2s;
  2148. -o-animation-delay: .2s;
  2149. animation-delay: .2s;
  2150. }
  2151. .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
  2152. margin-bottom: 6px;
  2153. -webkit-box-shadow: 0 -3px 12px rgba(0, 0, 0, .05);
  2154. box-shadow: 0 -3px 12px rgba(0, 0, 0, .05);
  2155. }
  2156. .dropup .dropdown-menu.bullet, .navbar-fixed-bottom .dropdown .dropdown-menu.bullet {
  2157. margin-bottom: 12px;
  2158. }
  2159. .dropup .dropdown-menu.bullet:before, .navbar-fixed-bottom .dropdown .dropdown-menu.bullet:before, .dropup .dropdown-menu.bullet:after, .navbar-fixed-bottom .dropdown .dropdown-menu.bullet:after {
  2160. top: auto;
  2161. border-top-width: 7px;
  2162. border-bottom-width: 0;
  2163. }
  2164. .dropup .dropdown-menu.bullet:before, .navbar-fixed-bottom .dropdown .dropdown-menu.bullet:before {
  2165. bottom: -7px;
  2166. border-top-color: #e4eaec;
  2167. }
  2168. .dropup .dropdown-menu.bullet:after, .navbar-fixed-bottom .dropdown .dropdown-menu.bullet:after {
  2169. bottom: -6px;
  2170. border-top-color: #fff;
  2171. }
  2172. .dropdown-menu > .dropdown-header {
  2173. padding: 8px 20px 6px;
  2174. font-size: 14px;
  2175. font-weight: 700;
  2176. cursor: default;
  2177. }
  2178. .dropdown-menu > .dropdown-submenu {
  2179. position: relative;
  2180. }
  2181. .dropdown-menu > .dropdown-submenu > a {
  2182. position: relative;
  2183. }
  2184. .dropdown-menu > .dropdown-submenu > a:after {
  2185. position: absolute;
  2186. right: 10px;
  2187. display: inline-block;
  2188. width: 0;
  2189. height: 0;
  2190. margin-top: 6px;
  2191. vertical-align: middle;
  2192. content: "";
  2193. border-top: 4px solid transparent;
  2194. border-bottom: 4px solid transparent;
  2195. border-left: 4px dashed;
  2196. }
  2197. .dropdown-menu > .dropdown-submenu .dropdown-menu {
  2198. left: 100%;
  2199. margin: 0;
  2200. }
  2201. .dropdown-menu > .dropdown-submenu.dropdown-menu-left .dropdown-menu {
  2202. left: -100%;
  2203. }
  2204. .dropdown-menu > .dropdown-submenu:hover .dropdown-menu {
  2205. display: block;
  2206. }
  2207. .dropdown .dropdown-submenu .dropdown-menu {
  2208. top: 0;
  2209. }
  2210. .dropup .dropdown-submenu .dropdown-menu {
  2211. bottom: 0;
  2212. }
  2213. .dropdown-menu-media {
  2214. width: 360px;
  2215. padding-top: 0;
  2216. padding-bottom: 0;
  2217. }
  2218. .dropdown-menu-media > li {
  2219. padding: 0;
  2220. margin: 0;
  2221. }
  2222. .dropdown-menu-media .dropdown-menu-header {
  2223. position: relative;
  2224. padding: 20px 20px;
  2225. background-color: #fff;
  2226. border-bottom: 1px solid #e4eaec;
  2227. }
  2228. .dropdown-menu-media .dropdown-menu-header > h3, .dropdown-menu-media .dropdown-menu-header > h4, .dropdown-menu-media .dropdown-menu-header > h5 {
  2229. margin: 0;
  2230. }
  2231. .dropdown-menu-media .dropdown-menu-header .badge, .dropdown-menu-media .dropdown-menu-header .label {
  2232. position: absolute;
  2233. top: 50%;
  2234. right: 20px;
  2235. -webkit-transform: translateY(-50%);
  2236. -ms-transform: translateY(-50%);
  2237. -o-transform: translateY(-50%);
  2238. transform: translateY(-50%);
  2239. }
  2240. .dropdown-menu-media .list-group {
  2241. max-height: 270px;
  2242. margin: 0;
  2243. font-size: 12px;
  2244. border-radius: 0;
  2245. }
  2246. .dropdown-menu-media .list-group-item {
  2247. padding: 0 20px;
  2248. border: none;
  2249. border-radius: 0 !important;
  2250. }
  2251. .dropdown-menu-media .list-group-item .media {
  2252. padding: 15px 0;
  2253. border-top: 1px solid #e4eaec;
  2254. }
  2255. .dropdown-menu-media .list-group-item:first-child .media {
  2256. border-top: none;
  2257. }
  2258. .dropdown-menu-media > .dropdown-menu-footer {
  2259. background-color: #f3f7f9;
  2260. border-top: 1px solid #e4eaec;
  2261. }
  2262. .dropdown-menu-media > .dropdown-menu-footer > a {
  2263. padding: 15px 20px !important;
  2264. color: #a3afb7 !important;
  2265. }
  2266. .dropdown-menu-media > .dropdown-menu-footer > a:hover {
  2267. color: #89bceb !important;
  2268. background-color: transparent !important;
  2269. }
  2270. .dropdown-menu-media > .dropdown-menu-footer > .dropdown-menu-footer-btn {
  2271. position: absolute;
  2272. right: 0;
  2273. }
  2274. .dropdown-menu-media > .dropdown-menu-footer > .dropdown-menu-footer-btn:hover {
  2275. color: #89bceb !important;
  2276. background-color: transparent !important;
  2277. }
  2278. .dropdown-menu-primary > .active > a, .dropdown-menu-primary > .active > a:hover, .dropdown-menu-primary > .active > a:focus {
  2279. color: #fff;
  2280. background-color: #62a8ea;
  2281. }
  2282. .dropdown-menu-success > .active > a, .dropdown-menu-success > .active > a:hover, .dropdown-menu-success > .active > a:focus {
  2283. color: #fff;
  2284. background-color: #46be8a;
  2285. }
  2286. .dropdown-menu-info > .active > a, .dropdown-menu-info > .active > a:hover, .dropdown-menu-info > .active > a:focus {
  2287. color: #fff;
  2288. background-color: #57c7d4;
  2289. }
  2290. .dropdown-menu-warning > .active > a, .dropdown-menu-warning > .active > a:hover, .dropdown-menu-warning > .active > a:focus {
  2291. color: #fff;
  2292. background-color: #f2a654;
  2293. }
  2294. .dropdown-menu-danger > .active > a, .dropdown-menu-danger > .active > a:hover, .dropdown-menu-danger > .active > a:focus {
  2295. color: #fff;
  2296. background-color: #f96868;
  2297. }
  2298. .dropdown-menu-dark > .active > a, .dropdown-menu-dark > .active > a:hover, .dropdown-menu-dark > .active > a:focus {
  2299. color: #fff;
  2300. background-color: #526069;
  2301. }
  2302. .btn-group.open .dropdown-toggle {
  2303. -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05);
  2304. box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05);
  2305. }
  2306. .btn-group:focus .dropdown-toggle {
  2307. -webkit-transition: .25s;
  2308. -o-transition: .25s;
  2309. transition: .25s;
  2310. }
  2311. .input-group-addon {
  2312. -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
  2313. -o-transition: border .25s linear, color .25s linear, background-color .25s linear;
  2314. transition: border .25s linear, color .25s linear, background-color .25s linear;
  2315. }
  2316. .input-group-btn .btn > .icon {
  2317. vertical-align: bottom;
  2318. }
  2319. .input-group-btn .dropdown-toggle.btn .caret {
  2320. margin-left: 2px;
  2321. }
  2322. .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
  2323. z-index: 1;
  2324. }
  2325. .nav > li > a {
  2326. overflow: hidden;
  2327. }
  2328. .nav > li > a:focus {
  2329. outline: none;
  2330. }
  2331. .nav > li > a .close {
  2332. display: inline-block;
  2333. margin-left: 10px;
  2334. line-height: .6;
  2335. }
  2336. .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  2337. border-color: transparent;
  2338. }
  2339. .nav-quick {
  2340. padding: 0;
  2341. margin-right: 0;
  2342. margin-bottom: 22px;
  2343. margin-left: 0;
  2344. background-color: #fff;
  2345. border-radius: 3px;
  2346. -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  2347. box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  2348. }
  2349. .nav-quick li {
  2350. position: relative;
  2351. display: block;
  2352. padding: 0;
  2353. text-align: center;
  2354. list-style: none;
  2355. }
  2356. .nav-quick a {
  2357. display: block;
  2358. padding: 16px 0;
  2359. color: #76838f;
  2360. text-decoration: none;
  2361. }
  2362. .nav-quick a .icon {
  2363. display: block;
  2364. margin-bottom: .2em;
  2365. font-size: 32px;
  2366. }
  2367. .nav-quick a:hover {
  2368. background-color: #f3f7f9;
  2369. }
  2370. .nav-quick .label, .nav-quick .badge {
  2371. position: absolute;
  2372. top: 0;
  2373. right: 0;
  2374. }
  2375. .nav-quick-sm a {
  2376. padding: 12px 0;
  2377. }
  2378. .nav-quick-sm a .icon {
  2379. font-size: 24px;
  2380. }
  2381. .nav-quick-lg a {
  2382. padding: 22px 0;
  2383. }
  2384. .nav-quick-lg a .icon {
  2385. font-size: 40px;
  2386. }
  2387. .nav-quick-bordered {
  2388. border-top: 1px solid #e4eaec;
  2389. border-left: 1px solid #e4eaec;
  2390. }
  2391. .nav-quick-bordered li {
  2392. border-right: 1px solid #e4eaec;
  2393. border-bottom: 1px solid #e4eaec;
  2394. }
  2395. .nav-pills > li > a {
  2396. -webkit-transition: border .2s linear, color .2s linear, background-color .2s linear;
  2397. -o-transition: border .2s linear, color .2s linear, background-color .2s linear;
  2398. transition: border .2s linear, color .2s linear, background-color .2s linear;
  2399. }
  2400. .nav-pills-rounded > li > a {
  2401. padding-right: 20px;
  2402. padding-left: 20px;
  2403. margin-right: 5px;
  2404. margin-left: 5px;
  2405. border-radius: 1000px;
  2406. }
  2407. .nav-tabs > li > a {
  2408. padding: 10px 20px;
  2409. line-height: 1.3;
  2410. color: #76838f;
  2411. -webkit-transition: .25s;
  2412. -o-transition: .25s;
  2413. transition: .25s;
  2414. }
  2415. .nav-tabs > li > a > .icon {
  2416. width: 1em;
  2417. margin-right: .5em;
  2418. line-height: 1;
  2419. }
  2420. .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  2421. color: #fff;
  2422. background-color: #62a8ea;
  2423. border-color: transparent;
  2424. border-bottom-color: #62a8ea;
  2425. }
  2426. .nav-tabs > li .dropdown-menu {
  2427. margin-top: 3px;
  2428. }
  2429. .nav-tabs.nav-justified > li > a {
  2430. border-radius: 4px 4px 0 0;
  2431. }
  2432. .nav-tabs.nav-justified > li.active > a, .nav-tabs.nav-justified > li.active > a:hover, .nav-tabs.nav-justified > li.active > a:focus {
  2433. border-color: transparent;
  2434. border-bottom-color: #62a8ea;
  2435. }
  2436. .nav-tabs.nav-tabs-bottom {
  2437. border-top: 1px solid #e4eaec;
  2438. border-bottom: none;
  2439. }
  2440. .nav-tabs.nav-tabs-bottom > li {
  2441. margin-top: -1px;
  2442. margin-bottom: 0;
  2443. }
  2444. .nav-tabs.nav-tabs-bottom > li > a {
  2445. border-radius: 0 0 4px 4px;
  2446. }
  2447. .nav-tabs.nav-tabs-bottom > li > a:hover, .nav-tabs.nav-tabs-bottom > li > a:focus {
  2448. border-top-color: #e4eaec;
  2449. border-bottom-color: transparent;
  2450. }
  2451. .nav-tabs.nav-tabs-bottom.nav-justified {
  2452. border-top: none;
  2453. }
  2454. .nav-tabs.nav-tabs-bottom.nav-justified > li > a {
  2455. border-top-color: #e4eaec;
  2456. border-bottom-color: transparent;
  2457. }
  2458. .nav-tabs.nav-tabs-bottom.nav-justified > li.active > a, .nav-tabs.nav-tabs-bottom.nav-justified > li.active > a:hover, .nav-tabs.nav-tabs-bottom.nav-justified > li.active > a:focus {
  2459. border-top: 1px solid #62a8ea;
  2460. }
  2461. .nav-tabs-reverse > li {
  2462. float: right;
  2463. }
  2464. .nav-tabs-reverse > li > a {
  2465. margin-right: 0;
  2466. margin-left: 2px;
  2467. }
  2468. .nav-tabs-solid {
  2469. border-bottom-color: #f3f7f9;
  2470. }
  2471. .nav-tabs-solid > li > a:hover {
  2472. border-color: transparent;
  2473. }
  2474. .nav-tabs-solid > li.active > a, .nav-tabs-solid > li.active > a:hover, .nav-tabs-solid > li.active > a:focus {
  2475. color: #76838f;
  2476. background-color: #f3f7f9;
  2477. border-color: transparent;
  2478. }
  2479. .nav-tabs-solid ~ .tab-content {
  2480. padding: 20px;
  2481. background-color: #f3f7f9;
  2482. }
  2483. .nav-tabs-solid.nav-justified > li > a {
  2484. border: none;
  2485. }
  2486. .nav-tabs-solid.nav-justified > li.active > a, .nav-tabs-solid.nav-justified > li.active > a:hover, .nav-tabs-solid.nav-justified > li.active > a:focus {
  2487. border: none;
  2488. }
  2489. .nav-tabs-solid.nav-tabs-bottom > li.active > a, .nav-tabs-solid.nav-tabs-bottom > li.active > a:hover, .nav-tabs-solid.nav-tabs-bottom > li.active > a:focus {
  2490. border: none;
  2491. }
  2492. .nav-tabs-line > li > a {
  2493. padding: 10px 20px;
  2494. border-bottom: 2px solid transparent;
  2495. }
  2496. .nav-tabs-line > li > a:hover, .nav-tabs-line > li > a:focus {
  2497. background-color: transparent;
  2498. }
  2499. .nav-tabs-line > li > a:hover {
  2500. border-bottom-color: #ccd5db;
  2501. }
  2502. .nav-tabs-line > li.active > a, .nav-tabs-line > li.active > a:hover, .nav-tabs-line > li.active > a:focus {
  2503. color: #62a8ea;
  2504. background-color: transparent;
  2505. border-bottom: 2px solid #62a8ea;
  2506. }
  2507. .nav-tabs-line .open > a, .nav-tabs-line .open > a:hover, .nav-tabs-line .open > a:focus {
  2508. border-color: transparent;
  2509. border-bottom-color: #ccd5db;
  2510. }
  2511. .nav-tabs-line.nav-tabs-bottom > li > a {
  2512. border-top: 2px solid transparent;
  2513. border-bottom: none;
  2514. }
  2515. .nav-tabs-line.nav-tabs-bottom > li > a:hover {
  2516. border-top-color: #ccd5db;
  2517. border-bottom-color: transparent;
  2518. }
  2519. .nav-tabs-line.nav-tabs-bottom > li.active > a, .nav-tabs-line.nav-tabs-bottom > li.active > a:hover, .nav-tabs-line.nav-tabs-bottom > li.active > a:focus {
  2520. border-top: 2px solid #62a8ea;
  2521. border-bottom: none;
  2522. }
  2523. .nav-tabs-line.nav-justified > li > a {
  2524. border-bottom: 2px solid #e4eaec;
  2525. }
  2526. .nav-tabs-line.nav-justified > li > a:hover {
  2527. border-bottom-color: #ccd5db;
  2528. }
  2529. .nav-tabs-line.nav-justified > li.active > a, .nav-tabs-line.nav-justified > li.active > a:hover, .nav-tabs-line.nav-justified > li.active > a:focus {
  2530. border-color: transparent;
  2531. border-bottom: 2px solid #62a8ea;
  2532. }
  2533. .nav-tabs-line.nav-justified.nav-tabs-bottom {
  2534. border-top: none;
  2535. }
  2536. .nav-tabs-line.nav-justified.nav-tabs-bottom > li > a {
  2537. border-top: 2px solid #e4eaec;
  2538. border-bottom: none;
  2539. }
  2540. .nav-tabs-line.nav-justified.nav-tabs-bottom > li > a:hover {
  2541. border-top-color: #ccd5db;
  2542. }
  2543. .nav-tabs-line.nav-justified.nav-tabs-bottom > li.active > a, .nav-tabs-line.nav-justified.nav-tabs-bottom > li.active > a:hover, .nav-tabs-line.nav-justified.nav-tabs-bottom > li.active > a:focus {
  2544. border-top-color: #62a8ea;
  2545. border-bottom: none;
  2546. }
  2547. .nav-tabs-vertical:before, .nav-tabs-vertical:after {
  2548. display: table;
  2549. content: " ";
  2550. }
  2551. .nav-tabs-vertical:after {
  2552. clear: both;
  2553. }
  2554. .nav-tabs-vertical .nav-tabs {
  2555. float: left;
  2556. border-right: 1px solid #e4eaec;
  2557. border-bottom: none;
  2558. }
  2559. .nav-tabs-vertical .nav-tabs > li {
  2560. float: none;
  2561. margin-right: -1px;
  2562. margin-bottom: 0;
  2563. }
  2564. .nav-tabs-vertical .nav-tabs > li > a {
  2565. padding: 10px 20px;
  2566. margin-right: 0;
  2567. margin-bottom: 2px;
  2568. border-radius: 4px 0 0 4px;
  2569. }
  2570. .nav-tabs-vertical .nav-tabs > li > a:hover {
  2571. border-right-color: #e4eaec;
  2572. border-bottom-color: transparent;
  2573. }
  2574. .nav-tabs-vertical .nav-tabs > li.active > a, .nav-tabs-vertical .nav-tabs > li.active > a:focus, .nav-tabs-vertical .nav-tabs > li.active > a:hover {
  2575. border-right-color: #62a8ea;
  2576. }
  2577. .nav-tabs-vertical .nav-tabs-reverse {
  2578. float: right;
  2579. border-right: none;
  2580. border-left: 1px solid #e4eaec;
  2581. }
  2582. .nav-tabs-vertical .nav-tabs-reverse > li {
  2583. margin-right: 0;
  2584. margin-left: -1px;
  2585. }
  2586. .nav-tabs-vertical .nav-tabs-reverse > li > a {
  2587. margin-left: 0;
  2588. border-radius: 0 4px 4px 0;
  2589. }
  2590. .nav-tabs-vertical .nav-tabs-reverse > li > a:hover {
  2591. border-right-color: transparent;
  2592. border-left-color: #e4eaec;
  2593. }
  2594. .nav-tabs-vertical .nav-tabs-reverse > li.active > a, .nav-tabs-vertical .nav-tabs-reverse > li.active > a:focus, .nav-tabs-vertical .nav-tabs-reverse > li.active > a:hover {
  2595. border-left-color: #62a8ea;
  2596. }
  2597. .nav-tabs-vertical .nav-tabs-solid {
  2598. border-right-color: #f3f7f9;
  2599. }
  2600. .nav-tabs-vertical .nav-tabs-solid > li > a:hover {
  2601. border-color: transparent;
  2602. }
  2603. .nav-tabs-vertical .nav-tabs-solid > li.active > a, .nav-tabs-vertical .nav-tabs-solid > li.active > a:focus, .nav-tabs-vertical .nav-tabs-solid > li.active > a:hover {
  2604. border-color: transparent;
  2605. }
  2606. .nav-tabs-vertical .nav-tabs-solid + .tab-content {
  2607. padding: 20px;
  2608. }
  2609. .nav-tabs-vertical .nav-tabs-solid.nav-tabs-reverse {
  2610. border-left-color: #f3f7f9;
  2611. }
  2612. .nav-tabs-vertical .nav-tabs-line > li > a {
  2613. border-right: 2px solid transparent;
  2614. border-bottom: none;
  2615. }
  2616. .nav-tabs-vertical .nav-tabs-line > li > a:hover {
  2617. border-right-color: #ccd5db;
  2618. }
  2619. .nav-tabs-vertical .nav-tabs-line > li.active > a, .nav-tabs-vertical .nav-tabs-line > li.active > a:hover, .nav-tabs-vertical .nav-tabs-line > li.active > a:focus {
  2620. border-right: 2px solid #62a8ea;
  2621. border-bottom: none;
  2622. }
  2623. .nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse > li > a {
  2624. border-right-width: 1px;
  2625. border-left: 2px solid transparent;
  2626. }
  2627. .nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse > li > a:hover {
  2628. border-color: transparent;
  2629. border-left-color: #ccd5db;
  2630. }
  2631. .nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse > li.active > a, .nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse > li.active > a:hover, .nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse > li.active > a:focus {
  2632. border-right: 1px solid transparent;
  2633. border-left: 2px solid #62a8ea;
  2634. }
  2635. .nav-tabs-vertical .tab-content {
  2636. overflow: hidden;
  2637. }
  2638. .nav-tabs-inverse .nav-tabs-solid {
  2639. border-bottom-color: #fff;
  2640. }
  2641. .nav-tabs-inverse .nav-tabs-solid > li.active > a, .nav-tabs-inverse .nav-tabs-solid > li.active > a:hover, .nav-tabs-inverse .nav-tabs-solid > li.active > a:focus {
  2642. color: #76838f;
  2643. background-color: #fff;
  2644. }
  2645. .nav-tabs-inverse.nav-tabs-vertical .nav-tabs-solid {
  2646. border-right-color: #fff;
  2647. }
  2648. .nav-tabs-inverse.nav-tabs-vertical .nav-tabs-solid.nav-tabs-reverse {
  2649. border-left-color: #fff;
  2650. }
  2651. .nav-tabs-inverse .tab-content {
  2652. background: #fff;
  2653. }
  2654. .nav-tabs-animate .tab-content {
  2655. overflow: hidden;
  2656. }
  2657. .nav-tabs-lg > li > a {
  2658. padding: 12px 20px;
  2659. font-size: 18px;
  2660. line-height: 1.3333333;
  2661. }
  2662. .nav-tabs-sm > li > a {
  2663. padding: 5px 10px;
  2664. font-size: 12px;
  2665. line-height: 1.5;
  2666. }
  2667. .navbar-toggle {
  2668. height: 60px;
  2669. padding: 19px 12px;
  2670. margin-top: 13px;
  2671. margin-top: 0;
  2672. margin-bottom: 13px;
  2673. margin-bottom: 0;
  2674. line-height: 22px;
  2675. background: transparent !important;
  2676. -webkit-transition: color .25s linear;
  2677. -o-transition: color .25s linear;
  2678. transition: color .25s linear;
  2679. }
  2680. .navbar-toggle .icon {
  2681. margin-top: -1px;
  2682. }
  2683. .navbar-toggle:hover {
  2684. background: transparent !important;
  2685. }
  2686. .navbar-toggle-left {
  2687. float: left;
  2688. margin-right: 0;
  2689. margin-left: 12px;
  2690. }
  2691. .navbar {
  2692. border: none;
  2693. -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
  2694. box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
  2695. }
  2696. .navbar-fixed-top, .navbar-fixed-bottom {
  2697. width: 100%;
  2698. }
  2699. @media (min-width: 768px) {
  2700. .hidden-float {
  2701. display: block;
  2702. }
  2703. }
  2704. @media (max-width: 767px) {
  2705. .hidden-float {
  2706. display: none !important;
  2707. }
  2708. }
  2709. .navbar-brand {
  2710. padding: 19px 20px;
  2711. font-weight: 700;
  2712. }
  2713. .navbar-brand > .navbar-brand-logo {
  2714. display: inline-block;
  2715. }
  2716. .navbar-brand-logo {
  2717. height: 32px;
  2718. margin-top: -5px;
  2719. }
  2720. .navbar-brand-text {
  2721. margin-left: 6px;
  2722. }
  2723. @media (max-width: 767px) {
  2724. .navbar-brand-center {
  2725. position: absolute;
  2726. left: 50%;
  2727. -webkit-transform: translate(-50%, 0);
  2728. -ms-transform: translate(-50%, 0);
  2729. -o-transform: translate(-50%, 0);
  2730. transform: translate(-50%, 0);
  2731. }
  2732. }
  2733. @media (min-width: 768px) {
  2734. .navbar-mega .container, .navbar-mega .container-fluid {
  2735. position: relative;
  2736. }
  2737. }
  2738. .navbar-mega .dropdown-menu {
  2739. left: auto;
  2740. }
  2741. .navbar-mega .dropdown-mega {
  2742. position: static;
  2743. }
  2744. .navbar-mega .mega-content {
  2745. padding: 20px 30px;
  2746. }
  2747. .navbar-mega .mega-menu {
  2748. min-width: 150px;
  2749. max-width: 100%;
  2750. }
  2751. .navbar-mega .mega-menu > ul {
  2752. padding-left: 0;
  2753. }
  2754. .navbar-mega .mega-menu .list-icons {
  2755. margin-bottom: 6px;
  2756. }
  2757. .navbar-mega .dropdown.dropdown-fw .dropdown-menu {
  2758. right: 5px;
  2759. left: 5px;
  2760. }
  2761. @media (max-width: 767px) {
  2762. .navbar-mega .dropdown.dropdown-fw .dropdown-menu {
  2763. right: 0;
  2764. left: 0;
  2765. }
  2766. }
  2767. .navbar-nav > li > a.navbar-avatar, .navbar-toolbar > li > a.navbar-avatar {
  2768. padding-top: 15px;
  2769. padding-bottom: 15px;
  2770. }
  2771. @media (max-width: 767px) {
  2772. .navbar-nav > li > a.navbar-avatar {
  2773. padding-top: 6px;
  2774. padding-bottom: 6px;
  2775. }
  2776. }
  2777. .navbar-avatar .avatar {
  2778. width: 30px;
  2779. }
  2780. .navbar-form .icon {
  2781. font-size: 16px;
  2782. color: rgba(55, 71, 79, .4);
  2783. }
  2784. .navbar-form .form-control {
  2785. background-color: #f3f7f9;
  2786. border: none;
  2787. border-radius: 38px;
  2788. }
  2789. @media (min-width: 768px) {
  2790. .navbar-search.collapse {
  2791. display: block !important;
  2792. height: auto !important;
  2793. overflow: visible !important;
  2794. visibility: visible !important;
  2795. }
  2796. }
  2797. @media (max-width: 767px) {
  2798. .navbar-search {
  2799. padding-right: 12px;
  2800. padding-left: 12px;
  2801. }
  2802. }
  2803. @media (max-width: 767px) {
  2804. .navbar-search .navbar-form {
  2805. margin-top: 0;
  2806. margin-bottom: 0;
  2807. border-bottom: none;
  2808. }
  2809. }
  2810. .container > .navbar-search, .container-fluid > .navbar-search {
  2811. margin-right: -12px;
  2812. margin-left: -12px;
  2813. }
  2814. @media (min-width: 768px) {
  2815. .container > .navbar-search, .container-fluid > .navbar-search {
  2816. margin-right: 0;
  2817. margin-left: 0;
  2818. }
  2819. }
  2820. .navbar-search-overlap {
  2821. position: absolute !important;
  2822. top: 0;
  2823. right: 0;
  2824. left: 0;
  2825. background-color: #fff;
  2826. }
  2827. .navbar-search-overlap .form-group, .navbar-search-overlap .form-control {
  2828. display: block !important;
  2829. margin: 0;
  2830. }
  2831. .navbar-search-overlap .form-control {
  2832. height: 60px !important;
  2833. background-color: transparent !important;
  2834. border-radius: 0;
  2835. }
  2836. .navbar-search-overlap .form-control:focus {
  2837. border-color: transparent;
  2838. }
  2839. .navbar-collapse-toolbar.in {
  2840. overflow-y: visible;
  2841. }
  2842. .navbar-toolbar {
  2843. float: left;
  2844. }
  2845. .navbar-toolbar:before, .navbar-toolbar:after {
  2846. display: table;
  2847. content: " ";
  2848. }
  2849. .navbar-toolbar:after {
  2850. clear: both;
  2851. }
  2852. .navbar-toolbar > li {
  2853. float: left;
  2854. }
  2855. .navbar-toolbar > li:before, .navbar-toolbar > li:after {
  2856. display: table;
  2857. content: " ";
  2858. }
  2859. .navbar-toolbar > li:after {
  2860. clear: both;
  2861. }
  2862. .navbar-toolbar > li > a {
  2863. padding-top: 19px;
  2864. padding-bottom: 19px;
  2865. line-height: 22px;
  2866. }
  2867. .navbar-toolbar .dropdown-menu {
  2868. -webkit-transform-origin: 100% 0;
  2869. -ms-transform-origin: 100% 0;
  2870. -o-transform-origin: 100% 0;
  2871. transform-origin: 100% 0;
  2872. -webkit-animation-duration: .3s;
  2873. -o-animation-duration: .3s;
  2874. animation-duration: .3s;
  2875. }
  2876. @media (max-width: 767px) {
  2877. .navbar-toolbar .dropdown-menu:not(.dropdown-menu-media) {
  2878. max-height: 400px;
  2879. overflow-x: hidden;
  2880. overflow-y: scroll;
  2881. -webkit-overflow-scrolling: touch;
  2882. -webkit-transform: translate3d(0, 0, 0);
  2883. -ms-transform: translate3d(0, 0, 0);
  2884. transform: translate3d(0, 0, 0);
  2885. }
  2886. .navbar-toolbar .open {
  2887. position: static;
  2888. }
  2889. .navbar-toolbar .open .dropdown-menu {
  2890. right: 0;
  2891. left: 0;
  2892. float: none;
  2893. width: auto;
  2894. margin-top: 0;
  2895. border-top-left-radius: 0;
  2896. border-top-right-radius: 0;
  2897. }
  2898. }
  2899. @media (max-width: 767px) and (max-device-width: 480px) and (orientation: landscape) {
  2900. .navbar-toolbar .dropdown-menu:not(.dropdown-menu-media) {
  2901. max-height: 200px;
  2902. }
  2903. }
  2904. @media (max-width: 767px) {
  2905. .navbar-toolbar-left {
  2906. float: left !important;
  2907. }
  2908. .navbar-toolbar-right {
  2909. float: right !important;
  2910. }
  2911. }
  2912. .icon-fullscreen {
  2913. font-family: "Web Icons";
  2914. }
  2915. .icon-fullscreen:before {
  2916. content: "\f11d";
  2917. }
  2918. .icon-fullscreen.active:before {
  2919. content: "\f11e";
  2920. }
  2921. .icon-menubar {
  2922. font-family: "Web Icons";
  2923. }
  2924. .icon-menubar:before {
  2925. content: "\f119";
  2926. }
  2927. .icon-menubar.active:before {
  2928. content: "\f119";
  2929. }
  2930. .navbar-default .navbar-toolbar > li > a {
  2931. color: #76838f;
  2932. }
  2933. .navbar-default .navbar-toolbar > li > a:hover, .navbar-default .navbar-toolbar > li > a:focus {
  2934. color: #526069;
  2935. background-color: rgba(243, 247, 249, .3);
  2936. }
  2937. .navbar-default .navbar-toolbar > .active > a, .navbar-default .navbar-toolbar > .active > a:hover, .navbar-default .navbar-toolbar > .active > a:focus {
  2938. color: #526069;
  2939. background-color: rgba(243, 247, 249, .6);
  2940. }
  2941. .navbar-default .navbar-toolbar > .disabled > a, .navbar-default .navbar-toolbar > .disabled > a:hover, .navbar-default .navbar-toolbar > .disabled > a:focus {
  2942. color: #ccd5db;
  2943. background-color: transparent;
  2944. }
  2945. .navbar-default .navbar-toggle {
  2946. color: #76838f;
  2947. }
  2948. .navbar-default .navbar-toolbar > .open > a, .navbar-default .navbar-toolbar > .open > a:hover, .navbar-default .navbar-toolbar > .open > a:focus {
  2949. color: #526069;
  2950. background-color: rgba(243, 247, 249, .6);
  2951. }
  2952. .navbar-inverse .navbar-toolbar > li > a {
  2953. color: #fff;
  2954. }
  2955. .navbar-inverse .navbar-toolbar > li > a:hover, .navbar-inverse .navbar-toolbar > li > a:focus {
  2956. color: #fff;
  2957. background-color: rgba(0, 0, 0, .1);
  2958. }
  2959. .navbar-inverse .navbar-toolbar > .active > a, .navbar-inverse .navbar-toolbar > .active > a:hover, .navbar-inverse .navbar-toolbar > .active > a:focus {
  2960. color: #fff;
  2961. background-color: rgba(0, 0, 0, .1);
  2962. }
  2963. .navbar-inverse .navbar-toolbar > .disabled > a, .navbar-inverse .navbar-toolbar > .disabled > a:hover, .navbar-inverse .navbar-toolbar > .disabled > a:focus {
  2964. color: #fff;
  2965. background-color: transparent;
  2966. }
  2967. .navbar-inverse .navbar-toggle {
  2968. color: #fff;
  2969. }
  2970. .navbar-inverse .navbar-toolbar > .open > a, .navbar-inverse .navbar-toolbar > .open > a:hover, .navbar-inverse .navbar-toolbar > .open > a:focus {
  2971. color: #fff;
  2972. background-color: rgba(0, 0, 0, .1);
  2973. }
  2974. .breadcrumb {
  2975. margin-bottom: 10px;
  2976. }
  2977. .breadcrumb li + li:before {
  2978. padding: 0 5px;
  2979. }
  2980. .breadcrumb li .icon {
  2981. text-decoration: none;
  2982. }
  2983. .breadcrumb li .icon:before {
  2984. margin-right: 10px;
  2985. }
  2986. .breadcrumb-arrow > li + li:before {
  2987. content: "\00bb\00a0";
  2988. }
  2989. .pagination {
  2990. margin: 0;
  2991. }
  2992. .pagination li > a, .pagination li > span {
  2993. padding: 4px 10px;
  2994. -webkit-transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;
  2995. -o-transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;
  2996. transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;
  2997. }
  2998. .pagination li > a:hover, .pagination li > span:hover, .pagination li > a:focus, .pagination li > span:focus {
  2999. -webkit-transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
  3000. -o-transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
  3001. transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
  3002. }
  3003. .pagination li .icon {
  3004. margin-top: -1px;
  3005. }
  3006. .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
  3007. color: #ccd5db;
  3008. cursor: not-allowed;
  3009. background-color: transparent;
  3010. border-color: #e4eaec;
  3011. }
  3012. .pagination-gap > li > a {
  3013. margin: 0 3px;
  3014. border-radius: 3px;
  3015. }
  3016. .pagination-gap > li > a:hover {
  3017. background-color: transparent;
  3018. border-color: #62a8ea;
  3019. }
  3020. .pagination-gap > li:first-child > a, .pagination-gap > li:last-child > a {
  3021. border-radius: 3px;
  3022. }
  3023. .pagination-no-border > li > a {
  3024. border: none;
  3025. }
  3026. .pagination-lg > li > a, .pagination-lg > li > span {
  3027. padding: 6px 14px;
  3028. font-size: 18px;
  3029. line-height: 1.3333333;
  3030. }
  3031. .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
  3032. border-top-left-radius: 4px;
  3033. border-bottom-left-radius: 4px;
  3034. }
  3035. .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
  3036. border-top-right-radius: 4px;
  3037. border-bottom-right-radius: 4px;
  3038. }
  3039. .pagination-sm > li > a, .pagination-sm > li > span {
  3040. padding: 3px 8px;
  3041. font-size: 14px;
  3042. line-height: 1.3;
  3043. }
  3044. .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
  3045. border-top-left-radius: 2px;
  3046. border-bottom-left-radius: 2px;
  3047. }
  3048. .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
  3049. border-top-right-radius: 2px;
  3050. border-bottom-right-radius: 2px;
  3051. }
  3052. .pager li > a, .pager li > span {
  3053. padding: 4px 15px;
  3054. color: #76838f;
  3055. -webkit-transition: all .2s ease;
  3056. -o-transition: all .2s ease;
  3057. transition: all .2s ease;
  3058. }
  3059. .pager li > a:hover, .pager li > a:focus {
  3060. color: #62a8ea;
  3061. }
  3062. .pager li .icon {
  3063. margin-top: -1px;
  3064. }
  3065. .pager li > a:hover, .pager li > a:focus {
  3066. border-color: #62a8ea;
  3067. }
  3068. .pager li:first-child {
  3069. margin-right: 5px;
  3070. }
  3071. .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
  3072. border-color: #e4eaec;
  3073. }
  3074. .pager-round li > a, .pager-round li > span {
  3075. border-radius: 1000px;
  3076. }
  3077. .label {
  3078. padding: .25em .6em .25em;
  3079. font-weight: 400;
  3080. border-radius: .3em;
  3081. }
  3082. .label.label-outline {
  3083. color: #f3f7f9;
  3084. background-color: transparent;
  3085. border-color: #f3f7f9;
  3086. }
  3087. .label-outline {
  3088. border: 1px solid transparent;
  3089. }
  3090. .label-round {
  3091. border-radius: 1em;
  3092. }
  3093. .label-default {
  3094. color: #76838f;
  3095. background-color: #e4eaec;
  3096. }
  3097. .label-default[href]:hover, .label-default[href]:focus {
  3098. background-color: #f3f7f9;
  3099. }
  3100. .label-default.label-outline {
  3101. color: #e4eaec;
  3102. background-color: transparent;
  3103. border-color: #e4eaec;
  3104. }
  3105. .label-default[href]:hover, .label-default[href]:focus {
  3106. color: #a3afb7;
  3107. }
  3108. .label-default.label-outline {
  3109. color: #76838f;
  3110. }
  3111. .label-primary {
  3112. background-color: #62a8ea;
  3113. }
  3114. .label-primary[href]:hover, .label-primary[href]:focus {
  3115. background-color: #89bceb;
  3116. }
  3117. .label-primary.label-outline {
  3118. color: #62a8ea;
  3119. background-color: transparent;
  3120. border-color: #62a8ea;
  3121. }
  3122. .label-success {
  3123. background-color: #46be8a;
  3124. }
  3125. .label-success[href]:hover, .label-success[href]:focus {
  3126. background-color: #5cd29d;
  3127. }
  3128. .label-success.label-outline {
  3129. color: #46be8a;
  3130. background-color: transparent;
  3131. border-color: #46be8a;
  3132. }
  3133. .label-info {
  3134. background-color: #57c7d4;
  3135. }
  3136. .label-info[href]:hover, .label-info[href]:focus {
  3137. background-color: #77d6e1;
  3138. }
  3139. .label-info.label-outline {
  3140. color: #57c7d4;
  3141. background-color: transparent;
  3142. border-color: #57c7d4;
  3143. }
  3144. .label-warning {
  3145. background-color: #f2a654;
  3146. }
  3147. .label-warning[href]:hover, .label-warning[href]:focus {
  3148. background-color: #f4b066;
  3149. }
  3150. .label-warning.label-outline {
  3151. color: #f2a654;
  3152. background-color: transparent;
  3153. border-color: #f2a654;
  3154. }
  3155. .label-danger {
  3156. background-color: #f96868;
  3157. }
  3158. .label-danger[href]:hover, .label-danger[href]:focus {
  3159. background-color: #fa7a7a;
  3160. }
  3161. .label-danger.label-outline {
  3162. color: #f96868;
  3163. background-color: transparent;
  3164. border-color: #f96868;
  3165. }
  3166. .label-dark {
  3167. background-color: #526069;
  3168. }
  3169. .label-dark[href]:hover, .label-dark[href]:focus {
  3170. background-color: #76838f;
  3171. }
  3172. .label-dark.label-outline {
  3173. color: #526069;
  3174. background-color: transparent;
  3175. border-color: #526069;
  3176. }
  3177. .label-lg {
  3178. font-size: 16px;
  3179. }
  3180. .label-sm {
  3181. padding: .1em .5em .1em;
  3182. font-size: 10px;
  3183. }
  3184. .badge {
  3185. padding: 2px 6px;
  3186. }
  3187. .btn .badge {
  3188. top: 0;
  3189. }
  3190. .badge.up {
  3191. position: relative;
  3192. top: -10px;
  3193. margin: 0 -.8em;
  3194. border-radius: 15px;
  3195. }
  3196. .badge.badge-absolute {
  3197. position: absolute;
  3198. top: -8px;
  3199. right: -10px;
  3200. z-index: 5;
  3201. }
  3202. .badge-radius {
  3203. border-radius: 3px;
  3204. }
  3205. .badge-primary {
  3206. color: #fff;
  3207. background-color: #62a8ea;
  3208. }
  3209. .badge-primary[href]:hover, .badge-primary[href]:focus {
  3210. color: #fff;
  3211. background-color: #358fe4;
  3212. }
  3213. .list-group-item.active > .badge-primary, .nav-pills > .active > a > .badge-primary {
  3214. color: #fff;
  3215. background-color: #62a8ea;
  3216. }
  3217. .badge-success {
  3218. color: #fff;
  3219. background-color: #46be8a;
  3220. }
  3221. .badge-success[href]:hover, .badge-success[href]:focus {
  3222. color: #fff;
  3223. background-color: #369b6f;
  3224. }
  3225. .list-group-item.active > .badge-success, .nav-pills > .active > a > .badge-success {
  3226. color: #fff;
  3227. background-color: #46be8a;
  3228. }
  3229. .badge-info {
  3230. color: #fff;
  3231. background-color: #57c7d4;
  3232. }
  3233. .badge-info[href]:hover, .badge-info[href]:focus {
  3234. color: #fff;
  3235. background-color: #33b6c5;
  3236. }
  3237. .list-group-item.active > .badge-info, .nav-pills > .active > a > .badge-info {
  3238. color: #fff;
  3239. background-color: #57c7d4;
  3240. }
  3241. .badge-warning {
  3242. color: #fff;
  3243. background-color: #f2a654;
  3244. }
  3245. .badge-warning[href]:hover, .badge-warning[href]:focus {
  3246. color: #fff;
  3247. background-color: #ee8d25;
  3248. }
  3249. .list-group-item.active > .badge-warning, .nav-pills > .active > a > .badge-warning {
  3250. color: #fff;
  3251. background-color: #f2a654;
  3252. }
  3253. .badge-danger {
  3254. color: #fff;
  3255. background-color: #f96868;
  3256. }
  3257. .badge-danger[href]:hover, .badge-danger[href]:focus {
  3258. color: #fff;
  3259. background-color: #f73737;
  3260. }
  3261. .list-group-item.active > .badge-danger, .nav-pills > .active > a > .badge-danger {
  3262. color: #fff;
  3263. background-color: #f96868;
  3264. }
  3265. .badge-dark {
  3266. color: #fff;
  3267. background-color: #526069;
  3268. }
  3269. .badge-dark[href]:hover, .badge-dark[href]:focus {
  3270. color: #fff;
  3271. background-color: #3c464c;
  3272. }
  3273. .list-group-item.active > .badge-dark, .nav-pills > .active > a > .badge-dark {
  3274. color: #fff;
  3275. background-color: #526069;
  3276. }
  3277. .badge-lg {
  3278. padding: 5px 9px;
  3279. font-size: 16px;
  3280. }
  3281. .badge-sm {
  3282. padding: 2px 5px;
  3283. font-size: 10px;
  3284. }
  3285. .jumbotron {
  3286. padding: 0;
  3287. border-radius: 3px;
  3288. }
  3289. .jumbotron > .jumbotron-photo img {
  3290. width: 100%;
  3291. border-top-left-radius: 3px;
  3292. border-top-right-radius: 3px;
  3293. }
  3294. .jumbotron-contents {
  3295. padding: 20px;
  3296. }
  3297. .jumbotron .carousel, .jumbotron .carousel-inner, .jumbotron .carousel-inner > .item.active img {
  3298. border-top-left-radius: 3px;
  3299. border-top-right-radius: 3px;
  3300. }
  3301. .jumbotron .carousel-inner > .item > a > img, .jumbotron .carousel-inner > .item > img {
  3302. width: 100%;
  3303. }
  3304. .jumbotron h1, .jumbotron .h1 {
  3305. font-size: 28px;
  3306. }
  3307. .jumbotron h2, .jumbotron .h2 {
  3308. font-size: 24px;
  3309. }
  3310. @media screen and (min-width: 768px) {
  3311. .jumbotron, .container .jumbotron {
  3312. padding: 0;
  3313. }
  3314. .jumbotron h1, .jumbotron .h1 {
  3315. font-size: 28px;
  3316. }
  3317. }
  3318. .thumbnail {
  3319. padding: 0;
  3320. border: none;
  3321. -webkit-transition: all .25s ease-in-out;
  3322. -o-transition: all .25s ease-in-out;
  3323. transition: all .25s ease-in-out;
  3324. }
  3325. .thumbnail .caption {
  3326. position: relative;
  3327. display: block;
  3328. padding-right: 0;
  3329. padding-left: 0;
  3330. }
  3331. .alert {
  3332. padding-right: 10px;
  3333. padding-left: 10px;
  3334. }
  3335. .alert ul {
  3336. padding-left: 17px;
  3337. }
  3338. .alert ul li {
  3339. padding-left: 0;
  3340. }
  3341. .panel > .alert {
  3342. margin: 0;
  3343. }
  3344. .alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6 {
  3345. margin-bottom: 5px;
  3346. }
  3347. .alert p:last-child {
  3348. margin-bottom: 0;
  3349. }
  3350. .alert-alt {
  3351. color: #76838f;
  3352. background-color: rgba(243, 247, 249, .8);
  3353. border: none;
  3354. border-left: 3px solid transparent;
  3355. }
  3356. .alert-alt a, .alert-alt .alert-link {
  3357. text-decoration: none;
  3358. }
  3359. .alert-dismissible {
  3360. padding-right: 30px;
  3361. }
  3362. .alert-dismissible .close {
  3363. top: -2px;
  3364. text-decoration: none;
  3365. opacity: .6;
  3366. }
  3367. .alert-dismissible .close:hover, .alert-dismissible .close:focus {
  3368. opacity: 1;
  3369. }
  3370. .alert-dismissible.alert-alt .close {
  3371. color: #a3afb7;
  3372. opacity: .6;
  3373. }
  3374. .alert-dismissible.alert-alt .close:hover, .alert-dismissible.alert-alt .close:focus {
  3375. color: #a3afb7;
  3376. opacity: 1;
  3377. }
  3378. .alert-icon {
  3379. position: relative;
  3380. padding-left: 40px;
  3381. }
  3382. .alert-icon > .icon {
  3383. position: absolute;
  3384. top: 13px;
  3385. left: 10px;
  3386. width: 1em;
  3387. font-size: 16px;
  3388. text-align: center;
  3389. }
  3390. .alert-avatar {
  3391. position: relative;
  3392. padding-top: 10px;
  3393. padding-bottom: 10px;
  3394. padding-left: 70px;
  3395. }
  3396. .alert-avatar > .avatar {
  3397. position: absolute;
  3398. top: 12px;
  3399. left: 15px;
  3400. }
  3401. .page-alert .alert-wrap {
  3402. max-height: 0;
  3403. padding: 0;
  3404. margin: 0;
  3405. overflow: hidden;
  3406. -webkit-transition: max-height .7s linear 0s;
  3407. -o-transition: max-height .7s linear 0s;
  3408. transition: max-height .7s linear 0s;
  3409. }
  3410. .page-alert .alert-wrap.in {
  3411. max-height: 500px;
  3412. -webkit-transition: max-height 1s linear 0s;
  3413. -o-transition: max-height 1s linear 0s;
  3414. transition: max-height 1s linear 0s;
  3415. }
  3416. .page-alert .alert-wrap .alert {
  3417. margin: 0;
  3418. text-align: left;
  3419. border-radius: 0;
  3420. }
  3421. .alert-primary {
  3422. color: #62a8ea;
  3423. background-color: rgba(232, 241, 248, .8);
  3424. border-color: #e8f1f8;
  3425. }
  3426. .alert-primary hr {
  3427. border-top-color: #d4e5f2;
  3428. }
  3429. .alert-primary .alert-link {
  3430. color: #358fe4;
  3431. }
  3432. .alert-primary .close {
  3433. color: #62a8ea;
  3434. }
  3435. .alert-primary .close:hover, .alert-primary .close:focus {
  3436. color: #62a8ea;
  3437. }
  3438. .alert-primary .alert-link {
  3439. color: #4e97d9;
  3440. }
  3441. .alert-alt.alert-primary {
  3442. border-color: #62a8ea;
  3443. }
  3444. .alert-alt.alert-primary a, .alert-alt.alert-primary .alert-link {
  3445. color: #62a8ea;
  3446. }
  3447. .alert-success .alert-link {
  3448. color: #36ab7a;
  3449. }
  3450. .alert-alt.alert-success {
  3451. border-color: #46be8a;
  3452. }
  3453. .alert-alt.alert-success a, .alert-alt.alert-success .alert-link {
  3454. color: #46be8a;
  3455. }
  3456. .alert-info .alert-link {
  3457. color: #47b8c6;
  3458. }
  3459. .alert-alt.alert-info {
  3460. border-color: #57c7d4;
  3461. }
  3462. .alert-alt.alert-info a, .alert-alt.alert-info .alert-link {
  3463. color: #57c7d4;
  3464. }
  3465. .alert-warning .alert-link {
  3466. color: #ec9940;
  3467. }
  3468. .alert-alt.alert-warning {
  3469. border-color: #f2a654;
  3470. }
  3471. .alert-alt.alert-warning a, .alert-alt.alert-warning .alert-link {
  3472. color: #f2a654;
  3473. }
  3474. .alert-danger .alert-link {
  3475. color: #e9595b;
  3476. }
  3477. .alert-alt.alert-danger {
  3478. border-color: #f96868;
  3479. }
  3480. .alert-alt.alert-danger a, .alert-alt.alert-danger .alert-link {
  3481. color: #f96868;
  3482. }
  3483. .alert-social {
  3484. position: relative;
  3485. padding-left: 65px;
  3486. }
  3487. .alert-social > .icon {
  3488. position: absolute;
  3489. top: 17px;
  3490. bottom: 0;
  3491. left: 15px;
  3492. width: 1em;
  3493. font-size: 30px;
  3494. text-align: center;
  3495. }
  3496. .alert-wechat {
  3497. color: #fff;
  3498. background-color: #51c332;
  3499. border-color: #51c332;
  3500. }
  3501. .alert-wechat hr {
  3502. border-top-color: #49af2d;
  3503. }
  3504. .alert-wechat .alert-link {
  3505. color: #e6e6e6;
  3506. }
  3507. .alert-wechat .close {
  3508. color: #fff;
  3509. }
  3510. .alert-wechat .close:hover, .alert-wechat .close:focus {
  3511. color: #fff;
  3512. }
  3513. .alert-wechat .alert-link {
  3514. font-weight: 700;
  3515. color: #fff;
  3516. }
  3517. .alert-qq {
  3518. color: #fff;
  3519. background-color: #12b7f5;
  3520. border-color: #12b7f5;
  3521. }
  3522. .alert-qq hr {
  3523. border-top-color: #0aa8e4;
  3524. }
  3525. .alert-qq .alert-link {
  3526. color: #e6e6e6;
  3527. }
  3528. .alert-qq .close {
  3529. color: #fff;
  3530. }
  3531. .alert-qq .close:hover, .alert-qq .close:focus {
  3532. color: #fff;
  3533. }
  3534. .alert-qq .alert-link {
  3535. font-weight: 700;
  3536. color: #fff;
  3537. }
  3538. .alert-weibo {
  3539. color: #fff;
  3540. background-color: #e6624b;
  3541. border-color: #e6624b;
  3542. }
  3543. .alert-weibo hr {
  3544. border-top-color: #e34e35;
  3545. }
  3546. .alert-weibo .alert-link {
  3547. color: #e6e6e6;
  3548. }
  3549. .alert-weibo .close {
  3550. color: #fff;
  3551. }
  3552. .alert-weibo .close:hover, .alert-weibo .close:focus {
  3553. color: #fff;
  3554. }
  3555. .alert-weibo .alert-link {
  3556. font-weight: 700;
  3557. color: #fff;
  3558. }
  3559. .alert-facebook {
  3560. color: #fff;
  3561. background-color: #3b5998;
  3562. border-color: #3b5998;
  3563. }
  3564. .alert-facebook hr {
  3565. border-top-color: #344e86;
  3566. }
  3567. .alert-facebook .alert-link {
  3568. color: #e6e6e6;
  3569. }
  3570. .alert-facebook .close {
  3571. color: #fff;
  3572. }
  3573. .alert-facebook .close:hover, .alert-facebook .close:focus {
  3574. color: #fff;
  3575. }
  3576. .alert-facebook .alert-link {
  3577. font-weight: 700;
  3578. color: #fff;
  3579. }
  3580. .alert-twitter {
  3581. color: #fff;
  3582. background-color: #55acee;
  3583. border-color: #55acee;
  3584. }
  3585. .alert-twitter hr {
  3586. border-top-color: #3ea1ec;
  3587. }
  3588. .alert-twitter .alert-link {
  3589. color: #e6e6e6;
  3590. }
  3591. .alert-twitter .close {
  3592. color: #fff;
  3593. }
  3594. .alert-twitter .close:hover, .alert-twitter .close:focus {
  3595. color: #fff;
  3596. }
  3597. .alert-twitter .alert-link {
  3598. font-weight: 700;
  3599. color: #fff;
  3600. }
  3601. .alert-google-plus {
  3602. color: #fff;
  3603. background-color: #dd4b39;
  3604. border-color: #dd4b39;
  3605. }
  3606. .alert-google-plus hr {
  3607. border-top-color: #d73925;
  3608. }
  3609. .alert-google-plus .alert-link {
  3610. color: #e6e6e6;
  3611. }
  3612. .alert-google-plus .close {
  3613. color: #fff;
  3614. }
  3615. .alert-google-plus .close:hover, .alert-google-plus .close:focus {
  3616. color: #fff;
  3617. }
  3618. .alert-google-plus .alert-link {
  3619. font-weight: 700;
  3620. color: #fff;
  3621. }
  3622. .alert-linkedin {
  3623. color: #fff;
  3624. background-color: #0976b4;
  3625. border-color: #0976b4;
  3626. }
  3627. .alert-linkedin hr {
  3628. border-top-color: #08669c;
  3629. }
  3630. .alert-linkedin .alert-link {
  3631. color: #e6e6e6;
  3632. }
  3633. .alert-linkedin .close {
  3634. color: #fff;
  3635. }
  3636. .alert-linkedin .close:hover, .alert-linkedin .close:focus {
  3637. color: #fff;
  3638. }
  3639. .alert-linkedin .alert-link {
  3640. font-weight: 700;
  3641. color: #fff;
  3642. }
  3643. .alert-flickr {
  3644. color: #fff;
  3645. background-color: #ff0084;
  3646. border-color: #ff0084;
  3647. }
  3648. .alert-flickr hr {
  3649. border-top-color: #e60077;
  3650. }
  3651. .alert-flickr .alert-link {
  3652. color: #e6e6e6;
  3653. }
  3654. .alert-flickr .close {
  3655. color: #fff;
  3656. }
  3657. .alert-flickr .close:hover, .alert-flickr .close:focus {
  3658. color: #fff;
  3659. }
  3660. .alert-flickr .alert-link {
  3661. font-weight: 700;
  3662. color: #fff;
  3663. }
  3664. .alert-tumblr {
  3665. color: #fff;
  3666. background-color: #35465c;
  3667. border-color: #35465c;
  3668. }
  3669. .alert-tumblr hr {
  3670. border-top-color: #2c3a4c;
  3671. }
  3672. .alert-tumblr .alert-link {
  3673. color: #e6e6e6;
  3674. }
  3675. .alert-tumblr .close {
  3676. color: #fff;
  3677. }
  3678. .alert-tumblr .close:hover, .alert-tumblr .close:focus {
  3679. color: #fff;
  3680. }
  3681. .alert-tumblr .alert-link {
  3682. font-weight: 700;
  3683. color: #fff;
  3684. }
  3685. .alert-github {
  3686. color: #fff;
  3687. background-color: #4183c4;
  3688. border-color: #4183c4;
  3689. }
  3690. .alert-github hr {
  3691. border-top-color: #3876b4;
  3692. }
  3693. .alert-github .alert-link {
  3694. color: #e6e6e6;
  3695. }
  3696. .alert-github .close {
  3697. color: #fff;
  3698. }
  3699. .alert-github .close:hover, .alert-github .close:focus {
  3700. color: #fff;
  3701. }
  3702. .alert-github .alert-link {
  3703. font-weight: 700;
  3704. color: #fff;
  3705. }
  3706. .alert-dribbble {
  3707. color: #fff;
  3708. background-color: #c32361;
  3709. border-color: #c32361;
  3710. }
  3711. .alert-dribbble hr {
  3712. border-top-color: #ad1f56;
  3713. }
  3714. .alert-dribbble .alert-link {
  3715. color: #e6e6e6;
  3716. }
  3717. .alert-dribbble .close {
  3718. color: #fff;
  3719. }
  3720. .alert-dribbble .close:hover, .alert-dribbble .close:focus {
  3721. color: #fff;
  3722. }
  3723. .alert-dribbble .alert-link {
  3724. font-weight: 700;
  3725. color: #fff;
  3726. }
  3727. .alert-youtube {
  3728. color: #fff;
  3729. background-color: #b31217;
  3730. border-color: #b31217;
  3731. }
  3732. .alert-youtube hr {
  3733. border-top-color: #9c1014;
  3734. }
  3735. .alert-youtube .alert-link {
  3736. color: #e6e6e6;
  3737. }
  3738. .alert-youtube .close {
  3739. color: #fff;
  3740. }
  3741. .alert-youtube .close:hover, .alert-youtube .close:focus {
  3742. color: #fff;
  3743. }
  3744. .alert-youtube .alert-link {
  3745. font-weight: 700;
  3746. color: #fff;
  3747. }
  3748. .alert.dark .alert-link {
  3749. font-weight: 700;
  3750. color: #fff !important;
  3751. }
  3752. .alert.dark .alert-left-border {
  3753. border: none;
  3754. border-left: 3px solid transparent;
  3755. }
  3756. .alert.dark.alert-dismissible.alert-alt .close {
  3757. color: #fff;
  3758. }
  3759. .alert.dark.alert-dismissible.alert-alt .close:hover, .alert.dark.alert-dismissible.alert-alt .close:focus {
  3760. color: #fff;
  3761. }
  3762. .alert.dark.alert-primary {
  3763. color: #fff;
  3764. background-color: #62a8ea;
  3765. border-color: #62a8ea;
  3766. }
  3767. .alert.dark.alert-primary hr {
  3768. border-top-color: #4c9ce7;
  3769. }
  3770. .alert.dark.alert-primary .alert-link {
  3771. color: #e6e6e6;
  3772. }
  3773. .alert.dark.alert-primary .close {
  3774. color: #fff;
  3775. }
  3776. .alert.dark.alert-primary .close:hover, .alert.dark.alert-primary .close:focus {
  3777. color: #fff;
  3778. }
  3779. .alert-alt.alert.dark.alert-primary {
  3780. border-color: #2771b4;
  3781. }
  3782. .alert-alt.alert.dark.alert-primary a, .alert-alt.alert.dark.alert-primary .alert-link {
  3783. color: #fff;
  3784. }
  3785. .alert.dark.alert-success {
  3786. color: #fff;
  3787. background-color: #46be8a;
  3788. border-color: #46be8a;
  3789. }
  3790. .alert.dark.alert-success hr {
  3791. border-top-color: #3dae7d;
  3792. }
  3793. .alert.dark.alert-success .alert-link {
  3794. color: #e6e6e6;
  3795. }
  3796. .alert.dark.alert-success .close {
  3797. color: #fff;
  3798. }
  3799. .alert.dark.alert-success .close:hover, .alert.dark.alert-success .close:focus {
  3800. color: #fff;
  3801. }
  3802. .alert-alt.alert.dark.alert-success {
  3803. border-color: #247151;
  3804. }
  3805. .alert-alt.alert.dark.alert-success a, .alert-alt.alert.dark.alert-success .alert-link {
  3806. color: #fff;
  3807. }
  3808. .alert.dark.alert-info {
  3809. color: #fff;
  3810. background-color: #57c7d4;
  3811. border-color: #57c7d4;
  3812. }
  3813. .alert.dark.alert-info hr {
  3814. border-top-color: #43c0cf;
  3815. }
  3816. .alert.dark.alert-info .alert-link {
  3817. color: #e6e6e6;
  3818. }
  3819. .alert.dark.alert-info .close {
  3820. color: #fff;
  3821. }
  3822. .alert.dark.alert-info .close:hover, .alert.dark.alert-info .close:focus {
  3823. color: #fff;
  3824. }
  3825. .alert-alt.alert.dark.alert-info {
  3826. border-color: #2e8893;
  3827. }
  3828. .alert-alt.alert.dark.alert-info a, .alert-alt.alert.dark.alert-info .alert-link {
  3829. color: #fff;
  3830. }
  3831. .alert.dark.alert-warning {
  3832. color: #fff;
  3833. background-color: #f2a654;
  3834. border-color: #f2a654;
  3835. }
  3836. .alert.dark.alert-warning hr {
  3837. border-top-color: #f09a3c;
  3838. }
  3839. .alert.dark.alert-warning .alert-link {
  3840. color: #e6e6e6;
  3841. }
  3842. .alert.dark.alert-warning .close {
  3843. color: #fff;
  3844. }
  3845. .alert.dark.alert-warning .close:hover, .alert.dark.alert-warning .close:focus {
  3846. color: #fff;
  3847. }
  3848. .alert-alt.alert.dark.alert-warning {
  3849. border-color: #cb7314;
  3850. }
  3851. .alert-alt.alert.dark.alert-warning a, .alert-alt.alert.dark.alert-warning .alert-link {
  3852. color: #fff;
  3853. }
  3854. .alert.dark.alert-danger {
  3855. color: #fff;
  3856. background-color: #f96868;
  3857. border-color: #f96868;
  3858. }
  3859. .alert.dark.alert-danger hr {
  3860. border-top-color: #f84f4f;
  3861. }
  3862. .alert.dark.alert-danger .alert-link {
  3863. color: #e6e6e6;
  3864. }
  3865. .alert.dark.alert-danger .close {
  3866. color: #fff;
  3867. }
  3868. .alert.dark.alert-danger .close:hover, .alert.dark.alert-danger .close:focus {
  3869. color: #fff;
  3870. }
  3871. .alert-alt.alert.dark.alert-danger {
  3872. border-color: #d91d1f;
  3873. }
  3874. .alert-alt.alert.dark.alert-danger a, .alert-alt.alert.dark.alert-danger .alert-link {
  3875. color: #fff;
  3876. }
  3877. .progress {
  3878. height: 12px;
  3879. -webkit-box-shadow: none;
  3880. box-shadow: none;
  3881. }
  3882. .progress-bar {
  3883. line-height: 12px;
  3884. -webkit-box-shadow: none;
  3885. box-shadow: none;
  3886. }
  3887. .progress-square {
  3888. border-radius: 0;
  3889. }
  3890. .progress-circle {
  3891. border-radius: 1000px;
  3892. }
  3893. .progress-vertical {
  3894. position: relative;
  3895. display: inline-block;
  3896. width: 12px;
  3897. height: 250px;
  3898. min-height: 250px;
  3899. margin-right: 30px;
  3900. margin-bottom: 0;
  3901. }
  3902. .progress-vertical .progress-bar {
  3903. width: 100%;
  3904. }
  3905. .progress-vertical .progress-label {
  3906. display: block;
  3907. -webkit-transform: rotate(90deg);
  3908. -ms-transform: rotate(90deg);
  3909. -o-transform: rotate(90deg);
  3910. transform: rotate(90deg);
  3911. }
  3912. .progress-bar-indicating.active {
  3913. position: relative;
  3914. -webkit-animation: none;
  3915. -o-animation: none;
  3916. animation: none;
  3917. }
  3918. .progress-bar-indicating.active:before {
  3919. position: absolute;
  3920. top: 0;
  3921. right: 0;
  3922. bottom: 0;
  3923. left: 0;
  3924. content: "";
  3925. background-color: #fff;
  3926. border-radius: inherit;
  3927. opacity: 0;
  3928. -webkit-animation: progress-active 3s ease 0s infinite;
  3929. -o-animation: progress-active 3s ease 0s infinite;
  3930. animation: progress-active 3s ease 0s infinite;
  3931. }
  3932. .progress-vertical .progress-bar-indicating.active:before {
  3933. -webkit-animation-name: progress-vertical-active;
  3934. -o-animation-name: progress-vertical-active;
  3935. animation-name: progress-vertical-active;
  3936. }
  3937. .progress-skill {
  3938. position: relative;
  3939. }
  3940. .progress-skill .progress-bar > span {
  3941. position: absolute;
  3942. top: 0;
  3943. right: 10px;
  3944. color: #526069;
  3945. }
  3946. .progress-lg {
  3947. height: 22px;
  3948. }
  3949. .progress-lg.progress-vertical {
  3950. width: 16px;
  3951. }
  3952. .progress-lg .progress-bar {
  3953. line-height: 22px;
  3954. }
  3955. .progress-sm {
  3956. height: 8px;
  3957. }
  3958. .progress-sm.progress-vertical {
  3959. width: 8px;
  3960. }
  3961. .progress-sm .progress-bar {
  3962. line-height: 8px;
  3963. }
  3964. .progress-xs {
  3965. height: 6px;
  3966. border-radius: 1px;
  3967. }
  3968. .progress-xs.progress-vertical {
  3969. width: 6px;
  3970. }
  3971. .progress-xs .progress-bar {
  3972. line-height: 6px;
  3973. }
  3974. .contextual-progress {
  3975. margin: 20px 0;
  3976. }
  3977. .contextual-progress .progress-title {
  3978. float: left;
  3979. }
  3980. .contextual-progress .progress-label {
  3981. position: relative;
  3982. float: right;
  3983. }
  3984. .contextual-progress .progress {
  3985. height: 2px;
  3986. margin: 5px 0;
  3987. }
  3988. .contextual-progress .progress .progress-label {
  3989. display: none;
  3990. }
  3991. @-webkit-keyframes progress-active {
  3992. 0% {
  3993. width: 0;
  3994. opacity: .4;
  3995. }
  3996. 100% {
  3997. width: 100%;
  3998. opacity: 0;
  3999. }
  4000. }
  4001. @-o-keyframes progress-active {
  4002. 0% {
  4003. width: 0;
  4004. opacity: .4;
  4005. }
  4006. 100% {
  4007. width: 100%;
  4008. opacity: 0;
  4009. }
  4010. }
  4011. @keyframes progress-active {
  4012. 0% {
  4013. width: 0;
  4014. opacity: .4;
  4015. }
  4016. 100% {
  4017. width: 100%;
  4018. opacity: 0;
  4019. }
  4020. }
  4021. @-webkit-keyframes progress-vertical-active {
  4022. 0% {
  4023. top: 0;
  4024. opacity: 0;
  4025. }
  4026. 100% {
  4027. top: 175px;
  4028. opacity: .4;
  4029. }
  4030. }
  4031. @-o-keyframes progress-vertical-active {
  4032. 0% {
  4033. top: 0;
  4034. opacity: 0;
  4035. }
  4036. 100% {
  4037. top: 175px;
  4038. opacity: .4;
  4039. }
  4040. }
  4041. @keyframes progress-vertical-active {
  4042. 0% {
  4043. top: 0;
  4044. opacity: 0;
  4045. }
  4046. 100% {
  4047. top: 175px;
  4048. opacity: .4;
  4049. }
  4050. }
  4051. .media {
  4052. padding: 15px 0;
  4053. margin-top: 0;
  4054. border-bottom: 1px solid #e4eaec;
  4055. }
  4056. .media-object {
  4057. width: 120px;
  4058. }
  4059. .media-left, .media > .pull-left {
  4060. padding-right: 10px;
  4061. }
  4062. .media-right, .media > .pull-right {
  4063. padding-left: 10px;
  4064. }
  4065. .media-body {
  4066. overflow: visible;
  4067. }
  4068. .media .media {
  4069. padding-bottom: 0;
  4070. border-bottom: none;
  4071. }
  4072. .media-meta {
  4073. margin-bottom: 3px;
  4074. font-size: 12px;
  4075. color: #526069;
  4076. }
  4077. .media-lg .media-object {
  4078. width: 160px;
  4079. }
  4080. .media-lg .media {
  4081. margin-left: -110px;
  4082. }
  4083. .media-sm .media-object {
  4084. width: 80px;
  4085. }
  4086. .media-sm .media {
  4087. margin-left: -70px;
  4088. }
  4089. .media-xs .media-object {
  4090. width: 60px;
  4091. }
  4092. .media-xs .media {
  4093. margin-left: -60px;
  4094. }
  4095. @media screen and (min-width: 768px) {
  4096. .media .media {
  4097. margin-left: 0;
  4098. }
  4099. }
  4100. .list-group .media {
  4101. padding: 2px 0;
  4102. border-bottom: 0;
  4103. }
  4104. .list-group .media .pull-left, .list-group .media .media-left {
  4105. padding-right: 20px;
  4106. }
  4107. .list-group .media .pull-right, .list-group .media .media-right {
  4108. padding-left: 20px;
  4109. }
  4110. .list-group .media .pull-right .status {
  4111. margin-top: 15px;
  4112. margin-right: 5px;
  4113. }
  4114. .list-group .media .media-heading {
  4115. font-size: 14px;
  4116. }
  4117. .list-group .media .status {
  4118. margin-top: 2px;
  4119. }
  4120. .list-group-full > .list-group-item {
  4121. padding-right: 0;
  4122. padding-left: 0;
  4123. }
  4124. a.list-group-item {
  4125. border-radius: 3px;
  4126. }
  4127. a.list-group-item.disabled, a.list-group-item.disabled:hover, a.list-group-item.disabled:focus {
  4128. color: #ccd5db;
  4129. background-color: #f3f7f9;
  4130. }
  4131. a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
  4132. color: #fff;
  4133. background-color: #62a8ea;
  4134. }
  4135. .list-group-item {
  4136. padding: 7px 10px;
  4137. }
  4138. .list-group-item .icon {
  4139. margin-right: 10px;
  4140. }
  4141. .list-group-item .badge {
  4142. margin-top: 3px;
  4143. }
  4144. .list-group.bg-inherit {
  4145. border-radius: 3px;
  4146. }
  4147. .list-group.bg-inherit .list-group-item {
  4148. background-color: transparent;
  4149. border-bottom-color: rgba(0, 0, 0, .075);
  4150. }
  4151. .list-group.bg-inherit .list-group-item:last-child {
  4152. border-bottom-color: transparent;
  4153. }
  4154. .list-group.bg-inherit .list-group-item:hover {
  4155. background-color: rgba(0, 0, 0, .075);
  4156. border-color: transparent;
  4157. }
  4158. .list-group-bordered .list-group-item {
  4159. border-color: #e4eaec;
  4160. }
  4161. .list-group-bordered .list-group-item.active, .list-group-bordered .list-group-item.active:hover, .list-group-bordered .list-group-item.active:focus {
  4162. color: #fff;
  4163. background-color: #4e97d9;
  4164. border-color: #4e97d9;
  4165. }
  4166. .list-group-dividered .list-group-item {
  4167. border-top-color: #e4eaec;
  4168. }
  4169. .list-group-dividered .list-group-item.active:hover {
  4170. border-top-color: #e4eaec;
  4171. }
  4172. .list-group-dividered .list-group-item:last-child {
  4173. border-bottom-color: #e4eaec;
  4174. }
  4175. .list-group-dividered .list-group-item:first-child {
  4176. border-top-color: transparent;
  4177. }
  4178. .list-group-dividered .list-group-item:first-child.active:hover {
  4179. border-top-color: transparent;
  4180. }
  4181. .list-group-gap .list-group-item {
  4182. margin-bottom: 2px;
  4183. border-radius: 3px;
  4184. }
  4185. .list-group-full .list-group-item {
  4186. padding-right: 0;
  4187. padding-left: 0;
  4188. }
  4189. .list-group-item-dark {
  4190. color: #fff;
  4191. background-color: #526069;
  4192. }
  4193. a.list-group-item-dark, button.list-group-item-dark {
  4194. color: #fff;
  4195. }
  4196. a.list-group-item-dark .list-group-item-heading, button.list-group-item-dark .list-group-item-heading {
  4197. color: inherit;
  4198. }
  4199. a.list-group-item-dark:hover, button.list-group-item-dark:hover, a.list-group-item-dark:focus, button.list-group-item-dark:focus {
  4200. color: #fff;
  4201. background-color: #47535b;
  4202. }
  4203. a.list-group-item-dark.active, button.list-group-item-dark.active, a.list-group-item-dark.active:hover, button.list-group-item-dark.active:hover, a.list-group-item-dark.active:focus, button.list-group-item-dark.active:focus {
  4204. color: #fff;
  4205. background-color: #fff;
  4206. border-color: #fff;
  4207. }
  4208. .panel {
  4209. position: relative;
  4210. margin-bottom: 24px;
  4211. border: none;
  4212. }
  4213. .panel > .nav-tabs-vertical .nav-tabs {
  4214. margin-left: -1px;
  4215. }
  4216. .panel > .nav-tabs-vertical .nav-tabs > li > a {
  4217. border-left: none;
  4218. border-radius: 0;
  4219. }
  4220. .panel > .nav-tabs-vertical .nav-tabs.nav-tabs-reverse {
  4221. margin-right: -1px;
  4222. }
  4223. .panel > .nav-tabs-vertical .nav-tabs.nav-tabs-reverse > li > a {
  4224. border-right: none;
  4225. border-radius: 0;
  4226. }
  4227. .panel:hover .panel-actions .show-on-hover {
  4228. display: inline-block;
  4229. }
  4230. .panel .panel-actions .show-on-hover {
  4231. display: none;
  4232. }
  4233. .panel.is-fullscreen {
  4234. position: fixed;
  4235. top: 0;
  4236. bottom: 0;
  4237. left: 0;
  4238. z-index: 9999;
  4239. width: 100%;
  4240. margin-bottom: 0;
  4241. border-radius: 0;
  4242. }
  4243. .panel.is-fullscreen .panel-loading {
  4244. border-radius: 0;
  4245. }
  4246. .panel.is-fullscreen .panel-actions [data-toggle=collapse] {
  4247. display: none;
  4248. }
  4249. .panel.is-fullscreen .panel-body {
  4250. max-height: 100%;
  4251. overflow: auto;
  4252. }
  4253. .panel.is-close {
  4254. display: none;
  4255. }
  4256. .panel.is-collapse .panel-body {
  4257. display: none;
  4258. height: 0;
  4259. }
  4260. .panel > .alert {
  4261. padding-right: 20px;
  4262. padding-left: 20px;
  4263. }
  4264. .panel > .alert-dismissible {
  4265. padding-right: 40px;
  4266. }
  4267. @media screen and (max-width: 480px) {
  4268. .panel > .alert {
  4269. padding-right: 20px;
  4270. padding-left: 20px;
  4271. }
  4272. .panel > .alert-dismissible {
  4273. padding-right: 40px;
  4274. }
  4275. }
  4276. .panel > .table > tr > td:first-child, .panel > .table-responsive > .table > tr > td:first-child, .panel > .table > thead > tr > td:first-child, .panel > .table-responsive > .table > thead > tr > td:first-child, .panel > .table > tbody > tr > td:first-child, .panel > .table-responsive > .table > tbody > tr > td:first-child, .panel > .table > tfoot > tr > td:first-child, .panel > .table-responsive > .table > tfoot > tr > td:first-child, .panel > .table > tr > th:first-child, .panel > .table-responsive > .table > tr > th:first-child, .panel > .table > thead > tr > th:first-child, .panel > .table-responsive > .table > thead > tr > th:first-child, .panel > .table > tbody > tr > th:first-child, .panel > .table-responsive > .table > tbody > tr > th:first-child, .panel > .table > tfoot > tr > th:first-child, .panel > .table-responsive > .table > tfoot > tr > th:first-child {
  4277. padding-left: 20px;
  4278. }
  4279. @media screen and (max-width: 480px) {
  4280. .panel > .table > tr > td:first-child, .panel > .table-responsive > .table > tr > td:first-child, .panel > .table > thead > tr > td:first-child, .panel > .table-responsive > .table > thead > tr > td:first-child, .panel > .table > tbody > tr > td:first-child, .panel > .table-responsive > .table > tbody > tr > td:first-child, .panel > .table > tfoot > tr > td:first-child, .panel > .table-responsive > .table > tfoot > tr > td:first-child, .panel > .table > tr > th:first-child, .panel > .table-responsive > .table > tr > th:first-child, .panel > .table > thead > tr > th:first-child, .panel > .table-responsive > .table > thead > tr > th:first-child, .panel > .table > tbody > tr > th:first-child, .panel > .table-responsive > .table > tbody > tr > th:first-child, .panel > .table > tfoot > tr > th:first-child, .panel > .table-responsive > .table > tfoot > tr > th:first-child {
  4281. padding-left: 20px;
  4282. }
  4283. }
  4284. .panel > .table > tr > td:last-child, .panel > .table-responsive > .table > tr > td:last-child, .panel > .table > thead > tr > td:last-child, .panel > .table-responsive > .table > thead > tr > td:last-child, .panel > .table > tbody > tr > td:last-child, .panel > .table-responsive > .table > tbody > tr > td:last-child, .panel > .table > tfoot > tr > td:last-child, .panel > .table-responsive > .table > tfoot > tr > td:last-child, .panel > .table > tr > th:last-child, .panel > .table-responsive > .table > tr > th:last-child, .panel > .table > thead > tr > th:last-child, .panel > .table-responsive > .table > thead > tr > th:last-child, .panel > .table > tbody > tr > th:last-child, .panel > .table-responsive > .table > tbody > tr > th:last-child, .panel > .table > tfoot > tr > th:last-child, .panel > .table-responsive > .table > tfoot > tr > th:last-child {
  4285. padding-right: 20px;
  4286. }
  4287. @media screen and (max-width: 480px) {
  4288. .panel > .table > tr > td:last-child, .panel > .table-responsive > .table > tr > td:last-child, .panel > .table > thead > tr > td:last-child, .panel > .table-responsive > .table > thead > tr > td:last-child, .panel > .table > tbody > tr > td:last-child, .panel > .table-responsive > .table > tbody > tr > td:last-child, .panel > .table > tfoot > tr > td:last-child, .panel > .table-responsive > .table > tfoot > tr > td:last-child, .panel > .table > tr > th:last-child, .panel > .table-responsive > .table > tr > th:last-child, .panel > .table > thead > tr > th:last-child, .panel > .table-responsive > .table > thead > tr > th:last-child, .panel > .table > tbody > tr > th:last-child, .panel > .table-responsive > .table > tbody > tr > th:last-child, .panel > .table > tfoot > tr > th:last-child, .panel > .table-responsive > .table > tfoot > tr > th:last-child {
  4289. padding-right: 20px;
  4290. }
  4291. }
  4292. .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td {
  4293. border-top: 1px solid #e4eaec;
  4294. }
  4295. .panel > .list-group > .list-group-item {
  4296. padding-right: 20px;
  4297. padding-left: 20px;
  4298. }
  4299. @media screen and (max-width: 480px) {
  4300. .panel > .list-group > .list-group-item {
  4301. padding-right: 20px;
  4302. padding-left: 20px;
  4303. }
  4304. }
  4305. .panel-content > .row {
  4306. padding-right: 30px;
  4307. padding-left: 30px;
  4308. }
  4309. .panel-content > .row > [class*="col-"] {
  4310. padding-right: 30px;
  4311. padding-left: 30px;
  4312. }
  4313. .panel-heading {
  4314. position: relative;
  4315. padding: 0;
  4316. border-bottom: 1px solid transparent;
  4317. }
  4318. .panel-heading + .alert {
  4319. border-radius: 0;
  4320. }
  4321. .panel-heading > .nav-tabs {
  4322. border-bottom: none;
  4323. }
  4324. .panel-heading + .nav-tabs {
  4325. margin-top: -10px;
  4326. }
  4327. .panel-body {
  4328. position: relative;
  4329. }
  4330. .panel-heading + .panel-body {
  4331. padding-top: 0;
  4332. }
  4333. .panel-body h1:first-child, .panel-body h2:first-child, .panel-body h3:first-child, .panel-body h4:first-child, .panel-body h5:first-child, .panel-body h6:first-child, .panel-body .h1:first-child, .panel-body .h2:first-child, .panel-body .h3:first-child, .panel-body .h4:first-child, .panel-body .h5:first-child, .panel-body .h6:first-child {
  4334. margin-top: 0;
  4335. }
  4336. .panel-body > *:last-child {
  4337. margin-bottom: 0;
  4338. }
  4339. .panel-body > .list-group-dividered:only-child > .list-group-item:last-child {
  4340. border-bottom-color: transparent;
  4341. }
  4342. .panel-footer {
  4343. border-top: 1px solid transparent;
  4344. }
  4345. .table + .panel-footer {
  4346. padding-top: 10px;
  4347. border-color: #e4eaec;
  4348. }
  4349. .panel-title {
  4350. display: block;
  4351. padding: 16px 20px;
  4352. font-size: 16px;
  4353. color: #37474f;
  4354. }
  4355. .panel-title > .icon {
  4356. margin-right: 10px;
  4357. }
  4358. .panel-title > .label {
  4359. margin-left: 10px;
  4360. }
  4361. .panel-title small {
  4362. color: #76838f;
  4363. }
  4364. .panel-desc {
  4365. display: block;
  4366. padding: 5px 0 0;
  4367. margin: 0;
  4368. font-size: 14px;
  4369. color: #76838f;
  4370. }
  4371. .panel-actions {
  4372. position: absolute;
  4373. top: 50%;
  4374. right: 20px;
  4375. z-index: 1;
  4376. margin: auto;
  4377. -webkit-transform: translate(0%, -50%);
  4378. -ms-transform: translate(0%, -50%);
  4379. -o-transform: translate(0%, -50%);
  4380. transform: translate(0%, -50%);
  4381. }
  4382. @media screen and (max-width: 480px) {
  4383. .panel-actions {
  4384. right: 20px;
  4385. }
  4386. }
  4387. ul.panel-actions {
  4388. list-style: none;
  4389. }
  4390. ul.panel-actions > li {
  4391. display: inline-block;
  4392. margin-left: 8px;
  4393. }
  4394. ul.panel-actions > li:first-child {
  4395. margin-left: 0;
  4396. }
  4397. .panel-actions a {
  4398. color: inherit;
  4399. }
  4400. .panel-actions a.dropdown-toggle {
  4401. text-decoration: none;
  4402. }
  4403. .panel-actions .dropdown {
  4404. display: inline-block;
  4405. }
  4406. .panel-actions .dropdown-toggle {
  4407. display: inline-block;
  4408. }
  4409. .panel-actions .panel-action {
  4410. display: inline-block;
  4411. padding: 8px 10px;
  4412. color: #a3afb7;
  4413. text-decoration: none;
  4414. cursor: pointer;
  4415. background-color: transparent;
  4416. }
  4417. .panel-actions .panel-action:hover {
  4418. color: #526069;
  4419. }
  4420. .panel-actions .panel-action:active {
  4421. color: #526069;
  4422. }
  4423. .panel-actions .panel-action:focus {
  4424. outline: none;
  4425. }
  4426. .panel-actions .progress {
  4427. width: 100px;
  4428. margin: 0;
  4429. }
  4430. .panel-actions .pagination {
  4431. margin: 0;
  4432. }
  4433. .panel-toolbar {
  4434. padding: 5px 15px;
  4435. margin: 0;
  4436. background-color: transparent;
  4437. border-top: 1px solid #e4eaec;
  4438. border-bottom: 1px solid #e4eaec;
  4439. }
  4440. .panel-bordered .panel-toolbar {
  4441. border-top-color: transparent;
  4442. }
  4443. .panel-toolbar .btn {
  4444. padding: 5px 10px;
  4445. color: #a3afb7;
  4446. }
  4447. .panel-toolbar .btn.icon {
  4448. width: 1em;
  4449. text-align: center;
  4450. }
  4451. .panel-toolbar .btn:hover, .panel-toolbar .btn:active, .panel-toolbar .btn.active {
  4452. color: #76838f;
  4453. }
  4454. .panel-loading {
  4455. position: absolute;
  4456. top: 0;
  4457. left: 0;
  4458. z-index: 6;
  4459. display: none;
  4460. width: 100%;
  4461. height: 100%;
  4462. border-radius: 1px;
  4463. opacity: .6;
  4464. }
  4465. .panel-loading .loader {
  4466. position: absolute;
  4467. top: 50%;
  4468. left: 50%;
  4469. -webkit-transform: translate(-50%, -50%);
  4470. -ms-transform: translate(-50%, -50%);
  4471. -o-transform: translate(-50%, -50%);
  4472. transform: translate(-50%, -50%);
  4473. }
  4474. .panel > *:not(.panel-loading):not(.collapsing) {
  4475. -webkit-transition: opacity .3s;
  4476. -o-transition: opacity .3s;
  4477. transition: opacity .3s;
  4478. }
  4479. .panel.is-loading > *:not(.panel-loading) {
  4480. opacity: .3;
  4481. }
  4482. .panel.is-loading .panel-loading {
  4483. display: block;
  4484. opacity: 1;
  4485. }
  4486. .panel-footer-chart {
  4487. padding: 0;
  4488. }
  4489. .panel-control {
  4490. padding: 0;
  4491. border: none;
  4492. border-radius: 0;
  4493. -webkit-box-shadow: none;
  4494. box-shadow: none;
  4495. }
  4496. .panel-body.scrollable-vertical {
  4497. padding-right: 0 !important;
  4498. padding-left: 0 !important;
  4499. }
  4500. .panel-body.scrollable-vertical > .scrollable-container > .scrollable-content {
  4501. padding-right: 20px;
  4502. padding-left: 20px;
  4503. }
  4504. @media screen and (max-width: 480px) {
  4505. .panel-body.scrollable-vertical > .scrollable-container > .scrollable-content {
  4506. padding-right: 20px;
  4507. padding-left: 20px;
  4508. }
  4509. }
  4510. .panel-body.scrollable-vertical > .scrollable-bar {
  4511. height: -webkit-calc(100% - 20px);
  4512. height: calc(100% - 20px);
  4513. margin-top: 0;
  4514. margin-bottom: 20px;
  4515. -webkit-transform: translateX(-16px);
  4516. -ms-transform: translateX(-16px);
  4517. -o-transform: translateX(-16px);
  4518. transform: translateX(-16px);
  4519. }
  4520. .panel-bordered > .panel-body.scrollable-vertical > .scrollable-bar {
  4521. height: -webkit-calc(100% - 40px);
  4522. height: calc(100% - 40px);
  4523. margin-bottom: 20px;
  4524. }
  4525. .panel-body.scrollable-horizontal {
  4526. padding-top: 0 !important;
  4527. padding-bottom: 0 !important;
  4528. }
  4529. .panel-body.scrollable-horizontal > .scrollable-container > .scrollable-content {
  4530. padding-top: 0;
  4531. padding-bottom: 20px;
  4532. }
  4533. .panel-bordered > .panel-body.scrollable-horizontal > .scrollable-container > .scrollable-content {
  4534. padding-top: 20px;
  4535. padding-bottom: 20px;
  4536. }
  4537. .panel-body.scrollable-horizontal > .scrollable-bar {
  4538. width: -webkit-calc(100% - 40px);
  4539. width: calc(100% - 40px);
  4540. margin-right: 20px;
  4541. margin-left: 0;
  4542. -webkit-transform: translateY(-16px);
  4543. -ms-transform: translateY(-16px);
  4544. -o-transform: translateY(-16px);
  4545. transform: translateY(-16px);
  4546. }
  4547. @media screen and (max-width: 480px) {
  4548. .panel-body.scrollable-horizontal > .scrollable-bar {
  4549. width: -webkit-calc(100% - 40px);
  4550. width: calc(100% - 40px);
  4551. margin-right: 20px;
  4552. }
  4553. }
  4554. .panel-bordered > .panel-body.scrollable-horizontal > .scrollable-bar {
  4555. -webkit-transform: translateY(-16px);
  4556. -ms-transform: translateY(-16px);
  4557. -o-transform: translateY(-16px);
  4558. transform: translateY(-16px);
  4559. }
  4560. .panel-bordered > .panel-heading {
  4561. border-bottom: 1px solid #e4eaec;
  4562. }
  4563. .panel-bordered > .panel-heading > .panel-title {
  4564. padding-bottom: 16px;
  4565. }
  4566. .panel-bordered > .panel-footer {
  4567. padding-top: 10px;
  4568. border-top: 1px solid #e4eaec;
  4569. }
  4570. .panel-bordered > .panel-body {
  4571. padding-top: 20px;
  4572. }
  4573. .panel-bordered > .table > tbody:first-child > tr:first-child th, .panel-bordered > .table > tbody:first-child > tr:first-child td {
  4574. border-top: 0;
  4575. }
  4576. .panel.is-dragging {
  4577. opacity: .8;
  4578. }
  4579. .panel.is-dragging {
  4580. cursor: move;
  4581. }
  4582. .panel.panel-transparent {
  4583. background: transparent;
  4584. border-color: transparent;
  4585. -webkit-box-shadow: none;
  4586. box-shadow: none;
  4587. }
  4588. .panel.panel-transparent > .panel-heading, .panel.panel-transparent > .panel-footer {
  4589. border-color: transparent;
  4590. }
  4591. .panel-dark {
  4592. border-color: #526069;
  4593. }
  4594. .panel-dark > .panel-heading {
  4595. color: #fff;
  4596. background-color: #526069;
  4597. border-color: #526069;
  4598. }
  4599. .panel-dark > .panel-heading + .panel-collapse > .panel-body {
  4600. border-top-color: #526069;
  4601. }
  4602. .panel-dark > .panel-heading .badge {
  4603. color: #526069;
  4604. background-color: #fff;
  4605. }
  4606. .panel-dark > .panel-footer + .panel-collapse > .panel-body {
  4607. border-bottom-color: #526069;
  4608. }
  4609. .panel-primary, .panel-info, .panel-success, .panel-warning, .panel-danger, .panel-dark {
  4610. border: none;
  4611. }
  4612. .panel-primary .panel-heading, .panel-info .panel-heading, .panel-success .panel-heading, .panel-warning .panel-heading, .panel-danger .panel-heading, .panel-dark .panel-heading {
  4613. border: none;
  4614. }
  4615. .panel-primary .panel-title, .panel-info .panel-title, .panel-success .panel-title, .panel-warning .panel-title, .panel-danger .panel-title, .panel-dark .panel-title {
  4616. color: #fff;
  4617. }
  4618. .panel-primary .panel-action, .panel-info .panel-action, .panel-success .panel-action, .panel-warning .panel-action, .panel-danger .panel-action, .panel-dark .panel-action {
  4619. color: #fff;
  4620. }
  4621. @media screen and (max-width: 480px) {
  4622. .panel-actions {
  4623. right: 20px;
  4624. }
  4625. .panel-actions .progress {
  4626. min-width: 80px;
  4627. }
  4628. .panel-actions .show-on-hover {
  4629. display: none;
  4630. }
  4631. .panel-title, .panel-body, .panel-footer {
  4632. padding-right: 20px;
  4633. padding-left: 20px;
  4634. }
  4635. }
  4636. .well {
  4637. padding: 20px;
  4638. }
  4639. .well-lg {
  4640. padding: 24px;
  4641. }
  4642. .well-sm {
  4643. padding: 12px;
  4644. }
  4645. .well {
  4646. -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .02);
  4647. box-shadow: inset 0 0 1px rgba(0, 0, 0, .02);
  4648. }
  4649. .well-primary {
  4650. color: #fff;
  4651. background-color: #62a8ea;
  4652. }
  4653. .well-success {
  4654. color: #fff;
  4655. background-color: #46be8a;
  4656. }
  4657. .well-info {
  4658. color: #fff;
  4659. background-color: #57c7d4;
  4660. }
  4661. .well-warning {
  4662. color: #fff;
  4663. background-color: #f2a654;
  4664. }
  4665. .well-danger {
  4666. color: #fff;
  4667. background-color: #f96868;
  4668. }
  4669. .close {
  4670. font-weight: 300;
  4671. }
  4672. .close.icon {
  4673. font-size: inherit;
  4674. }
  4675. .modal-content {
  4676. border: none;
  4677. border-radius: 0;
  4678. -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, .3);
  4679. box-shadow: 1px 1px 15px rgba(0, 0, 0, .3);
  4680. }
  4681. .modal-content > iframe {
  4682. float: left;
  4683. width: 100%;
  4684. height: 0;
  4685. margin: 0;
  4686. border: none;
  4687. }
  4688. .modal-header {
  4689. padding: 10px 20px;
  4690. background-color: #f3f7f9;
  4691. }
  4692. .modal-header .close {
  4693. margin-top: 1px;
  4694. }
  4695. .modal-body {
  4696. padding: 20px;
  4697. }
  4698. .modal-body > *:last-child {
  4699. margin-bottom: 0;
  4700. }
  4701. .modal-footer {
  4702. padding: 10px 20px 20px;
  4703. border-top: none;
  4704. }
  4705. .modal-top {
  4706. margin: 0 auto;
  4707. }
  4708. .modal-center {
  4709. display: -ms-flexbox;
  4710. display: -webkit-flex;
  4711. display: -webkit-box;
  4712. display: flex;
  4713. height: 100%;
  4714. margin: 0 auto !important;
  4715. -webkit-justify-content: center;
  4716. -ms-flex-pack: center;
  4717. -webkit-box-pack: center;
  4718. justify-content: center;
  4719. -webkit-flex-flow: column nowrap;
  4720. -ms-flex-flow: column nowrap;
  4721. -webkit-box-orient: vertical;
  4722. -webkit-box-direction: normal;
  4723. flex-flow: column nowrap;
  4724. -webkit-align-content: stretch;
  4725. -ms-flex-line-pack: center;
  4726. align-content: center;
  4727. }
  4728. .modal-bottom {
  4729. display: -ms-flexbox;
  4730. display: -webkit-flex;
  4731. display: -webkit-box;
  4732. display: flex;
  4733. height: 100%;
  4734. margin: 0 auto !important;
  4735. -webkit-justify-content: flex-end;
  4736. -ms-flex-pack: end;
  4737. -webkit-box-pack: end;
  4738. justify-content: flex-end;
  4739. -webkit-flex-flow: column nowrap;
  4740. -ms-flex-flow: column nowrap;
  4741. -webkit-box-orient: vertical;
  4742. -webkit-box-direction: normal;
  4743. flex-flow: column nowrap;
  4744. -webkit-align-content: stretch;
  4745. -ms-flex-line-pack: center;
  4746. align-content: center;
  4747. }
  4748. .modal-sidebar {
  4749. position: absolute;
  4750. right: 0;
  4751. display: -ms-flexbox;
  4752. display: -webkit-flex;
  4753. display: -webkit-box;
  4754. display: flex;
  4755. height: 100%;
  4756. margin: 0 !important;
  4757. overflow-y: auto;
  4758. background-color: #fff;
  4759. -webkit-justify-content: center;
  4760. -ms-flex-pack: center;
  4761. -webkit-box-pack: center;
  4762. justify-content: center;
  4763. -webkit-flex-flow: column nowrap;
  4764. -ms-flex-flow: column nowrap;
  4765. -webkit-box-orient: vertical;
  4766. -webkit-box-direction: normal;
  4767. flex-flow: column nowrap;
  4768. -webkit-align-content: stretch;
  4769. -ms-flex-line-pack: center;
  4770. align-content: center;
  4771. }
  4772. .modal-sidebar .modal-content {
  4773. position: static;
  4774. overflow: auto;
  4775. background-color: transparent;
  4776. border-radius: 0;
  4777. -webkit-box-shadow: none;
  4778. box-shadow: none;
  4779. }
  4780. .modal-sidebar .modal-header {
  4781. background-color: transparent;
  4782. border-bottom: none;
  4783. }
  4784. .modal-sidebar .modal-footer {
  4785. border-top: none;
  4786. }
  4787. .modal.fade .modal-dialog.modal-sidebar {
  4788. -webkit-transform: translate(25%, 0);
  4789. -ms-transform: translate(25%, 0);
  4790. -o-transform: translate(25%, 0);
  4791. transform: translate(25%, 0);
  4792. }
  4793. .modal.in .modal-dialog.modal-sidebar {
  4794. -webkit-transform: translate(0, 0);
  4795. -ms-transform: translate(0, 0);
  4796. -o-transform: translate(0, 0);
  4797. transform: translate(0, 0);
  4798. }
  4799. .modal-fill-in {
  4800. background-color: transparent;
  4801. }
  4802. .modal-fill-in.in {
  4803. background-color: rgba(255, 255, 255, .95);
  4804. opacity: 1;
  4805. }
  4806. .modal-fill-in .modal-dialog {
  4807. display: -ms-flexbox;
  4808. display: -webkit-flex;
  4809. display: -webkit-box;
  4810. display: flex;
  4811. width: 100%;
  4812. height: 100%;
  4813. margin: 0 auto;
  4814. -webkit-justify-content: center;
  4815. -ms-flex-pack: center;
  4816. -webkit-box-pack: center;
  4817. justify-content: center;
  4818. -webkit-flex-flow: column nowrap;
  4819. -ms-flex-flow: column nowrap;
  4820. -webkit-box-orient: vertical;
  4821. -webkit-box-direction: normal;
  4822. flex-flow: column nowrap;
  4823. -webkit-align-content: stretch;
  4824. -ms-flex-line-pack: center;
  4825. align-content: center;
  4826. -webkit-align-items: center;
  4827. -ms-flex-align: center;
  4828. -webkit-box-align: center;
  4829. align-items: center;
  4830. }
  4831. @media (min-width: 768px) {
  4832. .modal-fill-in .modal-dialog > * {
  4833. width: 500px;
  4834. }
  4835. .modal-fill-in .modal-dialog.modal-sm > * {
  4836. width: 300px;
  4837. }
  4838. .modal-fill-in .modal-dialog button.close {
  4839. position: fixed;
  4840. top: 20px;
  4841. right: 20px;
  4842. z-index: 1;
  4843. filter: alpha(opacity=50);
  4844. opacity: .5;
  4845. -webkit-transform: translate(0%, 0%);
  4846. -ms-transform: translate(0%, 0%);
  4847. -o-transform: translate(0%, 0%);
  4848. transform: translate(0%, 0%);
  4849. }
  4850. }
  4851. @media (min-width: 992px) {
  4852. .modal-fill-in .modal-dialog.modal-lg > * {
  4853. width: 900px;
  4854. }
  4855. }
  4856. .modal-fill-in .modal-content {
  4857. background-color: transparent;
  4858. border-radius: 0;
  4859. -webkit-box-shadow: none;
  4860. box-shadow: none;
  4861. }
  4862. .modal-fill-in .modal-header {
  4863. background-color: transparent;
  4864. border-bottom: none;
  4865. }
  4866. .modal-fill-in .modal-footer {
  4867. border-top: none;
  4868. }
  4869. .modal-primary .modal-header {
  4870. background-color: #62a8ea;
  4871. border-radius: 0 0 0 0;
  4872. }
  4873. .modal-primary .modal-header * {
  4874. color: #fff;
  4875. }
  4876. .modal-primary .modal-header .close {
  4877. opacity: .6;
  4878. }
  4879. .modal-success .modal-header {
  4880. background-color: #46be8a;
  4881. border-radius: 0 0 0 0;
  4882. }
  4883. .modal-success .modal-header * {
  4884. color: #fff;
  4885. }
  4886. .modal-success .modal-header .close {
  4887. opacity: .6;
  4888. }
  4889. .modal-info .modal-header {
  4890. background-color: #57c7d4;
  4891. border-radius: 0 0 0 0;
  4892. }
  4893. .modal-info .modal-header * {
  4894. color: #fff;
  4895. }
  4896. .modal-info .modal-header .close {
  4897. opacity: .6;
  4898. }
  4899. .modal-warning .modal-header {
  4900. background-color: #f2a654;
  4901. border-radius: 0 0 0 0;
  4902. }
  4903. .modal-warning .modal-header * {
  4904. color: #fff;
  4905. }
  4906. .modal-warning .modal-header .close {
  4907. opacity: .6;
  4908. }
  4909. .modal-danger .modal-header {
  4910. background-color: #f96868;
  4911. border-radius: 0 0 0 0;
  4912. }
  4913. .modal-danger .modal-header * {
  4914. color: #fff;
  4915. }
  4916. .modal-danger .modal-header .close {
  4917. opacity: .6;
  4918. }
  4919. .modal.modal-fade-in-scale-up .modal-dialog {
  4920. opacity: 0;
  4921. -webkit-transition: all .3s ease 0s;
  4922. -o-transition: all .3s ease 0s;
  4923. transition: all .3s ease 0s;
  4924. -webkit-transform: scale(.7);
  4925. -ms-transform: scale(.7);
  4926. -o-transform: scale(.7);
  4927. transform: scale(.7);
  4928. }
  4929. .modal.modal-fade-in-scale-up.in .modal-dialog {
  4930. opacity: 1;
  4931. -webkit-transform: scale(1);
  4932. -ms-transform: scale(1);
  4933. -o-transform: scale(1);
  4934. transform: scale(1);
  4935. }
  4936. .modal.modal-slide-in-right .modal-dialog {
  4937. opacity: 0;
  4938. -webkit-transition: all .3s cubic-bezier(.25, .5, .5, .9);
  4939. -o-transition: all .3s cubic-bezier(.25, .5, .5, .9);
  4940. transition: all .3s cubic-bezier(.25, .5, .5, .9);
  4941. -webkit-transform: translate(20%, 0%);
  4942. -ms-transform: translate(20%, 0%);
  4943. -o-transform: translate(20%, 0%);
  4944. transform: translate(20%, 0%);
  4945. }
  4946. .modal.modal-slide-in-right.in .modal-dialog {
  4947. opacity: 1;
  4948. -webkit-transform: translate(0px, 0);
  4949. -ms-transform: translate(0px, 0);
  4950. -o-transform: translate(0px, 0);
  4951. transform: translate(0px, 0);
  4952. }
  4953. .modal.modal-slide-from-bottom .modal-dialog {
  4954. opacity: 0;
  4955. -webkit-transition: all .3s ease 0s;
  4956. -o-transition: all .3s ease 0s;
  4957. transition: all .3s ease 0s;
  4958. -webkit-transform: translate(0%, 20%);
  4959. -ms-transform: translate(0%, 20%);
  4960. -o-transform: translate(0%, 20%);
  4961. transform: translate(0%, 20%);
  4962. }
  4963. .modal.modal-slide-from-bottom.in .modal-dialog {
  4964. opacity: 1;
  4965. -webkit-transform: translate(0px, 0);
  4966. -ms-transform: translate(0px, 0);
  4967. -o-transform: translate(0px, 0);
  4968. transform: translate(0px, 0);
  4969. }
  4970. .modal.modal-newspaper .modal-dialog {
  4971. opacity: 0;
  4972. -webkit-transition: all .5s ease 0s;
  4973. -o-transition: all .5s ease 0s;
  4974. transition: all .5s ease 0s;
  4975. -webkit-transform: scale(0) rotate(720deg);
  4976. -ms-transform: scale(0) rotate(720deg);
  4977. -o-transform: scale(0) rotate(720deg);
  4978. transform: scale(0) rotate(720deg);
  4979. }
  4980. .modal.modal-newspaper.in .modal-dialog {
  4981. opacity: 1;
  4982. -webkit-transform: scale(1) rotate(0deg);
  4983. -ms-transform: scale(1) rotate(0deg);
  4984. -o-transform: scale(1) rotate(0deg);
  4985. transform: scale(1) rotate(0deg);
  4986. }
  4987. .modal.modal-fall {
  4988. -webkit-perspective: 1300px;
  4989. -moz-perspective: 1300px;
  4990. perspective: 1300px;
  4991. }
  4992. .modal.modal-fall .modal-dialog {
  4993. opacity: 0;
  4994. -webkit-transform: translateZ(600px) rotateX(20deg);
  4995. -ms-transform: translateZ(600px) rotateX(20deg);
  4996. transform: translateZ(600px) rotateX(20deg);
  4997. -ms-transform-style: preserve-3d;
  4998. -webkit-transform-style: preserve-3d;
  4999. transform-style: preserve-3d;
  5000. }
  5001. .modal.modal-fall.in .modal-dialog {
  5002. opacity: 1;
  5003. -webkit-transition: all .3s ease-in 0s;
  5004. -o-transition: all .3s ease-in 0s;
  5005. transition: all .3s ease-in 0s;
  5006. -webkit-transform: translateZ(0px) rotateX(0deg);
  5007. -ms-transform: translateZ(0px) rotateX(0deg);
  5008. transform: translateZ(0px) rotateX(0deg);
  5009. }
  5010. .modal.modal-side-fall {
  5011. -webkit-perspective: 1300px;
  5012. -moz-perspective: 1300px;
  5013. perspective: 1300px;
  5014. }
  5015. .modal.modal-side-fall .modal-dialog {
  5016. -webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
  5017. -ms-transform: translate(30%) translateZ(600px) rotate(10deg);
  5018. transform: translate(30%) translateZ(600px) rotate(10deg);
  5019. -ms-transform-style: preserve-3d;
  5020. -webkit-transform-style: preserve-3d;
  5021. transform-style: preserve-3d;
  5022. }
  5023. .modal.modal-side-fall.in .modal-dialog {
  5024. -webkit-transition: all .3s ease-in 0s;
  5025. -o-transition: all .3s ease-in 0s;
  5026. transition: all .3s ease-in 0s;
  5027. -webkit-transform: translate(0%) translateZ(0px) rotate(0deg);
  5028. -ms-transform: translate(0%) translateZ(0px) rotate(0deg);
  5029. transform: translate(0%) translateZ(0px) rotate(0deg);
  5030. }
  5031. .modal.modal-3d-flip-horizontal {
  5032. -webkit-perspective: 1300px;
  5033. -moz-perspective: 1300px;
  5034. perspective: 1300px;
  5035. }
  5036. .modal.modal-3d-flip-horizontal .modal-dialog {
  5037. -webkit-transition: all .3s ease 0s;
  5038. -o-transition: all .3s ease 0s;
  5039. transition: all .3s ease 0s;
  5040. -webkit-transform: rotateY(-70deg);
  5041. -ms-transform: rotateY(-70deg);
  5042. -o-transform: rotateY(-70deg);
  5043. transform: rotateY(-70deg);
  5044. -ms-transform-style: preserve-3d;
  5045. -webkit-transform-style: preserve-3d;
  5046. transform-style: preserve-3d;
  5047. }
  5048. .modal.modal-3d-flip-horizontal.in .modal-dialog {
  5049. -webkit-transform: rotateY(0deg);
  5050. -ms-transform: rotateY(0deg);
  5051. -o-transform: rotateY(0deg);
  5052. transform: rotateY(0deg);
  5053. }
  5054. .modal.modal-3d-flip-vertical {
  5055. -webkit-perspective: 1300px;
  5056. -moz-perspective: 1300px;
  5057. perspective: 1300px;
  5058. }
  5059. .modal.modal-3d-flip-vertical .modal-dialog {
  5060. -webkit-transition: all .3s ease 0s;
  5061. -o-transition: all .3s ease 0s;
  5062. transition: all .3s ease 0s;
  5063. -webkit-transform: rotateX(-70deg);
  5064. -ms-transform: rotateX(-70deg);
  5065. -o-transform: rotateX(-70deg);
  5066. transform: rotateX(-70deg);
  5067. -ms-transform-style: preserve-3d;
  5068. -webkit-transform-style: preserve-3d;
  5069. transform-style: preserve-3d;
  5070. }
  5071. .modal.modal-3d-flip-vertical.in .modal-dialog {
  5072. -webkit-transform: rotateX(0deg);
  5073. -ms-transform: rotateX(0deg);
  5074. -o-transform: rotateX(0deg);
  5075. transform: rotateX(0deg);
  5076. }
  5077. .modal.modal-3d-sign {
  5078. -webkit-perspective: 1300px;
  5079. -moz-perspective: 1300px;
  5080. perspective: 1300px;
  5081. }
  5082. .modal.modal-3d-sign .modal-dialog {
  5083. -webkit-transition: all .3s ease 0s;
  5084. -o-transition: all .3s ease 0s;
  5085. transition: all .3s ease 0s;
  5086. -webkit-transform: rotateX(-60deg);
  5087. -ms-transform: rotateX(-60deg);
  5088. -o-transform: rotateX(-60deg);
  5089. transform: rotateX(-60deg);
  5090. -webkit-transform-origin: 50% 0 0;
  5091. -moz-transform-origin: 50% 0 0;
  5092. -ms-transform-origin: 50% 0 0;
  5093. -o-transform-origin: 50% 0 0;
  5094. transform-origin: 50% 0 0;
  5095. -ms-transform-style: preserve-3d;
  5096. -webkit-transform-style: preserve-3d;
  5097. transform-style: preserve-3d;
  5098. }
  5099. .modal.modal-3d-sign.in .modal-dialog {
  5100. -webkit-transform: rotateX(0deg);
  5101. -ms-transform: rotateX(0deg);
  5102. -o-transform: rotateX(0deg);
  5103. transform: rotateX(0deg);
  5104. }
  5105. .modal.modal-super-scaled .modal-dialog {
  5106. opacity: 0;
  5107. -webkit-transition: all .3s ease 0s;
  5108. -o-transition: all .3s ease 0s;
  5109. transition: all .3s ease 0s;
  5110. -webkit-transform: scale(2);
  5111. -ms-transform: scale(2);
  5112. -o-transform: scale(2);
  5113. transform: scale(2);
  5114. }
  5115. .modal.modal-super-scaled.in .modal-dialog {
  5116. opacity: 1;
  5117. -webkit-transform: scale(1);
  5118. -ms-transform: scale(1);
  5119. -o-transform: scale(1);
  5120. transform: scale(1);
  5121. }
  5122. .modal.modal-just-me .modal-dialog {
  5123. opacity: 0;
  5124. -webkit-transition: all .3s ease 0s;
  5125. -o-transition: all .3s ease 0s;
  5126. transition: all .3s ease 0s;
  5127. -webkit-transform: scale(.8);
  5128. -ms-transform: scale(.8);
  5129. -o-transform: scale(.8);
  5130. transform: scale(.8);
  5131. }
  5132. .modal.modal-just-me .modal-backdrop {
  5133. background-color: #fff;
  5134. }
  5135. .modal.modal-just-me.in {
  5136. background: #fff;
  5137. }
  5138. .modal.modal-just-me.in .modal-dialog {
  5139. opacity: 1;
  5140. -webkit-transform: scale(1);
  5141. -ms-transform: scale(1);
  5142. -o-transform: scale(1);
  5143. transform: scale(1);
  5144. }
  5145. .modal.modal-just-me.in .modal-backdrop {
  5146. opacity: 1;
  5147. }
  5148. .modal.modal-3d-slit {
  5149. -webkit-perspective: 1300px;
  5150. -moz-perspective: 1300px;
  5151. perspective: 1300px;
  5152. }
  5153. .modal.modal-3d-slit .modal-dialog {
  5154. opacity: 0;
  5155. -webkit-transition: all .5s ease 0s;
  5156. -o-transition: all .5s ease 0s;
  5157. transition: all .5s ease 0s;
  5158. -webkit-transform: translateZ(-3000px) rotateY(90deg);
  5159. -ms-transform: translateZ(-3000px) rotateY(90deg);
  5160. transform: translateZ(-3000px) rotateY(90deg);
  5161. -ms-transform-style: preserve-3d;
  5162. -webkit-transform-style: preserve-3d;
  5163. transform-style: preserve-3d;
  5164. }
  5165. .modal.modal-3d-slit.in .modal-dialog {
  5166. -webkit-animation-name: slit;
  5167. -o-animation-name: slit;
  5168. animation-name: slit;
  5169. -webkit-animation-duration: .7s;
  5170. -o-animation-duration: .7s;
  5171. animation-duration: .7s;
  5172. -webkit-animation-timing-function: ease-out;
  5173. -o-animation-timing-function: ease-out;
  5174. animation-timing-function: ease-out;
  5175. -webkit-animation-fill-mode: forwards;
  5176. -o-animation-fill-mode: forwards;
  5177. animation-fill-mode: forwards;
  5178. }
  5179. .modal.modal-rotate-from-bottom {
  5180. -webkit-perspective: 1300px;
  5181. -moz-perspective: 1300px;
  5182. perspective: 1300px;
  5183. }
  5184. .modal.modal-rotate-from-bottom .modal-dialog {
  5185. -webkit-transition: all .3s ease-out 0s;
  5186. -o-transition: all .3s ease-out 0s;
  5187. transition: all .3s ease-out 0s;
  5188. -webkit-transform: translateY(100%) rotateX(90deg);
  5189. -ms-transform: translateY(100%) rotateX(90deg);
  5190. transform: translateY(100%) rotateX(90deg);
  5191. -webkit-transform-origin: 0 100% 0;
  5192. -moz-transform-origin: 0 100% 0;
  5193. -ms-transform-origin: 0 100% 0;
  5194. -o-transform-origin: 0 100% 0;
  5195. transform-origin: 0 100% 0;
  5196. -ms-transform-style: preserve-3d;
  5197. -webkit-transform-style: preserve-3d;
  5198. transform-style: preserve-3d;
  5199. }
  5200. .modal.modal-rotate-from-bottom.in .modal-dialog {
  5201. -webkit-transform: translateY(0%) rotateX(0deg);
  5202. -ms-transform: translateY(0%) rotateX(0deg);
  5203. transform: translateY(0%) rotateX(0deg);
  5204. }
  5205. .modal.modal-rotate-from-left {
  5206. -webkit-perspective: 1300px;
  5207. -moz-perspective: 1300px;
  5208. perspective: 1300px;
  5209. }
  5210. .modal.modal-rotate-from-left .modal-dialog {
  5211. -webkit-transition: all .3s ease-out 0s;
  5212. -o-transition: all .3s ease-out 0s;
  5213. transition: all .3s ease-out 0s;
  5214. -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  5215. -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  5216. transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  5217. -webkit-transform-origin: 0 100% 0;
  5218. -moz-transform-origin: 0 100% 0;
  5219. -ms-transform-origin: 0 100% 0;
  5220. -o-transform-origin: 0 100% 0;
  5221. transform-origin: 0 100% 0;
  5222. -ms-transform-style: preserve-3d;
  5223. -webkit-transform-style: preserve-3d;
  5224. transform-style: preserve-3d;
  5225. }
  5226. .modal.modal-rotate-from-left.in .modal-dialog {
  5227. -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
  5228. -ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
  5229. transform: translateZ(0px) translateX(0%) rotateY(0deg);
  5230. }
  5231. @-webkit-keyframes slit {
  5232. 50% {
  5233. opacity: .5;
  5234. -webkit-transform: translateZ(-250px) rotateY(89deg);
  5235. -ms-transform: translateZ(-250px) rotateY(89deg);
  5236. transform: translateZ(-250px) rotateY(89deg);
  5237. }
  5238. 100% {
  5239. opacity: 1;
  5240. -webkit-transform: translateZ(0px) rotateY(0deg);
  5241. -ms-transform: translateZ(0px) rotateY(0deg);
  5242. transform: translateZ(0px) rotateY(0deg);
  5243. }
  5244. }
  5245. @-o-keyframes slit {
  5246. 50% {
  5247. opacity: .5;
  5248. -webkit-transform: translateZ(-250px) rotateY(89deg);
  5249. -ms-transform: translateZ(-250px) rotateY(89deg);
  5250. transform: translateZ(-250px) rotateY(89deg);
  5251. }
  5252. 100% {
  5253. opacity: 1;
  5254. -webkit-transform: translateZ(0px) rotateY(0deg);
  5255. -ms-transform: translateZ(0px) rotateY(0deg);
  5256. transform: translateZ(0px) rotateY(0deg);
  5257. }
  5258. }
  5259. @keyframes slit {
  5260. 50% {
  5261. opacity: .5;
  5262. -webkit-transform: translateZ(-250px) rotateY(89deg);
  5263. -ms-transform: translateZ(-250px) rotateY(89deg);
  5264. transform: translateZ(-250px) rotateY(89deg);
  5265. }
  5266. 100% {
  5267. opacity: 1;
  5268. -webkit-transform: translateZ(0px) rotateY(0deg);
  5269. -ms-transform: translateZ(0px) rotateY(0deg);
  5270. transform: translateZ(0px) rotateY(0deg);
  5271. }
  5272. }
  5273. @media (min-width: 768px) {
  5274. .modal-dialog {
  5275. margin: 90px auto;
  5276. }
  5277. }
  5278. .tooltip-inner {
  5279. padding: 6px 12px;
  5280. white-space: nowrap;
  5281. }
  5282. .tooltip-primary + .tooltip .tooltip-inner {
  5283. color: #fff;
  5284. background-color: #62a8ea;
  5285. }
  5286. .tooltip-primary + .tooltip.top .tooltip-arrow {
  5287. border-top-color: #62a8ea;
  5288. }
  5289. .tooltip-primary + .tooltip.right .tooltip-arrow {
  5290. border-right-color: #62a8ea;
  5291. }
  5292. .tooltip-primary + .tooltip.bottom .tooltip-arrow {
  5293. border-bottom-color: #62a8ea;
  5294. }
  5295. .tooltip-primary + .tooltip.left .tooltip-arrow {
  5296. border-left-color: #62a8ea;
  5297. }
  5298. .tooltip-success + .tooltip .tooltip-inner {
  5299. color: #fff;
  5300. background-color: #46be8a;
  5301. }
  5302. .tooltip-success + .tooltip.top .tooltip-arrow {
  5303. border-top-color: #46be8a;
  5304. }
  5305. .tooltip-success + .tooltip.right .tooltip-arrow {
  5306. border-right-color: #46be8a;
  5307. }
  5308. .tooltip-success + .tooltip.bottom .tooltip-arrow {
  5309. border-bottom-color: #46be8a;
  5310. }
  5311. .tooltip-success + .tooltip.left .tooltip-arrow {
  5312. border-left-color: #46be8a;
  5313. }
  5314. .tooltip-info + .tooltip .tooltip-inner {
  5315. color: #fff;
  5316. background-color: #57c7d4;
  5317. }
  5318. .tooltip-info + .tooltip.top .tooltip-arrow {
  5319. border-top-color: #57c7d4;
  5320. }
  5321. .tooltip-info + .tooltip.right .tooltip-arrow {
  5322. border-right-color: #57c7d4;
  5323. }
  5324. .tooltip-info + .tooltip.bottom .tooltip-arrow {
  5325. border-bottom-color: #57c7d4;
  5326. }
  5327. .tooltip-info + .tooltip.left .tooltip-arrow {
  5328. border-left-color: #57c7d4;
  5329. }
  5330. .tooltip-warning + .tooltip .tooltip-inner {
  5331. color: #fff;
  5332. background-color: #f2a654;
  5333. }
  5334. .tooltip-warning + .tooltip.top .tooltip-arrow {
  5335. border-top-color: #f2a654;
  5336. }
  5337. .tooltip-warning + .tooltip.right .tooltip-arrow {
  5338. border-right-color: #f2a654;
  5339. }
  5340. .tooltip-warning + .tooltip.bottom .tooltip-arrow {
  5341. border-bottom-color: #f2a654;
  5342. }
  5343. .tooltip-warning + .tooltip.left .tooltip-arrow {
  5344. border-left-color: #f2a654;
  5345. }
  5346. .tooltip-danger + .tooltip .tooltip-inner {
  5347. color: #fff;
  5348. background-color: #f96868;
  5349. }
  5350. .tooltip-danger + .tooltip.top .tooltip-arrow {
  5351. border-top-color: #f96868;
  5352. }
  5353. .tooltip-danger + .tooltip.right .tooltip-arrow {
  5354. border-right-color: #f96868;
  5355. }
  5356. .tooltip-danger + .tooltip.bottom .tooltip-arrow {
  5357. border-bottom-color: #f96868;
  5358. }
  5359. .tooltip-danger + .tooltip.left .tooltip-arrow {
  5360. border-left-color: #f96868;
  5361. }
  5362. .tooltip-rotate + .tooltip {
  5363. opacity: 0;
  5364. -webkit-animation: tooltip-rotate3d 1s ease .1s forwards;
  5365. -o-animation: tooltip-rotate3d 1s ease .1s forwards;
  5366. animation: tooltip-rotate3d 1s ease .1s forwards;
  5367. }
  5368. @-webkit-keyframes tooltip-rotate3d {
  5369. 0% {
  5370. opacity: 0;
  5371. -webkit-transform: rotate(15deg);
  5372. transform: rotate(15deg);
  5373. }
  5374. 100% {
  5375. opacity: 1;
  5376. -webkit-transform: rotate(0deg);
  5377. transform: rotate(0deg);
  5378. }
  5379. }
  5380. @-o-keyframes tooltip-rotate3d {
  5381. 0% {
  5382. opacity: 0;
  5383. -o-transform: rotate(15deg);
  5384. transform: rotate(15deg);
  5385. }
  5386. 100% {
  5387. opacity: 1;
  5388. -o-transform: rotate(0deg);
  5389. transform: rotate(0deg);
  5390. }
  5391. }
  5392. @keyframes tooltip-rotate3d {
  5393. 0% {
  5394. opacity: 0;
  5395. -webkit-transform: rotate(15deg);
  5396. -o-transform: rotate(15deg);
  5397. transform: rotate(15deg);
  5398. }
  5399. 100% {
  5400. opacity: 1;
  5401. -webkit-transform: rotate(0deg);
  5402. -o-transform: rotate(0deg);
  5403. transform: rotate(0deg);
  5404. }
  5405. }
  5406. .tooltip-scale + .tooltip {
  5407. -webkit-animation: tooltip-scale3d 1s ease 0s forwards;
  5408. -o-animation: tooltip-scale3d 1s ease 0s forwards;
  5409. animation: tooltip-scale3d 1s ease 0s forwards;
  5410. }
  5411. @-webkit-keyframes tooltip-scale3d {
  5412. 0% {
  5413. opacity: 0;
  5414. -webkit-transform: scale3d(.7, .3, 1) translate(50%, 50%);
  5415. transform: scale3d(.7, .3, 1) translate(50%, 50%);
  5416. }
  5417. 100% {
  5418. opacity: 1;
  5419. -webkit-transform: scale3d(1, 1, 1) translate(50%, 50%);
  5420. transform: scale3d(1, 1, 1) translate(50%, 50%);
  5421. }
  5422. }
  5423. @-o-keyframes tooltip-scale3d {
  5424. 0% {
  5425. opacity: 0;
  5426. transform: scale3d(.7, .3, 1) translate(50%, 50%);
  5427. }
  5428. 100% {
  5429. opacity: 1;
  5430. transform: scale3d(1, 1, 1) translate(50%, 50%);
  5431. }
  5432. }
  5433. @keyframes tooltip-scale3d {
  5434. 0% {
  5435. opacity: 0;
  5436. -webkit-transform: scale3d(.7, .3, 1) translate(50%, 50%);
  5437. transform: scale3d(.7, .3, 1) translate(50%, 50%);
  5438. }
  5439. 100% {
  5440. opacity: 1;
  5441. -webkit-transform: scale3d(1, 1, 1) translate(50%, 50%);
  5442. transform: scale3d(1, 1, 1) translate(50%, 50%);
  5443. }
  5444. }
  5445. .popover {
  5446. padding: 0;
  5447. -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .05);
  5448. box-shadow: 0 2px 6px rgba(0, 0, 0, .05);
  5449. }
  5450. .popover.bottom > .arrow:after {
  5451. border-bottom-color: #f3f7f9;
  5452. }
  5453. .popover-content {
  5454. padding: 20px;
  5455. }
  5456. .popover-primary + .popover .popover-title {
  5457. color: #fff;
  5458. background-color: #62a8ea;
  5459. border-color: #62a8ea;
  5460. }
  5461. .popover-primary + .popover.bottom .arrow {
  5462. border-bottom-color: #62a8ea;
  5463. }
  5464. .popover-primary + .popover.bottom .arrow:after {
  5465. border-bottom-color: #62a8ea;
  5466. }
  5467. .popover-success + .popover .popover-title {
  5468. color: #fff;
  5469. background-color: #46be8a;
  5470. border-color: #46be8a;
  5471. }
  5472. .popover-success + .popover.bottom .arrow {
  5473. border-bottom-color: #46be8a;
  5474. }
  5475. .popover-success + .popover.bottom .arrow:after {
  5476. border-bottom-color: #46be8a;
  5477. }
  5478. .popover-info + .popover .popover-title {
  5479. color: #fff;
  5480. background-color: #57c7d4;
  5481. border-color: #57c7d4;
  5482. }
  5483. .popover-info + .popover.bottom .arrow {
  5484. border-bottom-color: #57c7d4;
  5485. }
  5486. .popover-info + .popover.bottom .arrow:after {
  5487. border-bottom-color: #57c7d4;
  5488. }
  5489. .popover-warning + .popover .popover-title {
  5490. color: #fff;
  5491. background-color: #f2a654;
  5492. border-color: #f2a654;
  5493. }
  5494. .popover-warning + .popover.bottom .arrow {
  5495. border-bottom-color: #f2a654;
  5496. }
  5497. .popover-warning + .popover.bottom .arrow:after {
  5498. border-bottom-color: #f2a654;
  5499. }
  5500. .popover-danger + .popover .popover-title {
  5501. color: #fff;
  5502. background-color: #f96868;
  5503. border-color: #f96868;
  5504. }
  5505. .popover-danger + .popover.bottom .arrow {
  5506. border-bottom-color: #f96868;
  5507. }
  5508. .popover-danger + .popover.bottom .arrow:after {
  5509. border-bottom-color: #f96868;
  5510. }
  5511. .popover-rotate + .popover {
  5512. opacity: 0;
  5513. -webkit-animation: popover-rotate3d 1s ease .1s forwards;
  5514. -o-animation: popover-rotate3d 1s ease .1s forwards;
  5515. animation: popover-rotate3d 1s ease .1s forwards;
  5516. }
  5517. @-webkit-keyframes popover-rotate3d {
  5518. 0% {
  5519. opacity: 0;
  5520. -webkit-transform: rotate(15deg);
  5521. transform: rotate(15deg);
  5522. }
  5523. 100% {
  5524. opacity: 1;
  5525. -webkit-transform: rotate(0deg);
  5526. transform: rotate(0deg);
  5527. }
  5528. }
  5529. @-o-keyframes popover-rotate3d {
  5530. 0% {
  5531. opacity: 0;
  5532. -o-transform: rotate(15deg);
  5533. transform: rotate(15deg);
  5534. }
  5535. 100% {
  5536. opacity: 1;
  5537. -o-transform: rotate(0deg);
  5538. transform: rotate(0deg);
  5539. }
  5540. }
  5541. @keyframes popover-rotate3d {
  5542. 0% {
  5543. opacity: 0;
  5544. -webkit-transform: rotate(15deg);
  5545. -o-transform: rotate(15deg);
  5546. transform: rotate(15deg);
  5547. }
  5548. 100% {
  5549. opacity: 1;
  5550. -webkit-transform: rotate(0deg);
  5551. -o-transform: rotate(0deg);
  5552. transform: rotate(0deg);
  5553. }
  5554. }
  5555. .popover-scale + .popover {
  5556. -webkit-animation: popover-scale3d 1s ease 0s forwards;
  5557. -o-animation: popover-scale3d 1s ease 0s forwards;
  5558. animation: popover-scale3d 1s ease 0s forwards;
  5559. }
  5560. @-webkit-keyframes popover-scale3d {
  5561. 0% {
  5562. opacity: 0;
  5563. -webkit-transform: scale3d(.7, .3, 1) translate(50%, 50%);
  5564. transform: scale3d(.7, .3, 1) translate(50%, 50%);
  5565. }
  5566. 100% {
  5567. opacity: 1;
  5568. -webkit-transform: scale3d(1, 1, 1) translate(50%, 50%);
  5569. transform: scale3d(1, 1, 1) translate(50%, 50%);
  5570. }
  5571. }
  5572. @-o-keyframes popover-scale3d {
  5573. 0% {
  5574. opacity: 0;
  5575. transform: scale3d(.7, .3, 1) translate(50%, 50%);
  5576. }
  5577. 100% {
  5578. opacity: 1;
  5579. transform: scale3d(1, 1, 1) translate(50%, 50%);
  5580. }
  5581. }
  5582. @keyframes popover-scale3d {
  5583. 0% {
  5584. opacity: 0;
  5585. -webkit-transform: scale3d(.7, .3, 1) translate(50%, 50%);
  5586. transform: scale3d(.7, .3, 1) translate(50%, 50%);
  5587. }
  5588. 100% {
  5589. opacity: 1;
  5590. -webkit-transform: scale3d(1, 1, 1) translate(50%, 50%);
  5591. transform: scale3d(1, 1, 1) translate(50%, 50%);
  5592. }
  5593. }
  5594. .carousel-control {
  5595. min-width: 50px;
  5596. }
  5597. .carousel-control:hover, .carousel-control:focus {
  5598. filter: alpha(opacity=40);
  5599. opacity: .4;
  5600. }
  5601. .carousel-control .icon {
  5602. position: absolute;
  5603. top: 50%;
  5604. z-index: 5;
  5605. display: inline-block;
  5606. width: 16px;
  5607. height: 16px;
  5608. margin-top: -8px;
  5609. }
  5610. .carousel-control.left .icon {
  5611. left: 50%;
  5612. margin-left: -8px;
  5613. }
  5614. .carousel-control.right .icon {
  5615. right: 50%;
  5616. margin-right: -8px;
  5617. }
  5618. .carousel-caption h1, .carousel-caption h2, .carousel-caption h3, .carousel-caption h4, .carousel-caption h5, .carousel-caption h6 {
  5619. color: inherit;
  5620. }
  5621. .carousel-indicators {
  5622. margin-bottom: 0;
  5623. }
  5624. .carousel-indicators li {
  5625. margin: 3px;
  5626. background-color: rgba(255, 255, 255, .3);
  5627. border: none;
  5628. }
  5629. .carousel-indicators .active {
  5630. width: 10px;
  5631. height: 10px;
  5632. margin: 3px;
  5633. }
  5634. .carousel-indicators-scaleup li {
  5635. border: none;
  5636. -webkit-transition: background-color .3s ease 0s, -webkit-transform .3s ease 0s;
  5637. -o-transition: background-color .3s ease 0s, -o-transform .3s ease 0s;
  5638. transition: background-color .3s ease 0s, -webkit-transform .3s ease 0s;
  5639. transition: transform .3s ease 0s, background-color .3s ease 0s;
  5640. transition: transform .3s ease 0s, background-color .3s ease 0s, -webkit-transform .3s ease 0s, -o-transform .3s ease 0s;
  5641. }
  5642. .carousel-indicators-scaleup .active {
  5643. -webkit-transform: scale(1.5);
  5644. -ms-transform: scale(1.5);
  5645. -o-transform: scale(1.5);
  5646. transform: scale(1.5);
  5647. }
  5648. .carousel-indicators-fillin li {
  5649. background-color: transparent;
  5650. -webkit-box-shadow: 0 0 0 2px #fff inset;
  5651. box-shadow: 0 0 0 2px #fff inset;
  5652. -webkit-transition: -webkit-box-shadow .3s ease 0s;
  5653. -o-transition: box-shadow .3s ease 0s;
  5654. transition: -webkit-box-shadow .3s ease 0s;
  5655. transition: box-shadow .3s ease 0s;
  5656. transition: box-shadow .3s ease 0s, -webkit-box-shadow .3s ease 0s;
  5657. }
  5658. .carousel-indicators-fillin .active {
  5659. -webkit-box-shadow: 0 0 0 8px #fff inset;
  5660. box-shadow: 0 0 0 8px #fff inset;
  5661. }
  5662. .carousel-indicators-fall li {
  5663. position: relative;
  5664. -webkit-transition: background-color .3s ease 0s, -webkit-transform .3s ease 0s;
  5665. -o-transition: background-color .3s ease 0s, -o-transform .3s ease 0s;
  5666. transition: background-color .3s ease 0s, -webkit-transform .3s ease 0s;
  5667. transition: transform .3s ease 0s, background-color .3s ease 0s;
  5668. transition: transform .3s ease 0s, background-color .3s ease 0s, -webkit-transform .3s ease 0s, -o-transform .3s ease 0s;
  5669. }
  5670. .carousel-indicators-fall li:after {
  5671. position: absolute;
  5672. top: 0;
  5673. left: 0;
  5674. width: 100%;
  5675. height: 100%;
  5676. visibility: hidden;
  5677. content: "";
  5678. background-color: rgba(0, 0, 0, .3);
  5679. border-radius: 50%;
  5680. opacity: 0;
  5681. -webkit-transition: opacity .3s ease 0s, visibility 0s ease .3s;
  5682. -o-transition: opacity .3s ease 0s, visibility 0s ease .3s;
  5683. transition: opacity .3s ease 0s, visibility 0s ease .3s;
  5684. -webkit-transform: translate(0%, -200%);
  5685. -ms-transform: translate(0%, -200%);
  5686. -o-transform: translate(0%, -200%);
  5687. transform: translate(0%, -200%);
  5688. }
  5689. .carousel-indicators-fall .active {
  5690. background-color: transparent;
  5691. -webkit-transform: translate(0, 200%);
  5692. -ms-transform: translate(0, 200%);
  5693. -o-transform: translate(0, 200%);
  5694. transform: translate(0, 200%);
  5695. }
  5696. .carousel-indicators-fall .active:after {
  5697. visibility: visible;
  5698. opacity: 1;
  5699. -webkit-transition: opacity .3s ease 0s;
  5700. -o-transition: opacity .3s ease 0s;
  5701. transition: opacity .3s ease 0s;
  5702. }
  5703. @media screen and (min-width: 768px) {
  5704. .carousel-control .icon {
  5705. width: 24px;
  5706. height: 24px;
  5707. margin-top: -12px;
  5708. font-size: 24px;
  5709. }
  5710. .carousel-control.left .icon {
  5711. margin-left: -12px;
  5712. }
  5713. .carousel-control.right .icon {
  5714. margin-right: -12px;
  5715. }
  5716. }
  5717. .vertical-align {
  5718. font-size: 0;
  5719. }
  5720. .vertical-align:before {
  5721. display: inline-block;
  5722. height: 100%;
  5723. vertical-align: middle;
  5724. content: "";
  5725. }
  5726. .vertical-align-middle, .vertical-align-bottom {
  5727. display: inline-block;
  5728. max-width: 100%;
  5729. font-size: 14px;
  5730. }
  5731. .vertical-align-middle {
  5732. vertical-align: middle;
  5733. }
  5734. .vertical-align-bottom {
  5735. vertical-align: bottom;
  5736. }
  5737. .inline {
  5738. display: inline !important;
  5739. }
  5740. .inline-block {
  5741. display: inline-block !important;
  5742. }
  5743. .block {
  5744. display: block !important;
  5745. }
  5746. .text-truncate {
  5747. overflow: hidden;
  5748. text-overflow: ellipsis;
  5749. word-wrap: normal;
  5750. /* for IE */
  5751. white-space: nowrap;
  5752. }
  5753. .text-break {
  5754. -webkit-hyphens: auto;
  5755. -moz-hyphens: auto;
  5756. hyphens: auto;
  5757. word-wrap: break-word;
  5758. white-space: normal;
  5759. -ms-hyphens: auto;
  5760. }
  5761. .text-nowrap {
  5762. white-space: nowrap;
  5763. }
  5764. .text-top {
  5765. vertical-align: top !important;
  5766. }
  5767. .text-middle {
  5768. vertical-align: middle !important;
  5769. }
  5770. .text-bottom {
  5771. vertical-align: bottom !important;
  5772. }
  5773. .text-left {
  5774. text-align: left !important;
  5775. }
  5776. .text-right {
  5777. text-align: right !important;
  5778. }
  5779. .text-center {
  5780. text-align: center !important;
  5781. }
  5782. .text-justify {
  5783. text-align: justify !important;
  5784. }
  5785. .text-lowercase {
  5786. text-transform: lowercase !important;
  5787. }
  5788. .text-uppercase {
  5789. text-transform: uppercase !important;
  5790. }
  5791. .text-capitalize {
  5792. text-transform: capitalize !important;
  5793. }
  5794. .font-weight-unset {
  5795. font-weight: unset !important;
  5796. }
  5797. .font-weight-100 {
  5798. font-weight: 100 !important;
  5799. }
  5800. .font-weight-200 {
  5801. font-weight: 200 !important;
  5802. }
  5803. .font-weight-300 {
  5804. font-weight: 300 !important;
  5805. }
  5806. .font-weight-400 {
  5807. font-weight: 400 !important;
  5808. }
  5809. .font-weight-500 {
  5810. font-weight: 500 !important;
  5811. }
  5812. .font-weight-600 {
  5813. font-weight: 600 !important;
  5814. }
  5815. .font-weight-700 {
  5816. font-weight: 700 !important;
  5817. }
  5818. .font-weight-800 {
  5819. font-weight: 800 !important;
  5820. }
  5821. .font-weight-900 {
  5822. font-weight: 900 !important;
  5823. }
  5824. .font-weight-light {
  5825. font-weight: 300 !important;
  5826. }
  5827. .font-weight-normal {
  5828. font-weight: 400 !important;
  5829. }
  5830. .font-weight-medium {
  5831. font-weight: 500 !important;
  5832. }
  5833. .font-weight-bold {
  5834. font-weight: 700 !important;
  5835. }
  5836. .font-size-0 {
  5837. font-size: 0 !important;
  5838. }
  5839. .font-size-10 {
  5840. font-size: 10px !important;
  5841. }
  5842. .font-size-12 {
  5843. font-size: 12px !important;
  5844. }
  5845. .font-size-14 {
  5846. font-size: 14px !important;
  5847. }
  5848. .font-size-16 {
  5849. font-size: 16px !important;
  5850. }
  5851. .font-size-18 {
  5852. font-size: 18px !important;
  5853. }
  5854. .font-size-20 {
  5855. font-size: 20px !important;
  5856. }
  5857. .font-size-24 {
  5858. font-size: 24px !important;
  5859. }
  5860. .font-size-26 {
  5861. font-size: 26px !important;
  5862. }
  5863. .font-size-30 {
  5864. font-size: 30px !important;
  5865. }
  5866. .font-size-40 {
  5867. font-size: 40px !important;
  5868. }
  5869. .font-size-50 {
  5870. font-size: 50px !important;
  5871. }
  5872. .font-size-60 {
  5873. font-size: 60px !important;
  5874. }
  5875. .font-size-70 {
  5876. font-size: 70px !important;
  5877. }
  5878. .font-size-80 {
  5879. font-size: 80px !important;
  5880. }
  5881. .visible-xlg {
  5882. display: none !important;
  5883. }
  5884. .visible-xlg-block, .visible-xlg-inline, .visible-xlg-inline-block {
  5885. display: none !important;
  5886. }
  5887. @media (min-width: 1600px) {
  5888. .visible-xlg {
  5889. display: block !important;
  5890. }
  5891. table.visible-xlg {
  5892. display: table !important;
  5893. }
  5894. tr.visible-xlg {
  5895. display: table-row !important;
  5896. }
  5897. th.visible-xlg, td.visible-xlg {
  5898. display: table-cell !important;
  5899. }
  5900. }
  5901. @media (min-width: 1600px) {
  5902. .visible-xlg-block {
  5903. display: block !important;
  5904. }
  5905. }
  5906. @media (min-width: 1600px) {
  5907. .visible-xlg-inline {
  5908. display: inline !important;
  5909. }
  5910. }
  5911. @media (min-width: 1200px) {
  5912. .visible-xlg-inline-block {
  5913. display: inline-block !important;
  5914. }
  5915. }
  5916. @media (min-width: 1600px) {
  5917. .hidden-xlg {
  5918. display: none !important;
  5919. }
  5920. }
  5921. body.layout-full {
  5922. height: 100vh;
  5923. overflow-x: hidden;
  5924. }
  5925. .page {
  5926. position: relative;
  5927. min-height: 100vh;
  5928. overflow: visible;
  5929. background: #f1f4f5;
  5930. }
  5931. .page-dark.layout-full {
  5932. color: #fff;
  5933. }
  5934. .page-dark.layout-full:before {
  5935. position: fixed;
  5936. top: 0;
  5937. left: 0;
  5938. z-index: -1;
  5939. width: 100%;
  5940. height: 100%;
  5941. content: "";
  5942. background-position: center top;
  5943. -webkit-background-size: cover;
  5944. background-size: cover;
  5945. }
  5946. .page-dark.layout-full:after {
  5947. position: fixed;
  5948. top: 0;
  5949. left: 0;
  5950. z-index: -1;
  5951. width: 100%;
  5952. height: 100%;
  5953. content: "";
  5954. background-color: rgba(38, 50, 56, .6);
  5955. }
  5956. .page-dark.layout-full .brand {
  5957. margin-bottom: 22px;
  5958. }
  5959. .page-dark.layout-full .brand-text {
  5960. font-size: 18px;
  5961. color: #fff;
  5962. text-transform: uppercase;
  5963. }
  5964. .page-nav-tabs {
  5965. padding: 0 20px;
  5966. }
  5967. .page-content {
  5968. padding: 20px 20px;
  5969. }
  5970. .page-content > *:not(script):last-child {
  5971. margin-bottom: 0 !important;
  5972. }
  5973. .page-content-actions {
  5974. padding: 0 20px 20px;
  5975. }
  5976. .page-content-actions .dropdown {
  5977. display: inline-block;
  5978. }
  5979. .page-content-actions:before, .page-content-actions:after {
  5980. display: table;
  5981. content: " ";
  5982. }
  5983. .page-content-actions:after {
  5984. clear: both;
  5985. }
  5986. .page-content-table {
  5987. max-width: 100%;
  5988. padding: 0;
  5989. overflow-x: auto;
  5990. -webkit-overflow-scrolling: touch;
  5991. }
  5992. .page-content-table .table > thead > tr > th, .page-content-table .table > tbody > tr > th, .page-content-table .table > thead > tr > td, .page-content-table .table > tbody > tr > td {
  5993. padding-top: 20px;
  5994. padding-bottom: 20px;
  5995. }
  5996. .page-content-table .table > thead > tr > th:first-child, .page-content-table .table > tbody > tr > th:first-child, .page-content-table .table > thead > tr > td:first-child, .page-content-table .table > tbody > tr > td:first-child {
  5997. padding-left: 20px;
  5998. }
  5999. .page-content-table .table > thead > tr > th:last-child, .page-content-table .table > tbody > tr > th:last-child, .page-content-table .table > thead > tr > td:last-child, .page-content-table .table > tbody > tr > td:last-child {
  6000. padding-right: 20px;
  6001. }
  6002. .page-content-table .table > tbody > tr:hover > td {
  6003. background-color: #f3f7f9;
  6004. }
  6005. .page-content-table .table > tbody > tr > td {
  6006. cursor: pointer;
  6007. }
  6008. .page-content-table .table > tbody > tr:last-child td {
  6009. border-bottom: 1px solid #e4eaec;
  6010. }
  6011. .page-content-table .table.is-indent > thead > tr > th.pre-cell, .page-content-table .table.is-indent > tbody > tr > th.pre-cell, .page-content-table .table.is-indent > thead > tr > td.pre-cell, .page-content-table .table.is-indent > tbody > tr > td.pre-cell, .page-content-table .table.is-indent > thead > tr > th.suf-cell, .page-content-table .table.is-indent > tbody > tr > th.suf-cell, .page-content-table .table.is-indent > thead > tr > td.suf-cell, .page-content-table .table.is-indent > tbody > tr > td.suf-cell {
  6012. width: 30px;
  6013. padding: 0;
  6014. border-top: none;
  6015. border-bottom: none;
  6016. }
  6017. .page-content-table .table.is-indent > tbody > tr:first-child td {
  6018. border-top: none;
  6019. }
  6020. .page-content-table .table.is-indent > tbody > tr:last-child td.pre-cell, .page-content-table .table.is-indent > tbody > tr:last-child td.suf-cell {
  6021. border-bottom: none;
  6022. }
  6023. .page-content-table .table.is-indent > tfoot > tr > td {
  6024. border-top: none;
  6025. }
  6026. .page-content-table .pagination {
  6027. margin-right: 20px;
  6028. margin-left: 20px;
  6029. }
  6030. .page-copyright {
  6031. margin-top: 60px;
  6032. font-size: 12px;
  6033. color: #37474f;
  6034. letter-spacing: 1px;
  6035. }
  6036. .page-copyright .social a {
  6037. margin: 0 10px;
  6038. text-decoration: none;
  6039. }
  6040. .page-copyright .social .icon {
  6041. font-size: 16px;
  6042. color: rgba(55, 71, 79, .6);
  6043. }
  6044. .page-copyright .social .icon:hover, .page-copyright .social .icon:focus {
  6045. color: rgba(55, 71, 79, .8);
  6046. }
  6047. .page-copyright .social .icon.active, .page-copyright .social .icon:active {
  6048. color: #37474f;
  6049. }
  6050. .page-copyright-inverse {
  6051. color: #fff;
  6052. }
  6053. .page-copyright-inverse .social .icon {
  6054. color: #fff;
  6055. }
  6056. .page-copyright-inverse .social .icon:hover, .page-copyright-inverse .social .icon:active {
  6057. color: rgba(255, 255, 255, .8);
  6058. }
  6059. .page-header + .page-content {
  6060. padding-top: 0;
  6061. }
  6062. .page-title {
  6063. margin-top: 0;
  6064. margin-bottom: 0;
  6065. font-size: 18px;
  6066. }
  6067. .page-title > .icon {
  6068. margin-right: .3em;
  6069. }
  6070. .page-description {
  6071. margin-top: 6px;
  6072. color: #a3afb7;
  6073. }
  6074. .page-header {
  6075. position: relative;
  6076. padding: 20px 20px;
  6077. margin-top: 0;
  6078. margin-bottom: 0;
  6079. background: transparent;
  6080. border-bottom: none;
  6081. }
  6082. .page-header-actions {
  6083. position: absolute;
  6084. top: 50%;
  6085. right: 20px;
  6086. z-index: 1;
  6087. margin: auto;
  6088. -webkit-transform: translateY(-50%);
  6089. -ms-transform: translateY(-50%);
  6090. -o-transform: translateY(-50%);
  6091. transform: translateY(-50%);
  6092. }
  6093. .page-header-actions .btn-icon {
  6094. margin-left: 6px;
  6095. }
  6096. .page-header-actions > * {
  6097. margin-bottom: 0;
  6098. }
  6099. .page-header .breadcrumb {
  6100. padding: 0;
  6101. margin: 6px 0 0;
  6102. }
  6103. .page-header-bordered {
  6104. padding-top: 20px;
  6105. padding-bottom: 20px;
  6106. margin-bottom: 20px;
  6107. background-color: #fff;
  6108. border-bottom: 1px solid transparent;
  6109. }
  6110. .page-header-tabs {
  6111. padding-bottom: 0;
  6112. }
  6113. .page-header-tabs .nav-tabs-line {
  6114. margin-top: 5px;
  6115. border-bottom-color: transparent;
  6116. }
  6117. .page-header-tabs .nav-tabs-line > li > a {
  6118. padding: 5px 20px;
  6119. }
  6120. .page-aside {
  6121. position: absolute;
  6122. top: 0;
  6123. bottom: 0;
  6124. left: 0;
  6125. width: 220px;
  6126. overflow-y: hidden;
  6127. background: #fff;
  6128. border-right: 1px solid #e4eaec;
  6129. -webkit-transition: visibility .1s ease, top .3s ease, left .5s ease;
  6130. -o-transition: visibility .1s ease, top .3s ease, left .5s ease;
  6131. transition: visibility .1s ease, top .3s ease, left .5s ease;
  6132. }
  6133. .page-aside + .page-main {
  6134. height: 100%;
  6135. margin-left: 220px;
  6136. overflow-y: auto;
  6137. }
  6138. .page-aside .list-group-item.active, .page-aside .list-group-item.active:focus, .page-aside .list-group-item.active:hover {
  6139. z-index: 0;
  6140. }
  6141. .page-aside-inner {
  6142. height: 100%;
  6143. }
  6144. .page-aside-section {
  6145. position: relative;
  6146. }
  6147. .page-aside-section:first-child {
  6148. padding-top: 11px;
  6149. }
  6150. .page-aside-section:last-child {
  6151. margin-bottom: 11px;
  6152. }
  6153. .page-aside-section:after {
  6154. position: relative;
  6155. display: block;
  6156. margin: 11px;
  6157. content: "";
  6158. border-bottom: 1px solid #e4eaec;
  6159. }
  6160. .page-aside-section:last-child:after {
  6161. display: none;
  6162. }
  6163. .page-aside-switch {
  6164. position: absolute;
  6165. top: -webkit-calc(50% - 40px);
  6166. top: calc(50% - 40px);
  6167. left: -webkit-calc(100% - 1px);
  6168. left: calc(100% - 1px);
  6169. display: none;
  6170. padding: 25px 16px 25px 4px;
  6171. line-height: 1;
  6172. cursor: pointer;
  6173. background-color: white;
  6174. border-radius: 0 100px 100px 0;
  6175. -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, .2);
  6176. box-shadow: 1px 0 3px rgba(0, 0, 0, .2);
  6177. }
  6178. .page-aside-switch .wb-chevron-right {
  6179. display: inline;
  6180. }
  6181. .page-aside-switch .wb-chevron-left {
  6182. display: none;
  6183. }
  6184. .page-aside-title {
  6185. padding: 10px 20px;
  6186. overflow: hidden;
  6187. font-weight: 400;
  6188. color: #526069;
  6189. text-overflow: ellipsis;
  6190. white-space: nowrap;
  6191. cursor: default;
  6192. }
  6193. .page-aside .list-group {
  6194. margin-bottom: 22px;
  6195. }
  6196. .page-aside .list-group-item {
  6197. padding: 13px 20px;
  6198. margin-bottom: 1px;
  6199. overflow: hidden;
  6200. text-overflow: ellipsis;
  6201. white-space: nowrap;
  6202. border: none;
  6203. border-radius: 0;
  6204. }
  6205. .page-aside .list-group-item .icon {
  6206. color: #a3afb7;
  6207. }
  6208. .page-aside .list-group-item .item-right {
  6209. float: right;
  6210. }
  6211. .page-aside .list-group-item:hover, .page-aside .list-group-item:focus {
  6212. color: #62a8ea;
  6213. background-color: #f3f7f9;
  6214. border: none;
  6215. }
  6216. .page-aside .list-group-item:hover > .icon, .page-aside .list-group-item:focus > .icon {
  6217. color: #62a8ea;
  6218. }
  6219. .page-aside .list-group-item.active {
  6220. color: #62a8ea;
  6221. background-color: transparent;
  6222. }
  6223. .page-aside .list-group-item.active > .icon {
  6224. color: #62a8ea;
  6225. }
  6226. .page-aside .list-group-item.active:hover, .page-aside .list-group-item.active:focus {
  6227. color: #62a8ea;
  6228. background-color: #f3f7f9;
  6229. border: none;
  6230. }
  6231. .page-aside .list-group-item.active:hover > .icon, .page-aside .list-group-item.active:focus > .icon {
  6232. color: #62a8ea;
  6233. }
  6234. .page-aside .list-group.has-actions .list-group-item {
  6235. padding-top: 6px;
  6236. padding-bottom: 6px;
  6237. line-height: 32px;
  6238. cursor: pointer;
  6239. }
  6240. .page-aside .list-group.has-actions .list-group-item .list-editable {
  6241. position: relative;
  6242. display: none;
  6243. }
  6244. .page-aside .list-group.has-actions .list-group-item .list-editable .input-editable-close {
  6245. position: absolute;
  6246. top: 50%;
  6247. right: 0;
  6248. z-index: 1;
  6249. -webkit-appearance: none;
  6250. padding: 0;
  6251. margin: 0;
  6252. cursor: pointer;
  6253. background: 0 0;
  6254. border: 0;
  6255. outline: none;
  6256. -webkit-transform: translateY(-50%);
  6257. -ms-transform: translateY(-50%);
  6258. -o-transform: translateY(-50%);
  6259. transform: translateY(-50%);
  6260. }
  6261. .page-aside .list-group.has-actions .list-group-item .list-editable .form-group {
  6262. margin: 0;
  6263. }
  6264. .page-aside .list-group.has-actions .list-group-item .item-actions {
  6265. position: absolute;
  6266. top: 6px;
  6267. right: 20px;
  6268. display: none;
  6269. }
  6270. .page-aside .list-group.has-actions .list-group-item .item-actions .btn-icon {
  6271. padding-right: 2px;
  6272. padding-left: 2px;
  6273. background-color: transparent;
  6274. }
  6275. .page-aside .list-group.has-actions .list-group-item .item-actions .btn-icon:hover .icon {
  6276. color: #62a8ea;
  6277. }
  6278. .page-aside .list-group.has-actions .list-group-item .item-actions .icon {
  6279. margin: 0;
  6280. }
  6281. .page-aside .list-group.has-actions .list-group-item:hover .item-right {
  6282. display: none;
  6283. }
  6284. .page-aside .list-group.has-actions .list-group-item:hover .item-actions {
  6285. display: block;
  6286. }
  6287. .page-aside .list-group.has-actions .list-group-item:hover .item-actions .icon {
  6288. color: #76838f;
  6289. }
  6290. @media (max-width: 1199px) {
  6291. .page-aside {
  6292. width: 220px;
  6293. }
  6294. .page-aside + .page-main {
  6295. margin-left: 220px;
  6296. }
  6297. }
  6298. @media (max-width: 767px) {
  6299. .page-aside {
  6300. position: fixed;
  6301. top: 100px;
  6302. left: -220px;
  6303. z-index: 900;
  6304. width: 220px;
  6305. height: -webkit-calc(100% - 140px);
  6306. height: calc(100% - 140px);
  6307. overflow-y: visible;
  6308. visibility: visible;
  6309. }
  6310. .site-navbar-collapse-show .page-aside {
  6311. top: 120px;
  6312. height: -webkit-calc(100% - 120px);
  6313. height: calc(100% - 120px);
  6314. }
  6315. .site-menubar-changing .page-aside, .site-menubar-open .page-aside {
  6316. height: 100%;
  6317. }
  6318. .page-aside .page-aside-inner {
  6319. background-color: white;
  6320. }
  6321. .page-aside.open {
  6322. left: 0;
  6323. }
  6324. .site-menubar-changing .page-aside.open, .site-menubar-open .page-aside.open {
  6325. visibility: hidden;
  6326. }
  6327. .page-aside.open .page-aside-switch .wb-chevron-right {
  6328. display: none;
  6329. }
  6330. .page-aside.open .page-aside-switch .wb-chevron-left {
  6331. display: inline;
  6332. }
  6333. .page-aside + .page-main {
  6334. margin-left: 0;
  6335. }
  6336. .page-aside-switch {
  6337. display: block;
  6338. }
  6339. }
  6340. @media (max-width: 480px) {
  6341. .page-aside {
  6342. top: 60px;
  6343. height: -webkit-calc(100% - 60px);
  6344. height: calc(100% - 60px);
  6345. }
  6346. }
  6347. .site-action {
  6348. position: fixed;
  6349. right: 25px;
  6350. bottom: 65px;
  6351. z-index: 1290;
  6352. z-index: 1030;
  6353. -webkit-animation-duration: 3s;
  6354. -o-animation-duration: 3s;
  6355. animation-duration: 3s;
  6356. }
  6357. .site-action input {
  6358. display: none;
  6359. }
  6360. .site-action .btn {
  6361. -webkit-box-shadow: 0 0 10px 0 rgba(60, 60, 60, .1);
  6362. box-shadow: 0 0 10px 0 rgba(60, 60, 60, .1);
  6363. }
  6364. .site-action .front-icon {
  6365. display: block;
  6366. }
  6367. .site-action .back-icon {
  6368. display: none;
  6369. }
  6370. .site-action-buttons {
  6371. position: absolute;
  6372. bottom: 56px;
  6373. left: 0;
  6374. display: none;
  6375. width: 100%;
  6376. text-align: center;
  6377. }
  6378. .site-action-buttons .btn {
  6379. display: block;
  6380. margin: 0 auto;
  6381. margin-bottom: 10px;
  6382. -webkit-animation-delay: 100ms;
  6383. -o-animation-delay: 100ms;
  6384. animation-delay: 100ms;
  6385. }
  6386. .site-action.active .front-icon {
  6387. display: none;
  6388. }
  6389. .site-action.active .back-icon {
  6390. display: block;
  6391. }
  6392. .site-action.active .site-action-buttons {
  6393. display: block;
  6394. }
  6395. @media (max-width: 767px) {
  6396. .site-action .btn-floating {
  6397. width: 46px;
  6398. height: 46px;
  6399. padding: 0;
  6400. font-size: 16px;
  6401. -webkit-box-shadow: 0 6px 6px 0 rgba(60, 60, 60, .1);
  6402. box-shadow: 0 6px 6px 0 rgba(60, 60, 60, .1);
  6403. }
  6404. .site-action-buttons {
  6405. bottom: 46px;
  6406. }
  6407. }
  6408. @media (max-width: 480px) {
  6409. .site-action {
  6410. bottom: 25px;
  6411. }
  6412. }
  6413. .radio-custom, .checkbox-custom {
  6414. position: relative;
  6415. display: block;
  6416. margin-top: 10px;
  6417. margin-bottom: 10px;
  6418. }
  6419. .radio-custom label, .checkbox-custom label {
  6420. min-height: 22px;
  6421. margin-bottom: 0;
  6422. font-weight: 400;
  6423. cursor: pointer;
  6424. }
  6425. .radio-custom input[type="radio"], .checkbox-custom input[type="checkbox"] {
  6426. position: absolute;
  6427. margin-top: 0;
  6428. margin-bottom: 0;
  6429. margin-left: -20px;
  6430. }
  6431. .radio-custom.disabled label, .checkbox-custom.disabled label, fieldset[disabled] .radio-custom label, fieldset[disabled] .checkbox-custom label {
  6432. cursor: not-allowed;
  6433. }
  6434. .input-group-addon .radio-custom, .input-group-addon .checkbox-custom {
  6435. margin: 0;
  6436. }
  6437. .checkbox-custom {
  6438. padding-left: 20px;
  6439. }
  6440. .checkbox-custom label {
  6441. position: relative;
  6442. display: inline-block;
  6443. padding-left: 10px;
  6444. vertical-align: middle;
  6445. }
  6446. .checkbox-custom label:empty {
  6447. padding-left: 0;
  6448. }
  6449. .checkbox-custom label::before {
  6450. position: absolute;
  6451. left: 0;
  6452. display: inline-block;
  6453. width: 20px;
  6454. height: 20px;
  6455. margin-left: -20px;
  6456. content: "";
  6457. background-color: #fff;
  6458. border: 1px solid #e4eaec;
  6459. border-radius: 3px;
  6460. -webkit-transition: all .3s ease-in-out 0s;
  6461. -o-transition: all .3s ease-in-out 0s;
  6462. transition: all .3s ease-in-out 0s;
  6463. }
  6464. .checkbox-custom label::after {
  6465. position: absolute;
  6466. top: 0;
  6467. left: 0;
  6468. display: inline-block;
  6469. width: 20px;
  6470. height: 20px;
  6471. padding-top: 1px;
  6472. margin-left: -20px;
  6473. font-size: 12px;
  6474. line-height: 20px;
  6475. color: #76838f;
  6476. text-align: center;
  6477. }
  6478. .checkbox-custom input[type="checkbox"], .checkbox-custom input[type="radio"] {
  6479. z-index: 1;
  6480. width: 20px;
  6481. height: 20px;
  6482. opacity: 0;
  6483. }
  6484. .checkbox-custom input[type="checkbox"]:focus + label::before, .checkbox-custom input[type="radio"]:focus + label::before {
  6485. outline: thin dotted;
  6486. outline: 5px auto -webkit-focus-ring-color;
  6487. outline: none;
  6488. outline-offset: -2px;
  6489. }
  6490. .checkbox-custom input[type="checkbox"]:checked + label::before, .checkbox-custom input[type="radio"]:checked + label::before {
  6491. border-color: #e4eaec;
  6492. border-width: 10px;
  6493. -webkit-transition: all 300ms ease-in-out 0s;
  6494. -o-transition: all 300ms ease-in-out 0s;
  6495. transition: all 300ms ease-in-out 0s;
  6496. }
  6497. .checkbox-custom input[type="checkbox"]:checked + label::after, .checkbox-custom input[type="radio"]:checked + label::after {
  6498. font-family: "Web Icons";
  6499. content: "\f192";
  6500. }
  6501. .checkbox-custom input[type="checkbox"]:disabled + label, .checkbox-custom input[type="radio"]:disabled + label {
  6502. opacity: .65;
  6503. }
  6504. .checkbox-custom input[type="checkbox"]:disabled + label::before, .checkbox-custom input[type="radio"]:disabled + label::before {
  6505. cursor: not-allowed;
  6506. background-color: #f3f7f9;
  6507. border-color: #e4eaec;
  6508. border-width: 1px;
  6509. }
  6510. .checkbox-custom.checkbox-circle label::before {
  6511. border-radius: 50%;
  6512. }
  6513. .checkbox-custom.checkbox-inline {
  6514. display: inline-block;
  6515. margin-top: 0;
  6516. margin-bottom: 0;
  6517. }
  6518. .checkbox-inline + .checkbox-inline {
  6519. margin-left: 20px;
  6520. }
  6521. .checkbox-default input[type="checkbox"]:checked + label::before, .checkbox-default input[type="radio"]:checked + label::before {
  6522. background-color: #fff;
  6523. border-color: #e4eaec;
  6524. border-width: 1px;
  6525. }
  6526. .checkbox-default input[type="checkbox"]:checked + label::after, .checkbox-default input[type="radio"]:checked + label::after {
  6527. color: #62a8ea;
  6528. }
  6529. .checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before {
  6530. background-color: #62a8ea;
  6531. border-color: #62a8ea;
  6532. }
  6533. .checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="radio"]:checked + label::after {
  6534. color: #fff;
  6535. }
  6536. .checkbox-danger input[type="checkbox"]:checked + label::before, .checkbox-danger input[type="radio"]:checked + label::before {
  6537. background-color: #f96868;
  6538. border-color: #f96868;
  6539. }
  6540. .checkbox-danger input[type="checkbox"]:checked + label::after, .checkbox-danger input[type="radio"]:checked + label::after {
  6541. color: #fff;
  6542. }
  6543. .checkbox-info input[type="checkbox"]:checked + label::before, .checkbox-info input[type="radio"]:checked + label::before {
  6544. background-color: #57c7d4;
  6545. border-color: #57c7d4;
  6546. }
  6547. .checkbox-info input[type="checkbox"]:checked + label::after, .checkbox-info input[type="radio"]:checked + label::after {
  6548. color: #fff;
  6549. }
  6550. .checkbox-warning input[type="checkbox"]:checked + label::before, .checkbox-warning input[type="radio"]:checked + label::before {
  6551. background-color: #f2a654;
  6552. border-color: #f2a654;
  6553. }
  6554. .checkbox-warning input[type="checkbox"]:checked + label::after, .checkbox-warning input[type="radio"]:checked + label::after {
  6555. color: #fff;
  6556. }
  6557. .checkbox-success input[type="checkbox"]:checked + label::before, .checkbox-success input[type="radio"]:checked + label::before {
  6558. background-color: #46be8a;
  6559. border-color: #46be8a;
  6560. }
  6561. .checkbox-success input[type="checkbox"]:checked + label::after, .checkbox-success input[type="radio"]:checked + label::after {
  6562. color: #fff;
  6563. }
  6564. .checkbox-sm {
  6565. padding-left: 18px;
  6566. }
  6567. .checkbox-sm label {
  6568. padding-left: 8px;
  6569. }
  6570. .checkbox-sm label:empty {
  6571. padding-left: 0;
  6572. }
  6573. .checkbox-sm label::before, .checkbox-sm label::after {
  6574. width: 18px;
  6575. height: 18px;
  6576. margin-left: -18px;
  6577. }
  6578. .checkbox-sm label::after {
  6579. font-size: 10px;
  6580. line-height: 18px;
  6581. }
  6582. .checkbox-sm input[type="checkbox"], .checkbox-sm input[type="radio"] {
  6583. width: 18px;
  6584. height: 18px;
  6585. }
  6586. .checkbox-sm input[type="checkbox"]:checked + label::before, .checkbox-sm input[type="radio"]:checked + label::before {
  6587. border-width: 9px;
  6588. }
  6589. .checkbox-lg {
  6590. padding-left: 24px;
  6591. }
  6592. .checkbox-lg label {
  6593. padding-left: 12px;
  6594. }
  6595. .checkbox-lg label:empty {
  6596. padding-left: 0;
  6597. }
  6598. .checkbox-lg label::before, .checkbox-lg label::after {
  6599. width: 24px;
  6600. height: 24px;
  6601. margin-left: -24px;
  6602. }
  6603. .checkbox-lg label::after {
  6604. font-size: 14px;
  6605. line-height: 24px;
  6606. }
  6607. .checkbox-lg input[type="checkbox"], .checkbox-lg input[type="radio"] {
  6608. width: 24px;
  6609. height: 24px;
  6610. }
  6611. .checkbox-lg input[type="checkbox"]:checked + label::before, .checkbox-lg input[type="radio"]:checked + label::before {
  6612. border-width: 12px;
  6613. }
  6614. .radio-custom {
  6615. padding-left: 20px;
  6616. }
  6617. .radio-custom label {
  6618. position: relative;
  6619. display: inline-block;
  6620. padding-left: 10px;
  6621. vertical-align: middle;
  6622. }
  6623. .radio-custom label:empty {
  6624. padding-left: 0;
  6625. }
  6626. .radio-custom label::before {
  6627. position: absolute;
  6628. left: 0;
  6629. display: inline-block;
  6630. width: 20px;
  6631. height: 20px;
  6632. margin-left: -20px;
  6633. content: "";
  6634. background-color: #fff;
  6635. border: 1px solid #e4eaec;
  6636. border-radius: 50%;
  6637. -webkit-transition: border 300ms ease-in-out 0s, color 300ms ease-in-out 0s;
  6638. -o-transition: border 300ms ease-in-out 0s, color 300ms ease-in-out 0s;
  6639. transition: border 300ms ease-in-out 0s, color 300ms ease-in-out 0s;
  6640. }
  6641. .radio-custom label::after {
  6642. position: absolute;
  6643. top: 7px;
  6644. left: 7px;
  6645. display: inline-block;
  6646. width: 6px;
  6647. height: 6px;
  6648. margin-left: -20px;
  6649. content: " ";
  6650. background-color: transparent;
  6651. border: 2px solid #76838f;
  6652. border-radius: 50%;
  6653. -webkit-transform: scale(0, 0);
  6654. -ms-transform: scale(0, 0);
  6655. -o-transform: scale(0, 0);
  6656. transform: scale(0, 0);
  6657. transition-transform: .1s cubic-bezier(.8, -.33, .2, 1.33);
  6658. }
  6659. .radio-custom input[type="radio"] {
  6660. z-index: 1;
  6661. width: 20px;
  6662. height: 20px;
  6663. opacity: 0;
  6664. }
  6665. .radio-custom input[type="radio"]:focus + label::before {
  6666. outline: thin dotted;
  6667. outline: 5px auto -webkit-focus-ring-color;
  6668. outline: none;
  6669. outline-offset: -2px;
  6670. }
  6671. .radio-custom input[type="radio"]:checked + label::before {
  6672. border-color: #e4eaec;
  6673. border-width: 10px;
  6674. }
  6675. .radio-custom input[type="radio"]:checked + label::after {
  6676. -webkit-transform: scale(1, 1);
  6677. -ms-transform: scale(1, 1);
  6678. -o-transform: scale(1, 1);
  6679. transform: scale(1, 1);
  6680. }
  6681. .radio-custom input[type="radio"]:disabled + label {
  6682. opacity: .65;
  6683. }
  6684. .radio-custom input[type="radio"]:disabled + label::before {
  6685. cursor: not-allowed;
  6686. }
  6687. .radio-custom.radio-inline {
  6688. display: inline-block;
  6689. margin-top: 0;
  6690. margin-bottom: 0;
  6691. }
  6692. .radio-inline + .radio-inline {
  6693. margin-left: 20px;
  6694. }
  6695. .radio-default input[type="radio"]:checked + label::before {
  6696. background-color: #fff;
  6697. border-color: #e4eaec;
  6698. border-width: 1px;
  6699. }
  6700. .radio-default input[type="radio"]:checked + label::after {
  6701. border-color: #62a8ea;
  6702. }
  6703. .radio-primary input[type="radio"]:checked + label::before {
  6704. border-color: #62a8ea;
  6705. }
  6706. .radio-primary input[type="radio"]:checked + label::after {
  6707. border-color: #fff;
  6708. }
  6709. .radio-danger input[type="radio"]:checked + label::before {
  6710. border-color: #f96868;
  6711. }
  6712. .radio-danger input[type="radio"]:checked + label::after {
  6713. border-color: #fff;
  6714. }
  6715. .radio-info input[type="radio"]:checked + label::before {
  6716. border-color: #57c7d4;
  6717. }
  6718. .radio-info input[type="radio"]:checked + label::after {
  6719. border-color: #fff;
  6720. }
  6721. .radio-warning input[type="radio"]:checked + label::before {
  6722. border-color: #f2a654;
  6723. }
  6724. .radio-warning input[type="radio"]:checked + label::after {
  6725. border-color: #fff;
  6726. }
  6727. .radio-success input[type="radio"]:checked + label::before {
  6728. border-color: #46be8a;
  6729. }
  6730. .radio-success input[type="radio"]:checked + label::after {
  6731. border-color: #fff;
  6732. }
  6733. .radio-sm {
  6734. padding-left: 18px;
  6735. }
  6736. .radio-sm label {
  6737. padding-left: 8px;
  6738. }
  6739. .radio-sm label:empty {
  6740. padding-left: 0;
  6741. }
  6742. .radio-sm label::before {
  6743. width: 18px;
  6744. height: 18px;
  6745. margin-left: -20px;
  6746. }
  6747. .radio-sm label::after {
  6748. top: 7px;
  6749. left: 7px;
  6750. width: 4px;
  6751. height: 4px;
  6752. margin-left: -20px;
  6753. border-width: 2px;
  6754. }
  6755. .radio-sm input[type="radio"] {
  6756. width: 18px;
  6757. height: 18px;
  6758. }
  6759. .radio-sm input[type="radio"]:checked + label::before {
  6760. border-width: 9px;
  6761. }
  6762. .radio-lg {
  6763. padding-left: 24px;
  6764. }
  6765. .radio-lg label {
  6766. padding-left: 12px;
  6767. }
  6768. .radio-lg label:empty {
  6769. padding-left: 0;
  6770. }
  6771. .radio-lg label::before {
  6772. width: 24px;
  6773. height: 24px;
  6774. margin-left: -20px;
  6775. }
  6776. .radio-lg label::after {
  6777. top: 8px;
  6778. left: 8px;
  6779. width: 8px;
  6780. height: 8px;
  6781. margin-left: -20px;
  6782. border-width: 2px;
  6783. }
  6784. .radio-lg input[type="radio"] {
  6785. width: 24px;
  6786. height: 24px;
  6787. }
  6788. .radio-lg input[type="radio"]:checked + label::before {
  6789. border-width: 12px;
  6790. }
  6791. @media (min-width: 768px) {
  6792. .form-inline .radio-custom, .form-inline .checkbox-custom {
  6793. display: inline-block;
  6794. margin-top: 0;
  6795. margin-bottom: 0;
  6796. vertical-align: middle;
  6797. }
  6798. .form-inline .radio-custom label, .form-inline .checkbox-custom label {
  6799. padding-left: 0;
  6800. }
  6801. .form-inline .radio-custom input[type="radio"], .form-inline .checkbox-custom input[type="checkbox"] {
  6802. position: relative;
  6803. margin-left: 0;
  6804. }
  6805. .form-inline .radio-custom label {
  6806. padding-left: 10px;
  6807. }
  6808. .form-inline .checkbox-custom label {
  6809. padding-left: 10px;
  6810. }
  6811. .form-inline .checkbox-custom input[type="checkbox"] {
  6812. position: absolute;
  6813. margin-left: -20px;
  6814. }
  6815. .form-inline .radio-custom input[type="radio"] {
  6816. position: absolute;
  6817. margin-left: -20px;
  6818. }
  6819. }
  6820. .form-horizontal .radio-custom, .form-horizontal .checkbox-custom {
  6821. padding-top: 5px;
  6822. margin-top: 0;
  6823. margin-bottom: 0;
  6824. }
  6825. .form-horizontal .radio-custom, .form-horizontal .checkbox-custom {
  6826. min-height: 27px;
  6827. }
  6828. .form-horizontal .input-group-addon .radio-custom, .form-horizontal .input-group-addon .checkbox-custom {
  6829. padding-top: 0;
  6830. }
  6831. .form-horizontal .input-group-addon .radio-custom, .form-horizontal .input-group-addon .checkbox-custom {
  6832. min-height: 22px;
  6833. }
  6834. .form-material {
  6835. position: relative;
  6836. }
  6837. .form-material.floating {
  6838. margin-top: 20px;
  6839. margin-bottom: 20px;
  6840. }
  6841. .form-material.floating + .form-material.floating {
  6842. margin-top: 40px;
  6843. }
  6844. .form-material .form-control {
  6845. padding: 0;
  6846. background-color: transparent;
  6847. background-color: rgba(0, 0, 0, 0);
  6848. background-repeat: no-repeat;
  6849. background-position: center bottom, center -webkit-calc(100% - 1px);
  6850. background-position: center bottom, center calc(100% - 1px);
  6851. -webkit-background-size: 0 2px, 100% 1px;
  6852. background-size: 0 2px, 100% 1px;
  6853. -webkit-transition: background 0s ease-out;
  6854. -o-transition: background 0s ease-out;
  6855. transition: background 0s ease-out;
  6856. }
  6857. .form-material .form-control, .form-material .form-control:focus, .form-material .form-control.focus {
  6858. float: none;
  6859. background-image: -webkit-gradient(linear, left top, left bottom, from(#62a8ea), to(#62a8ea)), -webkit-gradient(linear, left top, left bottom, from(#e4eaec), to(#e4eaec));
  6860. background-image: -webkit-linear-gradient(#62a8ea, #62a8ea), -webkit-linear-gradient(#e4eaec, #e4eaec);
  6861. background-image: -o-linear-gradient(#62a8ea, #62a8ea), -o-linear-gradient(#e4eaec, #e4eaec);
  6862. background-image: linear-gradient(#62a8ea, #62a8ea), linear-gradient(#e4eaec, #e4eaec);
  6863. border: 0;
  6864. border-radius: 0;
  6865. -webkit-box-shadow: none;
  6866. box-shadow: none;
  6867. }
  6868. .no-cssgradients .form-material .form-control {
  6869. border-bottom: 2px solid #e4eaec;
  6870. }
  6871. .form-material .form-control::-webkit-input-placeholder {
  6872. color: #a3afb7;
  6873. }
  6874. .form-material .form-control::-moz-placeholder {
  6875. color: #a3afb7;
  6876. }
  6877. .form-material .form-control:-ms-input-placeholder {
  6878. color: #a3afb7;
  6879. }
  6880. .form-material .form-control:disabled::-webkit-input-placeholder {
  6881. color: #ccd5db;
  6882. }
  6883. .form-material .form-control:disabled::-moz-placeholder {
  6884. color: #ccd5db;
  6885. }
  6886. .form-material .form-control:disabled:-ms-input-placeholder {
  6887. color: #ccd5db;
  6888. }
  6889. .form-material .form-control:focus, .form-material .form-control.focus {
  6890. -webkit-background-size: 100% 2px, 100% 1px;
  6891. background-size: 100% 2px, 100% 1px;
  6892. outline: none;
  6893. -webkit-transition-duration: .3s;
  6894. -o-transition-duration: .3s;
  6895. transition-duration: .3s;
  6896. }
  6897. .no-cssgradients .form-material .form-control:focus, .no-cssgradients .form-material .form-control.focus {
  6898. background: transparent;
  6899. border-bottom: 2px solid #62a8ea;
  6900. }
  6901. .form-material .form-control:disabled, .form-material .form-control[disabled], fieldset[disabled] .form-material .form-control {
  6902. background: transparent;
  6903. background: rgba(0, 0, 0, 0);
  6904. border-bottom: 1px dashed #ccd5db;
  6905. }
  6906. .form-material .form-control:disabled ~ .floating-label, .form-material .form-control[disabled] ~ .floating-label, fieldset[disabled] .form-material .form-control ~ .floating-label {
  6907. color: #ccd5db;
  6908. }
  6909. .form-material .control-label {
  6910. margin-bottom: 0;
  6911. }
  6912. .form-material .floating-label {
  6913. position: absolute;
  6914. left: 0;
  6915. font-size: 14px;
  6916. color: #76838f;
  6917. pointer-events: none;
  6918. -webkit-transition: .3s ease all;
  6919. -o-transition: .3s ease all;
  6920. transition: .3s ease all;
  6921. }
  6922. .form-material .floating-label.floating-label-static {
  6923. position: relative;
  6924. top: auto;
  6925. display: block;
  6926. }
  6927. .form-material [class*="col-"] > .floating-label {
  6928. left: 12px;
  6929. }
  6930. .form-material .form-control ~ .floating-label {
  6931. top: 8.4px;
  6932. font-size: 14px;
  6933. }
  6934. .form-material .form-control:focus ~ .floating-label, .form-material .form-control.focus ~ .floating-label, .form-material .form-control:not(.empty) ~ .floating-label {
  6935. top: -11.2px;
  6936. font-size: 11.2px;
  6937. }
  6938. .form-material .form-control:-webkit-autofill ~ .floating-label {
  6939. top: -11.2px;
  6940. font-size: 11.2px;
  6941. }
  6942. .form-material .form-control.input-sm ~ .floating-label {
  6943. top: 6px;
  6944. font-size: 12px;
  6945. }
  6946. .form-material .form-control.input-sm:focus ~ .floating-label, .form-material .form-control.input-sm.focus ~ .floating-label, .form-material .form-control.input-sm:not(.empty) ~ .floating-label {
  6947. top: -9.6px;
  6948. font-size: 9.6px;
  6949. }
  6950. .form-material .form-control.input-sm:-webkit-autofill ~ .floating-label {
  6951. top: -9.6px;
  6952. font-size: 9.6px;
  6953. }
  6954. .form-material .form-control.input-lg ~ .floating-label {
  6955. top: 5.9999994px;
  6956. font-size: 18px;
  6957. }
  6958. .form-material .form-control.input-lg:focus ~ .floating-label, .form-material .form-control.input-lg.focus ~ .floating-label, .form-material .form-control.input-lg:not(.empty) ~ .floating-label {
  6959. top: -14.4px;
  6960. font-size: 14.4px;
  6961. }
  6962. .form-material .form-control.input-lg:-webkit-autofill ~ .floating-label {
  6963. top: -14.4px;
  6964. font-size: 14.4px;
  6965. }
  6966. .form-material textarea.form-control {
  6967. padding-bottom: 4px;
  6968. resize: none;
  6969. }
  6970. .form-material.floating textarea.form-control {
  6971. padding-top: 4px;
  6972. }
  6973. .form-material select.form-control {
  6974. border: 0;
  6975. border-radius: 0;
  6976. }
  6977. .form-material:not(.floating) .control-label + select[multiple] {
  6978. margin-top: 5px;
  6979. }
  6980. .form-material .hint {
  6981. position: absolute;
  6982. display: none;
  6983. font-size: 80%;
  6984. }
  6985. .form-material .form-control:focus ~ .hint, .form-material .form-control.focus ~ .hint {
  6986. display: block;
  6987. }
  6988. .form-material .form-control:not(.empty):invalid ~ .floating-label, .form-material .form-control.focus:invalid ~ .floating-label {
  6989. color: #f96868;
  6990. }
  6991. .form-material .form-control:invalid {
  6992. background-image: -webkit-gradient(linear, left top, left bottom, from(#f96868), to(#f96868)), -webkit-gradient(linear, left top, left bottom, from(#e4eaec), to(#e4eaec));
  6993. background-image: -webkit-linear-gradient(#f96868, #f96868), -webkit-linear-gradient(#e4eaec, #e4eaec);
  6994. background-image: -o-linear-gradient(#f96868, #f96868), -o-linear-gradient(#e4eaec, #e4eaec);
  6995. background-image: linear-gradient(#f96868, #f96868), linear-gradient(#e4eaec, #e4eaec);
  6996. }
  6997. .form-material.form-group.has-warning .form-control:focus, .form-material.form-group.has-warning .form-control.focus, .form-material.form-group.has-warning .form-control:not(.empty) {
  6998. background-image: -webkit-gradient(linear, left top, left bottom, from(#f2a654), to(#f2a654)), -webkit-gradient(linear, left top, left bottom, from(#e4eaec), to(#e4eaec));
  6999. background-image: -webkit-linear-gradient(#f2a654, #f2a654), -webkit-linear-gradient(#e4eaec, #e4eaec);
  7000. background-image: -o-linear-gradient(#f2a654, #f2a654), -o-linear-gradient(#e4eaec, #e4eaec);
  7001. background-image: linear-gradient(#f2a654, #f2a654), linear-gradient(#e4eaec, #e4eaec);
  7002. }
  7003. .no-cssgradients .form-material.form-group.has-warning .form-control:focus, .no-cssgradients .form-material.form-group.has-warning .form-control.focus, .no-cssgradients .form-material.form-group.has-warning .form-control:not(.empty) {
  7004. background: transparent;
  7005. border-bottom: 2px solid #f2a654;
  7006. }
  7007. .form-material.form-group.has-warning .form-control:-webkit-autofill {
  7008. background-image: -webkit-gradient(linear, left top, left bottom, from(#f2a654), to(#f2a654)), -webkit-gradient(linear, left top, left bottom, from(#e4eaec), to(#e4eaec));
  7009. background-image: -webkit-linear-gradient(#f2a654, #f2a654), -webkit-linear-gradient(#e4eaec, #e4eaec);
  7010. background-image: linear-gradient(#f2a654, #f2a654), linear-gradient(#e4eaec, #e4eaec);
  7011. }
  7012. .no-cssgradients .form-material.form-group.has-warning .form-control:-webkit-autofill {
  7013. background: transparent;
  7014. border-bottom: 2px solid #f2a654;
  7015. }
  7016. .form-material.form-group.has-warning .form-control:not(.empty) {
  7017. -webkit-background-size: 100% 2px, 100% 1px;
  7018. background-size: 100% 2px, 100% 1px;
  7019. }
  7020. .form-material.form-group.has-warning .control-label {
  7021. color: #f2a654;
  7022. }
  7023. .form-material.form-group.has-warning .form-control:focus ~ .floating-label, .form-material.form-group.has-warning .form-control.focus ~ .floating-label, .form-material.form-group.has-warning .form-control:not(.empty) ~ .floating-label {
  7024. color: #f2a654;
  7025. }
  7026. .form-material.form-group.has-warning .form-control:-webkit-autofill ~ .floating-label {
  7027. color: #f2a654;
  7028. }
  7029. .form-material.form-group.has-error .form-control:focus, .form-material.form-group.has-error .form-control.focus, .form-material.form-group.has-error .form-control:not(.empty) {
  7030. background-image: -webkit-gradient(linear, left top, left bottom, from(#f96868), to(#f96868)), -webkit-gradient(linear, left top, left bottom, from(#e4eaec), to(#e4eaec));
  7031. background-image: -webkit-linear-gradient(#f96868, #f96868), -webkit-linear-gradient(#e4eaec, #e4eaec);
  7032. background-image: -o-linear-gradient(#f96868, #f96868), -o-linear-gradient(#e4eaec, #e4eaec);
  7033. background-image: linear-gradient(#f96868, #f96868), linear-gradient(#e4eaec, #e4eaec);
  7034. }
  7035. .no-cssgradients .form-material.form-group.has-error .form-control:focus, .no-cssgradients .form-material.form-group.has-error .form-control.focus, .no-cssgradients .form-material.form-group.has-error .form-control:not(.empty) {
  7036. background: transparent;
  7037. border-bottom: 2px solid #f96868;
  7038. }
  7039. .form-material.form-group.has-error .form-control:-webkit-autofill {
  7040. background-image: -webkit-gradient(linear, left top, left bottom, from(#f96868), to(#f96868)), -webkit-gradient(linear, left top, left bottom, from(#e4eaec), to(#e4eaec));
  7041. background-image: -webkit-linear-gradient(#f96868, #f96868), -webkit-linear-gradient(#e4eaec, #e4eaec);
  7042. background-image: linear-gradient(#f96868, #f96868), linear-gradient(#e4eaec, #e4eaec);
  7043. }
  7044. .no-cssgradients .form-material.form-group.has-error .form-control:-webkit-autofill {
  7045. background: transparent;
  7046. border-bottom: 2px solid #f96868;
  7047. }
  7048. .form-material.form-group.has-error .form-control:not(.empty) {
  7049. -webkit-background-size: 100% 2px, 100% 1px;
  7050. background-size: 100% 2px, 100% 1px;
  7051. }
  7052. .form-material.form-group.has-error .control-label {
  7053. color: #f96868;
  7054. }
  7055. .form-material.form-group.has-error .form-control:focus ~ .floating-label, .form-material.form-group.has-error .form-control.focus ~ .floating-label, .form-material.form-group.has-error .form-control:not(.empty) ~ .floating-label {
  7056. color: #f96868;
  7057. }
  7058. .form-material.form-group.has-error .form-control:-webkit-autofill ~ .floating-label {
  7059. color: #f96868;
  7060. }
  7061. .form-material.form-group.has-success .form-control:focus, .form-material.form-group.has-success .form-control.focus, .form-material.form-group.has-success .form-control:not(.empty) {
  7062. background-image: -webkit-gradient(linear, left top, left bottom, from(#46be8a), to(#46be8a)), -webkit-gradient(linear, left top, left bottom, from(#e4eaec), to(#e4eaec));
  7063. background-image: -webkit-linear-gradient(#46be8a, #46be8a), -webkit-linear-gradient(#e4eaec, #e4eaec);
  7064. background-image: -o-linear-gradient(#46be8a, #46be8a), -o-linear-gradient(#e4eaec, #e4eaec);
  7065. background-image: linear-gradient(#46be8a, #46be8a), linear-gradient(#e4eaec, #e4eaec);
  7066. }
  7067. .no-cssgradients .form-material.form-group.has-success .form-control:focus, .no-cssgradients .form-material.form-group.has-success .form-control.focus, .no-cssgradients .form-material.form-group.has-success .form-control:not(.empty) {
  7068. background: transparent;
  7069. border-bottom: 2px solid #46be8a;
  7070. }
  7071. .form-material.form-group.has-success .form-control:-webkit-autofill {
  7072. background-image: -webkit-gradient(linear, left top, left bottom, from(#46be8a), to(#46be8a)), -webkit-gradient(linear, left top, left bottom, from(#e4eaec), to(#e4eaec));
  7073. background-image: -webkit-linear-gradient(#46be8a, #46be8a), -webkit-linear-gradient(#e4eaec, #e4eaec);
  7074. background-image: linear-gradient(#46be8a, #46be8a), linear-gradient(#e4eaec, #e4eaec);
  7075. }
  7076. .no-cssgradients .form-material.form-group.has-success .form-control:-webkit-autofill {
  7077. background: transparent;
  7078. border-bottom: 2px solid #46be8a;
  7079. }
  7080. .form-material.form-group.has-success .form-control:not(.empty) {
  7081. -webkit-background-size: 100% 2px, 100% 1px;
  7082. background-size: 100% 2px, 100% 1px;
  7083. }
  7084. .form-material.form-group.has-success .control-label {
  7085. color: #46be8a;
  7086. }
  7087. .form-material.form-group.has-success .form-control:focus ~ .floating-label, .form-material.form-group.has-success .form-control.focus ~ .floating-label, .form-material.form-group.has-success .form-control:not(.empty) ~ .floating-label {
  7088. color: #46be8a;
  7089. }
  7090. .form-material.form-group.has-success .form-control:-webkit-autofill ~ .floating-label {
  7091. color: #46be8a;
  7092. }
  7093. .form-material.form-group.has-info .form-control:focus, .form-material.form-group.has-info .form-control.focus, .form-material.form-group.has-info .form-control:not(.empty) {
  7094. background-image: -webkit-gradient(linear, left top, left bottom, from(#57c7d4), to(#57c7d4)), -webkit-gradient(linear, left top, left bottom, from(#e4eaec), to(#e4eaec));
  7095. background-image: -webkit-linear-gradient(#57c7d4, #57c7d4), -webkit-linear-gradient(#e4eaec, #e4eaec);
  7096. background-image: -o-linear-gradient(#57c7d4, #57c7d4), -o-linear-gradient(#e4eaec, #e4eaec);
  7097. background-image: linear-gradient(#57c7d4, #57c7d4), linear-gradient(#e4eaec, #e4eaec);
  7098. }
  7099. .no-cssgradients .form-material.form-group.has-info .form-control:focus, .no-cssgradients .form-material.form-group.has-info .form-control.focus, .no-cssgradients .form-material.form-group.has-info .form-control:not(.empty) {
  7100. background: transparent;
  7101. border-bottom: 2px solid #57c7d4;
  7102. }
  7103. .form-material.form-group.has-info .form-control:-webkit-autofill {
  7104. background-image: -webkit-gradient(linear, left top, left bottom, from(#57c7d4), to(#57c7d4)), -webkit-gradient(linear, left top, left bottom, from(#e4eaec), to(#e4eaec));
  7105. background-image: -webkit-linear-gradient(#57c7d4, #57c7d4), -webkit-linear-gradient(#e4eaec, #e4eaec);
  7106. background-image: linear-gradient(#57c7d4, #57c7d4), linear-gradient(#e4eaec, #e4eaec);
  7107. }
  7108. .no-cssgradients .form-material.form-group.has-info .form-control:-webkit-autofill {
  7109. background: transparent;
  7110. border-bottom: 2px solid #57c7d4;
  7111. }
  7112. .form-material.form-group.has-info .form-control:not(.empty) {
  7113. -webkit-background-size: 100% 2px, 100% 1px;
  7114. background-size: 100% 2px, 100% 1px;
  7115. }
  7116. .form-material.form-group.has-info .control-label {
  7117. color: #57c7d4;
  7118. }
  7119. .form-material.form-group.has-info .form-control:focus ~ .floating-label, .form-material.form-group.has-info .form-control.focus ~ .floating-label, .form-material.form-group.has-info .form-control:not(.empty) ~ .floating-label {
  7120. color: #57c7d4;
  7121. }
  7122. .form-material.form-group.has-info .form-control:-webkit-autofill ~ .floating-label {
  7123. color: #57c7d4;
  7124. }
  7125. .form-material .input-group .form-control-wrap {
  7126. margin-right: 5px;
  7127. margin-left: 5px;
  7128. }
  7129. .form-material .input-group .form-control-wrap .form-control {
  7130. float: none;
  7131. }
  7132. .form-material .input-group .input-group-addon {
  7133. background: transparent;
  7134. border: 0;
  7135. }
  7136. .form-material .input-group .input-group-btn .btn {
  7137. margin: 0;
  7138. border-radius: 4px;
  7139. }
  7140. .form-material input[type=file] {
  7141. position: absolute;
  7142. top: 0;
  7143. right: 0;
  7144. bottom: 0;
  7145. left: 0;
  7146. z-index: 100;
  7147. width: 100%;
  7148. height: 100%;
  7149. opacity: 0;
  7150. }
  7151. .form-control-wrap {
  7152. position: relative;
  7153. }
  7154. .loader {
  7155. position: relative;
  7156. display: inline-block;
  7157. margin: 0 auto;
  7158. font-size: 30px;
  7159. text-indent: -9999em;
  7160. -webkit-transform: translateZ(0);
  7161. -ms-transform: translateZ(0);
  7162. transform: translateZ(0);
  7163. }
  7164. .loader.loader-default {
  7165. width: 1em;
  7166. height: 1em;
  7167. background-color: #a3afb7;
  7168. border-radius: 100%;
  7169. -webkit-animation: loader-default 1s infinite ease-in-out;
  7170. -o-animation: loader-default 1s infinite ease-in-out;
  7171. animation: loader-default 1s infinite ease-in-out;
  7172. }
  7173. .loader.loader-grill {
  7174. width: .25em;
  7175. height: .5em;
  7176. background: #a3afb7;
  7177. -webkit-animation: default-grill 1s infinite ease-in-out;
  7178. -o-animation: default-grill 1s infinite ease-in-out;
  7179. animation: default-grill 1s infinite ease-in-out;
  7180. -webkit-animation-delay: -.16s;
  7181. -o-animation-delay: -.16s;
  7182. animation-delay: -.16s;
  7183. }
  7184. .loader.loader-grill:before, .loader.loader-grill:after {
  7185. position: absolute;
  7186. top: 0;
  7187. width: 100%;
  7188. height: 100%;
  7189. content: "";
  7190. background: #a3afb7;
  7191. -webkit-animation: default-grill 1s infinite ease-in-out;
  7192. -o-animation: default-grill 1s infinite ease-in-out;
  7193. animation: default-grill 1s infinite ease-in-out;
  7194. }
  7195. .loader.loader-grill:before {
  7196. left: -.375em;
  7197. -webkit-animation-delay: -.32s;
  7198. -o-animation-delay: -.32s;
  7199. animation-delay: -.32s;
  7200. }
  7201. .loader.loader-grill:after {
  7202. left: .375em;
  7203. }
  7204. .loader.loader-circle {
  7205. width: 1em;
  7206. height: 1em;
  7207. border-top: .125em solid rgba(163, 175, 183, .5);
  7208. border-right: .125em solid rgba(163, 175, 183, .5);
  7209. border-bottom: .125em solid rgba(163, 175, 183, .5);
  7210. border-left: .125em solid #a3afb7;
  7211. border-radius: 50%;
  7212. -webkit-animation: loader-circle 1.1s infinite linear;
  7213. -o-animation: loader-circle 1.1s infinite linear;
  7214. animation: loader-circle 1.1s infinite linear;
  7215. }
  7216. .loader.loader-tadpole {
  7217. width: 1em;
  7218. height: 1em;
  7219. border-radius: 50%;
  7220. -webkit-animation: loader-tadpole 1.7s infinite ease;
  7221. -o-animation: loader-tadpole 1.7s infinite ease;
  7222. animation: loader-tadpole 1.7s infinite ease;
  7223. }
  7224. .loader.loader-ellipsis {
  7225. top: -.625em;
  7226. width: .625em;
  7227. height: .625em;
  7228. border-radius: 50%;
  7229. -webkit-animation: loader-ellipsis 1.8s infinite ease-in-out;
  7230. -o-animation: loader-ellipsis 1.8s infinite ease-in-out;
  7231. animation: loader-ellipsis 1.8s infinite ease-in-out;
  7232. -webkit-animation-delay: -.16s;
  7233. -o-animation-delay: -.16s;
  7234. animation-delay: -.16s;
  7235. -webkit-animation-fill-mode: both;
  7236. -o-animation-fill-mode: both;
  7237. animation-fill-mode: both;
  7238. }
  7239. .loader.loader-ellipsis:before, .loader.loader-ellipsis:after {
  7240. position: absolute;
  7241. top: 0;
  7242. width: 100%;
  7243. height: 100%;
  7244. content: "";
  7245. border-radius: 50%;
  7246. -webkit-animation: loader-ellipsis 1.8s infinite ease-in-out;
  7247. -o-animation: loader-ellipsis 1.8s infinite ease-in-out;
  7248. animation: loader-ellipsis 1.8s infinite ease-in-out;
  7249. -webkit-animation-fill-mode: both;
  7250. -o-animation-fill-mode: both;
  7251. animation-fill-mode: both;
  7252. }
  7253. .loader.loader-ellipsis:before {
  7254. left: -.875em;
  7255. -webkit-animation-delay: -.32s;
  7256. -o-animation-delay: -.32s;
  7257. animation-delay: -.32s;
  7258. }
  7259. .loader.loader-ellipsis:after {
  7260. left: .875em;
  7261. }
  7262. .loader.loader-dot {
  7263. width: 2em;
  7264. height: 2em;
  7265. -webkit-animation: loader-dot-rotate 2s infinite linear;
  7266. -o-animation: loader-dot-rotate 2s infinite linear;
  7267. animation: loader-dot-rotate 2s infinite linear;
  7268. }
  7269. .loader.loader-dot:before, .loader.loader-dot:after {
  7270. position: absolute;
  7271. top: 0;
  7272. left: 0;
  7273. width: 60%;
  7274. height: 60%;
  7275. content: "";
  7276. background: #a3afb7;
  7277. border-radius: 100%;
  7278. -webkit-animation: loader-dot-bounce 2s infinite ease-in-out;
  7279. -o-animation: loader-dot-bounce 2s infinite ease-in-out;
  7280. animation: loader-dot-bounce 2s infinite ease-in-out;
  7281. }
  7282. .loader.loader-dot:after {
  7283. top: auto;
  7284. bottom: 0;
  7285. -webkit-animation-delay: -1s;
  7286. -o-animation-delay: -1s;
  7287. animation-delay: -1s;
  7288. }
  7289. .loader.loader-bounce {
  7290. width: 1.5em;
  7291. height: 1.5em;
  7292. }
  7293. .loader.loader-bounce:before, .loader.loader-bounce:after {
  7294. position: absolute;
  7295. top: 0;
  7296. left: 0;
  7297. width: 100%;
  7298. height: 100%;
  7299. content: "";
  7300. background: #a3afb7;
  7301. border-radius: 50%;
  7302. opacity: .6;
  7303. -webkit-animation: loader-bounce 2s infinite ease-in-out;
  7304. -o-animation: loader-bounce 2s infinite ease-in-out;
  7305. animation: loader-bounce 2s infinite ease-in-out;
  7306. }
  7307. .loader.loader-bounce:after {
  7308. -webkit-animation-delay: -1s;
  7309. -o-animation-delay: -1s;
  7310. animation-delay: -1s;
  7311. }
  7312. .side-panel-loading, body > .loader {
  7313. position: fixed;
  7314. top: 50%;
  7315. left: 50%;
  7316. margin-top: -20px;
  7317. }
  7318. .site-menubar-unfold > .loader {
  7319. margin-left: 130px;
  7320. }
  7321. .site-menubar-fold > .loader {
  7322. margin-left: 45px;
  7323. }
  7324. .site-menubar-hide.site-menubar-unfold > .loader {
  7325. margin-left: 0;
  7326. }
  7327. @-webkit-keyframes loader-default {
  7328. 0% {
  7329. -webkit-transform: scale(0);
  7330. transform: scale(0);
  7331. }
  7332. 100% {
  7333. opacity: 0;
  7334. -webkit-transform: scale(1);
  7335. transform: scale(1);
  7336. }
  7337. }
  7338. @-o-keyframes loader-default {
  7339. 0% {
  7340. -webkit-transform: scale(0);
  7341. -o-transform: scale(0);
  7342. transform: scale(0);
  7343. }
  7344. 100% {
  7345. opacity: 0;
  7346. -webkit-transform: scale(1);
  7347. -o-transform: scale(1);
  7348. transform: scale(1);
  7349. }
  7350. }
  7351. @keyframes loader-default {
  7352. 0% {
  7353. -webkit-transform: scale(0);
  7354. -o-transform: scale(0);
  7355. transform: scale(0);
  7356. }
  7357. 100% {
  7358. opacity: 0;
  7359. -webkit-transform: scale(1);
  7360. -o-transform: scale(1);
  7361. transform: scale(1);
  7362. }
  7363. }
  7364. @-webkit-keyframes default-grill {
  7365. 0%, 80%, 100% {
  7366. height: 1em;
  7367. -webkit-box-shadow: 0 0 #a3afb7;
  7368. box-shadow: 0 0 #a3afb7;
  7369. }
  7370. 40% {
  7371. height: 1.2em;
  7372. -webkit-box-shadow: 0 -.25em #a3afb7;
  7373. box-shadow: 0 -.25em #a3afb7;
  7374. }
  7375. }
  7376. @-o-keyframes default-grill {
  7377. 0%, 80%, 100% {
  7378. height: 1em;
  7379. box-shadow: 0 0 #a3afb7;
  7380. }
  7381. 40% {
  7382. height: 1.2em;
  7383. box-shadow: 0 -.25em #a3afb7;
  7384. }
  7385. }
  7386. @keyframes default-grill {
  7387. 0%, 80%, 100% {
  7388. height: 1em;
  7389. -webkit-box-shadow: 0 0 #a3afb7;
  7390. box-shadow: 0 0 #a3afb7;
  7391. }
  7392. 40% {
  7393. height: 1.2em;
  7394. -webkit-box-shadow: 0 -.25em #a3afb7;
  7395. box-shadow: 0 -.25em #a3afb7;
  7396. }
  7397. }
  7398. @-webkit-keyframes loader-circle {
  7399. 0% {
  7400. -webkit-transform: rotate(0deg);
  7401. transform: rotate(0deg);
  7402. }
  7403. 100% {
  7404. -webkit-transform: rotate(360deg);
  7405. transform: rotate(360deg);
  7406. }
  7407. }
  7408. @-o-keyframes loader-circle {
  7409. 0% {
  7410. -webkit-transform: rotate(0deg);
  7411. -o-transform: rotate(0deg);
  7412. transform: rotate(0deg);
  7413. }
  7414. 100% {
  7415. -webkit-transform: rotate(360deg);
  7416. -o-transform: rotate(360deg);
  7417. transform: rotate(360deg);
  7418. }
  7419. }
  7420. @keyframes loader-circle {
  7421. 0% {
  7422. -webkit-transform: rotate(0deg);
  7423. -o-transform: rotate(0deg);
  7424. transform: rotate(0deg);
  7425. }
  7426. 100% {
  7427. -webkit-transform: rotate(360deg);
  7428. -o-transform: rotate(360deg);
  7429. transform: rotate(360deg);
  7430. }
  7431. }
  7432. @-webkit-keyframes loader-tadpole {
  7433. 0% {
  7434. -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
  7435. box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
  7436. -webkit-transform: rotate(0deg);
  7437. transform: rotate(0deg);
  7438. }
  7439. 5%, 95% {
  7440. -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
  7441. box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
  7442. }
  7443. 10%, 59% {
  7444. -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, -.087em -.825em 0 -.42em #a3afb7, -.173em -.812em 0 -.44em #a3afb7, -.256em -.789em 0 -.46em #a3afb7, -.297em -.775em 0 -.477em #a3afb7;
  7445. box-shadow: 0 -.83em 0 -.4em #a3afb7, -.087em -.825em 0 -.42em #a3afb7, -.173em -.812em 0 -.44em #a3afb7, -.256em -.789em 0 -.46em #a3afb7, -.297em -.775em 0 -.477em #a3afb7;
  7446. }
  7447. 20% {
  7448. -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, -.338em -.758em 0 -.42em #a3afb7, -.555em -.617em 0 -.44em #a3afb7, -.671em -.488em 0 -.46em #a3afb7, -.749em -.34em 0 -.477em #a3afb7;
  7449. box-shadow: 0 -.83em 0 -.4em #a3afb7, -.338em -.758em 0 -.42em #a3afb7, -.555em -.617em 0 -.44em #a3afb7, -.671em -.488em 0 -.46em #a3afb7, -.749em -.34em 0 -.477em #a3afb7;
  7450. }
  7451. 38% {
  7452. -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, -.377em -.74em 0 -.42em #a3afb7, -.645em -.522em 0 -.44em #a3afb7, -.775em -.297em 0 -.46em #a3afb7, -.82em -.09em 0 -.477em #a3afb7;
  7453. box-shadow: 0 -.83em 0 -.4em #a3afb7, -.377em -.74em 0 -.42em #a3afb7, -.645em -.522em 0 -.44em #a3afb7, -.775em -.297em 0 -.46em #a3afb7, -.82em -.09em 0 -.477em #a3afb7;
  7454. }
  7455. 100% {
  7456. -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
  7457. box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
  7458. -webkit-transform: rotate(360deg);
  7459. transform: rotate(360deg);
  7460. }
  7461. }
  7462. @-o-keyframes loader-tadpole {
  7463. 0% {
  7464. box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
  7465. -webkit-transform: rotate(0deg);
  7466. -o-transform: rotate(0deg);
  7467. transform: rotate(0deg);
  7468. }
  7469. 5%, 95% {
  7470. box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
  7471. }
  7472. 10%, 59% {
  7473. box-shadow: 0 -.83em 0 -.4em #a3afb7, -.087em -.825em 0 -.42em #a3afb7, -.173em -.812em 0 -.44em #a3afb7, -.256em -.789em 0 -.46em #a3afb7, -.297em -.775em 0 -.477em #a3afb7;
  7474. }
  7475. 20% {
  7476. box-shadow: 0 -.83em 0 -.4em #a3afb7, -.338em -.758em 0 -.42em #a3afb7, -.555em -.617em 0 -.44em #a3afb7, -.671em -.488em 0 -.46em #a3afb7, -.749em -.34em 0 -.477em #a3afb7;
  7477. }
  7478. 38% {
  7479. box-shadow: 0 -.83em 0 -.4em #a3afb7, -.377em -.74em 0 -.42em #a3afb7, -.645em -.522em 0 -.44em #a3afb7, -.775em -.297em 0 -.46em #a3afb7, -.82em -.09em 0 -.477em #a3afb7;
  7480. }
  7481. 100% {
  7482. box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
  7483. -webkit-transform: rotate(360deg);
  7484. -o-transform: rotate(360deg);
  7485. transform: rotate(360deg);
  7486. }
  7487. }
  7488. @keyframes loader-tadpole {
  7489. 0% {
  7490. -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
  7491. box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
  7492. -webkit-transform: rotate(0deg);
  7493. -o-transform: rotate(0deg);
  7494. transform: rotate(0deg);
  7495. }
  7496. 5%, 95% {
  7497. -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
  7498. box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
  7499. }
  7500. 10%, 59% {
  7501. -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, -.087em -.825em 0 -.42em #a3afb7, -.173em -.812em 0 -.44em #a3afb7, -.256em -.789em 0 -.46em #a3afb7, -.297em -.775em 0 -.477em #a3afb7;
  7502. box-shadow: 0 -.83em 0 -.4em #a3afb7, -.087em -.825em 0 -.42em #a3afb7, -.173em -.812em 0 -.44em #a3afb7, -.256em -.789em 0 -.46em #a3afb7, -.297em -.775em 0 -.477em #a3afb7;
  7503. }
  7504. 20% {
  7505. -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, -.338em -.758em 0 -.42em #a3afb7, -.555em -.617em 0 -.44em #a3afb7, -.671em -.488em 0 -.46em #a3afb7, -.749em -.34em 0 -.477em #a3afb7;
  7506. box-shadow: 0 -.83em 0 -.4em #a3afb7, -.338em -.758em 0 -.42em #a3afb7, -.555em -.617em 0 -.44em #a3afb7, -.671em -.488em 0 -.46em #a3afb7, -.749em -.34em 0 -.477em #a3afb7;
  7507. }
  7508. 38% {
  7509. -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, -.377em -.74em 0 -.42em #a3afb7, -.645em -.522em 0 -.44em #a3afb7, -.775em -.297em 0 -.46em #a3afb7, -.82em -.09em 0 -.477em #a3afb7;
  7510. box-shadow: 0 -.83em 0 -.4em #a3afb7, -.377em -.74em 0 -.42em #a3afb7, -.645em -.522em 0 -.44em #a3afb7, -.775em -.297em 0 -.46em #a3afb7, -.82em -.09em 0 -.477em #a3afb7;
  7511. }
  7512. 100% {
  7513. -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
  7514. box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
  7515. -webkit-transform: rotate(360deg);
  7516. -o-transform: rotate(360deg);
  7517. transform: rotate(360deg);
  7518. }
  7519. }
  7520. @-webkit-keyframes loader-ellipsis {
  7521. 0%, 80%, 100% {
  7522. -webkit-box-shadow: 0 .625em 0 -.325em #a3afb7;
  7523. box-shadow: 0 .625em 0 -.325em #a3afb7;
  7524. }
  7525. 40% {
  7526. -webkit-box-shadow: 0 .625em 0 0 #a3afb7;
  7527. box-shadow: 0 .625em 0 0 #a3afb7;
  7528. }
  7529. }
  7530. @-o-keyframes loader-ellipsis {
  7531. 0%, 80%, 100% {
  7532. box-shadow: 0 .625em 0 -.325em #a3afb7;
  7533. }
  7534. 40% {
  7535. box-shadow: 0 .625em 0 0 #a3afb7;
  7536. }
  7537. }
  7538. @keyframes loader-ellipsis {
  7539. 0%, 80%, 100% {
  7540. -webkit-box-shadow: 0 .625em 0 -.325em #a3afb7;
  7541. box-shadow: 0 .625em 0 -.325em #a3afb7;
  7542. }
  7543. 40% {
  7544. -webkit-box-shadow: 0 .625em 0 0 #a3afb7;
  7545. box-shadow: 0 .625em 0 0 #a3afb7;
  7546. }
  7547. }
  7548. @-webkit-keyframes loader-dot-rotate {
  7549. 0% {
  7550. -webkit-transform: rotate(0deg);
  7551. transform: rotate(0deg);
  7552. }
  7553. 100% {
  7554. -webkit-transform: rotate(360deg);
  7555. transform: rotate(360deg);
  7556. }
  7557. }
  7558. @-o-keyframes loader-dot-rotate {
  7559. 0% {
  7560. -webkit-transform: rotate(0deg);
  7561. -o-transform: rotate(0deg);
  7562. transform: rotate(0deg);
  7563. }
  7564. 100% {
  7565. -webkit-transform: rotate(360deg);
  7566. -o-transform: rotate(360deg);
  7567. transform: rotate(360deg);
  7568. }
  7569. }
  7570. @keyframes loader-dot-rotate {
  7571. 0% {
  7572. -webkit-transform: rotate(0deg);
  7573. -o-transform: rotate(0deg);
  7574. transform: rotate(0deg);
  7575. }
  7576. 100% {
  7577. -webkit-transform: rotate(360deg);
  7578. -o-transform: rotate(360deg);
  7579. transform: rotate(360deg);
  7580. }
  7581. }
  7582. @-webkit-keyframes loader-dot-bounce {
  7583. 0%, 100% {
  7584. -webkit-transform: scale(0);
  7585. transform: scale(0);
  7586. }
  7587. 50% {
  7588. -webkit-transform: scale(1);
  7589. transform: scale(1);
  7590. }
  7591. }
  7592. @-o-keyframes loader-dot-bounce {
  7593. 0%, 100% {
  7594. -webkit-transform: scale(0);
  7595. -o-transform: scale(0);
  7596. transform: scale(0);
  7597. }
  7598. 50% {
  7599. -webkit-transform: scale(1);
  7600. -o-transform: scale(1);
  7601. transform: scale(1);
  7602. }
  7603. }
  7604. @keyframes loader-dot-bounce {
  7605. 0%, 100% {
  7606. -webkit-transform: scale(0);
  7607. -o-transform: scale(0);
  7608. transform: scale(0);
  7609. }
  7610. 50% {
  7611. -webkit-transform: scale(1);
  7612. -o-transform: scale(1);
  7613. transform: scale(1);
  7614. }
  7615. }
  7616. @-webkit-keyframes loader-bounce {
  7617. 0%, 100% {
  7618. -webkit-transform: scale(0);
  7619. transform: scale(0);
  7620. }
  7621. 50% {
  7622. -webkit-transform: scale(1);
  7623. transform: scale(1);
  7624. }
  7625. }
  7626. @-o-keyframes loader-bounce {
  7627. 0%, 100% {
  7628. -webkit-transform: scale(0);
  7629. -o-transform: scale(0);
  7630. transform: scale(0);
  7631. }
  7632. 50% {
  7633. -webkit-transform: scale(1);
  7634. -o-transform: scale(1);
  7635. transform: scale(1);
  7636. }
  7637. }
  7638. @keyframes loader-bounce {
  7639. 0%, 100% {
  7640. -webkit-transform: scale(0);
  7641. -o-transform: scale(0);
  7642. transform: scale(0);
  7643. }
  7644. 50% {
  7645. -webkit-transform: scale(1);
  7646. -o-transform: scale(1);
  7647. transform: scale(1);
  7648. }
  7649. }
  7650. [class*=animation-] {
  7651. -webkit-animation-duration: .5s;
  7652. -o-animation-duration: .5s;
  7653. animation-duration: .5s;
  7654. -webkit-animation-timing-function: ease-out;
  7655. -o-animation-timing-function: ease-out;
  7656. animation-timing-function: ease-out;
  7657. }
  7658. .animation-hover:not(:hover), .animation-hover:not(:hover) [class*=animation-], .touch .animation-hover:not(.hover), .touch .animation-hover:not(.hover) [class*=animation-] {
  7659. -webkit-animation-name: none;
  7660. -o-animation-name: none;
  7661. animation-name: none;
  7662. }
  7663. .animation-reverse {
  7664. -webkit-animation-timing-function: ease-in;
  7665. -o-animation-timing-function: ease-in;
  7666. animation-timing-function: ease-in;
  7667. animation-direction: reverse;
  7668. }
  7669. .animation-repeat {
  7670. -webkit-animation-iteration-count: infinite;
  7671. -o-animation-iteration-count: infinite;
  7672. animation-iteration-count: infinite;
  7673. }
  7674. .animation-fade {
  7675. -webkit-animation-name: fade;
  7676. -o-animation-name: fade;
  7677. animation-name: fade;
  7678. -webkit-animation-duration: .8s;
  7679. -o-animation-duration: .8s;
  7680. animation-duration: .8s;
  7681. -webkit-animation-timing-function: linear;
  7682. -o-animation-timing-function: linear;
  7683. animation-timing-function: linear;
  7684. }
  7685. .animation-scale {
  7686. -webkit-animation-name: scale-12;
  7687. -o-animation-name: scale-12;
  7688. animation-name: scale-12;
  7689. }
  7690. .animation-scale-up {
  7691. -webkit-animation-name: fade-scale-02;
  7692. -o-animation-name: fade-scale-02;
  7693. animation-name: fade-scale-02;
  7694. }
  7695. .animation-scale-down {
  7696. -webkit-animation-name: fade-scale-18;
  7697. -o-animation-name: fade-scale-18;
  7698. animation-name: fade-scale-18;
  7699. }
  7700. .animation-slide-top {
  7701. -webkit-animation-name: slide-top;
  7702. -o-animation-name: slide-top;
  7703. animation-name: slide-top;
  7704. }
  7705. .animation-slide-bottom {
  7706. -webkit-animation-name: slide-bottom;
  7707. -o-animation-name: slide-bottom;
  7708. animation-name: slide-bottom;
  7709. }
  7710. .animation-slide-left {
  7711. -webkit-animation-name: slide-left;
  7712. -o-animation-name: slide-left;
  7713. animation-name: slide-left;
  7714. }
  7715. .animation-slide-right {
  7716. -webkit-animation-name: slide-right;
  7717. -o-animation-name: slide-right;
  7718. animation-name: slide-right;
  7719. }
  7720. .animation-shake {
  7721. -webkit-animation-name: shake;
  7722. -o-animation-name: shake;
  7723. animation-name: shake;
  7724. }
  7725. .animation-duration-10 {
  7726. -webkit-animation-duration: 15s;
  7727. -o-animation-duration: 15s;
  7728. animation-duration: 15s;
  7729. }
  7730. .animation-duration-9 {
  7731. -webkit-animation-duration: 9s;
  7732. -o-animation-duration: 9s;
  7733. animation-duration: 9s;
  7734. }
  7735. .animation-duration-8 {
  7736. -webkit-animation-duration: 8s;
  7737. -o-animation-duration: 8s;
  7738. animation-duration: 8s;
  7739. }
  7740. .animation-duration-7 {
  7741. -webkit-animation-duration: 7s;
  7742. -o-animation-duration: 7s;
  7743. animation-duration: 7s;
  7744. }
  7745. .animation-duration-6 {
  7746. -webkit-animation-duration: 6s;
  7747. -o-animation-duration: 6s;
  7748. animation-duration: 6s;
  7749. }
  7750. .animation-duration-5 {
  7751. -webkit-animation-duration: 5s;
  7752. -o-animation-duration: 5s;
  7753. animation-duration: 5s;
  7754. }
  7755. .animation-duration-4 {
  7756. -webkit-animation-duration: 4s;
  7757. -o-animation-duration: 4s;
  7758. animation-duration: 4s;
  7759. }
  7760. .animation-duration-3 {
  7761. -webkit-animation-duration: 3s;
  7762. -o-animation-duration: 3s;
  7763. animation-duration: 3s;
  7764. }
  7765. .animation-duration-2 {
  7766. -webkit-animation-duration: 2s;
  7767. -o-animation-duration: 2s;
  7768. animation-duration: 2s;
  7769. }
  7770. .animation-duration-1 {
  7771. -webkit-animation-duration: 1s;
  7772. -o-animation-duration: 1s;
  7773. animation-duration: 1s;
  7774. }
  7775. .animation-delay-100 {
  7776. -webkit-animation-duration: 100ms;
  7777. -o-animation-duration: 100ms;
  7778. animation-duration: 100ms;
  7779. }
  7780. .animation-duration-250 {
  7781. -webkit-animation-duration: 250ms;
  7782. -o-animation-duration: 250ms;
  7783. animation-duration: 250ms;
  7784. }
  7785. .animation-duration-300 {
  7786. -webkit-animation-duration: 300ms;
  7787. -o-animation-duration: 300ms;
  7788. animation-duration: 300ms;
  7789. }
  7790. .animation-duration-500 {
  7791. -webkit-animation-duration: 500ms;
  7792. -o-animation-duration: 500ms;
  7793. animation-duration: 500ms;
  7794. }
  7795. .animation-duration-750 {
  7796. -webkit-animation-duration: 750ms;
  7797. -o-animation-duration: 750ms;
  7798. animation-duration: 750ms;
  7799. }
  7800. .animation-delay-1000 {
  7801. -webkit-animation-delay: 1s;
  7802. -o-animation-delay: 1s;
  7803. animation-delay: 1s;
  7804. }
  7805. .animation-delay-900 {
  7806. -webkit-animation-delay: 900ms;
  7807. -o-animation-delay: 900ms;
  7808. animation-delay: 900ms;
  7809. }
  7810. .animation-delay-800 {
  7811. -webkit-animation-delay: 800ms;
  7812. -o-animation-delay: 800ms;
  7813. animation-delay: 800ms;
  7814. }
  7815. .animation-delay-700 {
  7816. -webkit-animation-delay: 700ms;
  7817. -o-animation-delay: 700ms;
  7818. animation-delay: 700ms;
  7819. }
  7820. .animation-delay-600 {
  7821. -webkit-animation-delay: 600ms;
  7822. -o-animation-delay: 600ms;
  7823. animation-delay: 600ms;
  7824. }
  7825. .animation-delay-500 {
  7826. -webkit-animation-delay: 500ms;
  7827. -o-animation-delay: 500ms;
  7828. animation-delay: 500ms;
  7829. }
  7830. .animation-delay-400 {
  7831. -webkit-animation-delay: 400ms;
  7832. -o-animation-delay: 400ms;
  7833. animation-delay: 400ms;
  7834. }
  7835. .animation-delay-300 {
  7836. -webkit-animation-delay: 300ms;
  7837. -o-animation-delay: 300ms;
  7838. animation-delay: 300ms;
  7839. }
  7840. .animation-delay-200 {
  7841. -webkit-animation-delay: 200ms;
  7842. -o-animation-delay: 200ms;
  7843. animation-delay: 200ms;
  7844. }
  7845. .animation-delay-100 {
  7846. -webkit-animation-delay: 100ms;
  7847. -o-animation-delay: 100ms;
  7848. animation-delay: 100ms;
  7849. }
  7850. .animation-top-left {
  7851. -webkit-transform-origin: 0 0;
  7852. -ms-transform-origin: 0 0;
  7853. -o-transform-origin: 0 0;
  7854. transform-origin: 0 0;
  7855. }
  7856. .animation-top-center {
  7857. -webkit-transform-origin: 50% 0;
  7858. -ms-transform-origin: 50% 0;
  7859. -o-transform-origin: 50% 0;
  7860. transform-origin: 50% 0;
  7861. }
  7862. .animation-top-right {
  7863. -webkit-transform-origin: 100% 0;
  7864. -ms-transform-origin: 100% 0;
  7865. -o-transform-origin: 100% 0;
  7866. transform-origin: 100% 0;
  7867. }
  7868. .animation-middle-left {
  7869. -webkit-transform-origin: 0 50%;
  7870. -ms-transform-origin: 0 50%;
  7871. -o-transform-origin: 0 50%;
  7872. transform-origin: 0 50%;
  7873. }
  7874. .animation-middle-right {
  7875. -webkit-transform-origin: 100% 50%;
  7876. -ms-transform-origin: 100% 50%;
  7877. -o-transform-origin: 100% 50%;
  7878. transform-origin: 100% 50%;
  7879. }
  7880. .animation-bottom-left {
  7881. -webkit-transform-origin: 0 100%;
  7882. -ms-transform-origin: 0 100%;
  7883. -o-transform-origin: 0 100%;
  7884. transform-origin: 0 100%;
  7885. }
  7886. .animation-bottom-center {
  7887. -webkit-transform-origin: 50% 100%;
  7888. -ms-transform-origin: 50% 100%;
  7889. -o-transform-origin: 50% 100%;
  7890. transform-origin: 50% 100%;
  7891. }
  7892. .animation-bottom-right {
  7893. -webkit-transform-origin: 100% 100%;
  7894. -ms-transform-origin: 100% 100%;
  7895. -o-transform-origin: 100% 100%;
  7896. transform-origin: 100% 100%;
  7897. }
  7898. .animation-easing-easeInOut {
  7899. -webkit-animation-timing-function: cubic-bezier(.42, 0, .58, 1);
  7900. -o-animation-timing-function: cubic-bezier(.42, 0, .58, 1);
  7901. animation-timing-function: cubic-bezier(.42, 0, .58, 1);
  7902. }
  7903. .animation-easing-easeInQuad {
  7904. -webkit-animation-timing-function: cubic-bezier(.55, .085, .68, .53);
  7905. -o-animation-timing-function: cubic-bezier(.55, .085, .68, .53);
  7906. animation-timing-function: cubic-bezier(.55, .085, .68, .53);
  7907. }
  7908. .animation-easing-easeInCubic {
  7909. -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  7910. -o-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  7911. animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  7912. }
  7913. .animation-easing-easeInQuart {
  7914. -webkit-animation-timing-function: cubic-bezier(.895, .03, .685, .22);
  7915. -o-animation-timing-function: cubic-bezier(.895, .03, .685, .22);
  7916. animation-timing-function: cubic-bezier(.895, .03, .685, .22);
  7917. }
  7918. .animation-easing-easeInQuint {
  7919. -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
  7920. -o-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
  7921. animation-timing-function: cubic-bezier(.755, .05, .855, .06);
  7922. }
  7923. .animation-easing-easeInSine {
  7924. -webkit-animation-timing-function: cubic-bezier(.47, 0, .745, .715);
  7925. -o-animation-timing-function: cubic-bezier(.47, 0, .745, .715);
  7926. animation-timing-function: cubic-bezier(.47, 0, .745, .715);
  7927. }
  7928. .animation-easing-easeInExpo {
  7929. -webkit-animation-timing-function: cubic-bezier(.95, .05, .795, .035);
  7930. -o-animation-timing-function: cubic-bezier(.95, .05, .795, .035);
  7931. animation-timing-function: cubic-bezier(.95, .05, .795, .035);
  7932. }
  7933. .animation-easing-easeInCirc {
  7934. -webkit-animation-timing-function: cubic-bezier(.6, .04, .98, .335);
  7935. -o-animation-timing-function: cubic-bezier(.6, .04, .98, .335);
  7936. animation-timing-function: cubic-bezier(.6, .04, .98, .335);
  7937. }
  7938. .animation-easing-easeInBack {
  7939. -webkit-animation-timing-function: cubic-bezier(.6, -.28, .735, .045);
  7940. -o-animation-timing-function: cubic-bezier(.6, -.28, .735, .045);
  7941. animation-timing-function: cubic-bezier(.6, -.28, .735, .045);
  7942. }
  7943. .animation-easing-eastOutQuad {
  7944. -webkit-animation-timing-function: cubic-bezier(.25, .46, .45, .94);
  7945. -o-animation-timing-function: cubic-bezier(.25, .46, .45, .94);
  7946. animation-timing-function: cubic-bezier(.25, .46, .45, .94);
  7947. }
  7948. .animation-easing-easeOutCubic {
  7949. -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  7950. -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  7951. animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  7952. }
  7953. .animation-easing-easeOutQuart {
  7954. -webkit-animation-timing-function: cubic-bezier(.165, .84, .44, 1);
  7955. -o-animation-timing-function: cubic-bezier(.165, .84, .44, 1);
  7956. animation-timing-function: cubic-bezier(.165, .84, .44, 1);
  7957. }
  7958. .animation-easing-easeOutQuint {
  7959. -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1);
  7960. -o-animation-timing-function: cubic-bezier(.23, 1, .32, 1);
  7961. animation-timing-function: cubic-bezier(.23, 1, .32, 1);
  7962. }
  7963. .animation-easing-easeOutSine {
  7964. -webkit-animation-timing-function: cubic-bezier(.39, .575, .565, 1);
  7965. -o-animation-timing-function: cubic-bezier(.39, .575, .565, 1);
  7966. animation-timing-function: cubic-bezier(.39, .575, .565, 1);
  7967. }
  7968. .animation-easing-easeOutExpo {
  7969. -webkit-animation-timing-function: cubic-bezier(.19, 1, .22, 1);
  7970. -o-animation-timing-function: cubic-bezier(.19, 1, .22, 1);
  7971. animation-timing-function: cubic-bezier(.19, 1, .22, 1);
  7972. }
  7973. .animation-easing-easeOutCirc {
  7974. -webkit-animation-timing-function: cubic-bezier(.075, .82, .165, 1);
  7975. -o-animation-timing-function: cubic-bezier(.075, .82, .165, 1);
  7976. animation-timing-function: cubic-bezier(.075, .82, .165, 1);
  7977. }
  7978. .animation-easing-easeOutBack {
  7979. -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
  7980. -o-animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
  7981. animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
  7982. }
  7983. .animation-easing-easeInOutQuad {
  7984. -webkit-animation-timing-function: cubic-bezier(.455, .03, .515, .955);
  7985. -o-animation-timing-function: cubic-bezier(.455, .03, .515, .955);
  7986. animation-timing-function: cubic-bezier(.455, .03, .515, .955);
  7987. }
  7988. .animation-easing-easeInOutCubic {
  7989. -webkit-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
  7990. -o-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
  7991. animation-timing-function: cubic-bezier(.645, .045, .355, 1);
  7992. }
  7993. .animation-easing-easeInOutQuart {
  7994. -webkit-animation-timing-function: cubic-bezier(.77, 0, .175, 1);
  7995. -o-animation-timing-function: cubic-bezier(.77, 0, .175, 1);
  7996. animation-timing-function: cubic-bezier(.77, 0, .175, 1);
  7997. }
  7998. .animation-easing-easeInOutQuint {
  7999. -webkit-animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  8000. -o-animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  8001. animation-timing-function: cubic-bezier(.86, 0, .07, 1);
  8002. }
  8003. .animation-easing-easeInOutSine {
  8004. -webkit-animation-timing-function: cubic-bezier(.445, .05, .55, .95);
  8005. -o-animation-timing-function: cubic-bezier(.445, .05, .55, .95);
  8006. animation-timing-function: cubic-bezier(.445, .05, .55, .95);
  8007. }
  8008. .animation-easing-easeInOutExpo {
  8009. -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
  8010. -o-animation-timing-function: cubic-bezier(1, 0, 0, 1);
  8011. animation-timing-function: cubic-bezier(1, 0, 0, 1);
  8012. }
  8013. .animation-easing-easeInOutCirc {
  8014. -webkit-animation-timing-function: cubic-bezier(.785, .135, .15, .86);
  8015. -o-animation-timing-function: cubic-bezier(.785, .135, .15, .86);
  8016. animation-timing-function: cubic-bezier(.785, .135, .15, .86);
  8017. }
  8018. .animation-easing-easeInOutBack {
  8019. -webkit-animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  8020. -o-animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  8021. animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  8022. }
  8023. .animation-easing-easeInOutElastic {
  8024. -webkit-animation-timing-function: cubic-bezier(1, -.56, 0, 1.455);
  8025. -o-animation-timing-function: cubic-bezier(1, -.56, 0, 1.455);
  8026. animation-timing-function: cubic-bezier(1, -.56, 0, 1.455);
  8027. }
  8028. @-webkit-keyframes fade {
  8029. 0% {
  8030. opacity: 0;
  8031. }
  8032. 100% {
  8033. opacity: 1;
  8034. }
  8035. }
  8036. @-o-keyframes fade {
  8037. 0% {
  8038. opacity: 0;
  8039. }
  8040. 100% {
  8041. opacity: 1;
  8042. }
  8043. }
  8044. @keyframes fade {
  8045. 0% {
  8046. opacity: 0;
  8047. }
  8048. 100% {
  8049. opacity: 1;
  8050. }
  8051. }
  8052. @-webkit-keyframes scale-12 {
  8053. 0% {
  8054. -webkit-transform: scale(1.2);
  8055. transform: scale(1.2);
  8056. }
  8057. 100% {
  8058. -webkit-transform: scale(1);
  8059. transform: scale(1);
  8060. }
  8061. }
  8062. @-o-keyframes scale-12 {
  8063. 0% {
  8064. -o-transform: scale(1.2);
  8065. transform: scale(1.2);
  8066. }
  8067. 100% {
  8068. -o-transform: scale(1);
  8069. transform: scale(1);
  8070. }
  8071. }
  8072. @keyframes scale-12 {
  8073. 0% {
  8074. -webkit-transform: scale(1.2);
  8075. -o-transform: scale(1.2);
  8076. transform: scale(1.2);
  8077. }
  8078. 100% {
  8079. -webkit-transform: scale(1);
  8080. -o-transform: scale(1);
  8081. transform: scale(1);
  8082. }
  8083. }
  8084. @-webkit-keyframes fade-scale-02 {
  8085. 0% {
  8086. opacity: 0;
  8087. -webkit-transform: scale(.2);
  8088. transform: scale(.2);
  8089. }
  8090. 100% {
  8091. opacity: 1;
  8092. -webkit-transform: scale(1);
  8093. transform: scale(1);
  8094. }
  8095. }
  8096. @-o-keyframes fade-scale-02 {
  8097. 0% {
  8098. opacity: 0;
  8099. -o-transform: scale(.2);
  8100. transform: scale(.2);
  8101. }
  8102. 100% {
  8103. opacity: 1;
  8104. -o-transform: scale(1);
  8105. transform: scale(1);
  8106. }
  8107. }
  8108. @keyframes fade-scale-02 {
  8109. 0% {
  8110. opacity: 0;
  8111. -webkit-transform: scale(.2);
  8112. -o-transform: scale(.2);
  8113. transform: scale(.2);
  8114. }
  8115. 100% {
  8116. opacity: 1;
  8117. -webkit-transform: scale(1);
  8118. -o-transform: scale(1);
  8119. transform: scale(1);
  8120. }
  8121. }
  8122. @-webkit-keyframes fade-scale-18 {
  8123. 0% {
  8124. opacity: 0;
  8125. -webkit-transform: scale(1.8);
  8126. transform: scale(1.8);
  8127. }
  8128. 100% {
  8129. opacity: 1;
  8130. -webkit-transform: scale(1);
  8131. transform: scale(1);
  8132. }
  8133. }
  8134. @-o-keyframes fade-scale-18 {
  8135. 0% {
  8136. opacity: 0;
  8137. -o-transform: scale(1.8);
  8138. transform: scale(1.8);
  8139. }
  8140. 100% {
  8141. opacity: 1;
  8142. -o-transform: scale(1);
  8143. transform: scale(1);
  8144. }
  8145. }
  8146. @keyframes fade-scale-18 {
  8147. 0% {
  8148. opacity: 0;
  8149. -webkit-transform: scale(1.8);
  8150. -o-transform: scale(1.8);
  8151. transform: scale(1.8);
  8152. }
  8153. 100% {
  8154. opacity: 1;
  8155. -webkit-transform: scale(1);
  8156. -o-transform: scale(1);
  8157. transform: scale(1);
  8158. }
  8159. }
  8160. @-webkit-keyframes slide-top {
  8161. 0% {
  8162. opacity: 0;
  8163. -webkit-transform: translate3d(0, -100%, 0);
  8164. transform: translate3d(0, -100%, 0);
  8165. }
  8166. 100% {
  8167. opacity: 1;
  8168. -webkit-transform: translate3d(0, 0, 0);
  8169. transform: translate3d(0, 0, 0);
  8170. }
  8171. }
  8172. @-o-keyframes slide-top {
  8173. 0% {
  8174. opacity: 0;
  8175. -webkit-transform: translate3d(0, -100%, 0);
  8176. transform: translate3d(0, -100%, 0);
  8177. }
  8178. 100% {
  8179. opacity: 1;
  8180. -webkit-transform: translate3d(0, 0, 0);
  8181. transform: translate3d(0, 0, 0);
  8182. }
  8183. }
  8184. @keyframes slide-top {
  8185. 0% {
  8186. opacity: 0;
  8187. -webkit-transform: translate3d(0, -100%, 0);
  8188. transform: translate3d(0, -100%, 0);
  8189. }
  8190. 100% {
  8191. opacity: 1;
  8192. -webkit-transform: translate3d(0, 0, 0);
  8193. transform: translate3d(0, 0, 0);
  8194. }
  8195. }
  8196. @-webkit-keyframes slide-bottom {
  8197. 0% {
  8198. opacity: 0;
  8199. -webkit-transform: translate3d(0, 100%, 0);
  8200. transform: translate3d(0, 100%, 0);
  8201. }
  8202. 100% {
  8203. opacity: 1;
  8204. -webkit-transform: translate3d(0, 0, 0);
  8205. transform: translate3d(0, 0, 0);
  8206. }
  8207. }
  8208. @-o-keyframes slide-bottom {
  8209. 0% {
  8210. opacity: 0;
  8211. -webkit-transform: translate3d(0, 100%, 0);
  8212. transform: translate3d(0, 100%, 0);
  8213. }
  8214. 100% {
  8215. opacity: 1;
  8216. -webkit-transform: translate3d(0, 0, 0);
  8217. transform: translate3d(0, 0, 0);
  8218. }
  8219. }
  8220. @keyframes slide-bottom {
  8221. 0% {
  8222. opacity: 0;
  8223. -webkit-transform: translate3d(0, 100%, 0);
  8224. transform: translate3d(0, 100%, 0);
  8225. }
  8226. 100% {
  8227. opacity: 1;
  8228. -webkit-transform: translate3d(0, 0, 0);
  8229. transform: translate3d(0, 0, 0);
  8230. }
  8231. }
  8232. @-webkit-keyframes slide-left {
  8233. 0% {
  8234. opacity: 0;
  8235. -webkit-transform: translate3d(-100%, 0, 0);
  8236. transform: translate3d(-100%, 0, 0);
  8237. }
  8238. 100% {
  8239. opacity: 1;
  8240. -webkit-transform: translate3d(0, 0, 0);
  8241. transform: translate3d(0, 0, 0);
  8242. }
  8243. }
  8244. @-o-keyframes slide-left {
  8245. 0% {
  8246. opacity: 0;
  8247. -webkit-transform: translate3d(-100%, 0, 0);
  8248. transform: translate3d(-100%, 0, 0);
  8249. }
  8250. 100% {
  8251. opacity: 1;
  8252. -webkit-transform: translate3d(0, 0, 0);
  8253. transform: translate3d(0, 0, 0);
  8254. }
  8255. }
  8256. @keyframes slide-left {
  8257. 0% {
  8258. opacity: 0;
  8259. -webkit-transform: translate3d(-100%, 0, 0);
  8260. transform: translate3d(-100%, 0, 0);
  8261. }
  8262. 100% {
  8263. opacity: 1;
  8264. -webkit-transform: translate3d(0, 0, 0);
  8265. transform: translate3d(0, 0, 0);
  8266. }
  8267. }
  8268. @-webkit-keyframes slide-right {
  8269. 0% {
  8270. opacity: 0;
  8271. -webkit-transform: translate3d(100%, 0, 0);
  8272. transform: translate3d(100%, 0, 0);
  8273. }
  8274. 100% {
  8275. opacity: 1;
  8276. -webkit-transform: translate3d(0, 0, 0);
  8277. transform: translate3d(0, 0, 0);
  8278. }
  8279. }
  8280. @-o-keyframes slide-right {
  8281. 0% {
  8282. opacity: 0;
  8283. -webkit-transform: translate3d(100%, 0, 0);
  8284. transform: translate3d(100%, 0, 0);
  8285. }
  8286. 100% {
  8287. opacity: 1;
  8288. -webkit-transform: translate3d(0, 0, 0);
  8289. transform: translate3d(0, 0, 0);
  8290. }
  8291. }
  8292. @keyframes slide-right {
  8293. 0% {
  8294. opacity: 0;
  8295. -webkit-transform: translate3d(100%, 0, 0);
  8296. transform: translate3d(100%, 0, 0);
  8297. }
  8298. 100% {
  8299. opacity: 1;
  8300. -webkit-transform: translate3d(0, 0, 0);
  8301. transform: translate3d(0, 0, 0);
  8302. }
  8303. }
  8304. @-webkit-keyframes shake {
  8305. 0%, 100% {
  8306. -webkit-transform: translateX(0);
  8307. transform: translateX(0);
  8308. }
  8309. 10% {
  8310. -webkit-transform: translateX(-9px);
  8311. transform: translateX(-9px);
  8312. }
  8313. 20% {
  8314. -webkit-transform: translateX(8px);
  8315. transform: translateX(8px);
  8316. }
  8317. 30% {
  8318. -webkit-transform: translateX(-7px);
  8319. transform: translateX(-7px);
  8320. }
  8321. 40% {
  8322. -webkit-transform: translateX(6px);
  8323. transform: translateX(6px);
  8324. }
  8325. 50% {
  8326. -webkit-transform: translateX(-5px);
  8327. transform: translateX(-5px);
  8328. }
  8329. 60% {
  8330. -webkit-transform: translateX(4px);
  8331. transform: translateX(4px);
  8332. }
  8333. 70% {
  8334. -webkit-transform: translateX(-3px);
  8335. transform: translateX(-3px);
  8336. }
  8337. 80% {
  8338. -webkit-transform: translateX(2px);
  8339. transform: translateX(2px);
  8340. }
  8341. 90% {
  8342. -webkit-transform: translateX(-1px);
  8343. transform: translateX(-1px);
  8344. }
  8345. }
  8346. @-o-keyframes shake {
  8347. 0%, 100% {
  8348. -o-transform: translateX(0);
  8349. transform: translateX(0);
  8350. }
  8351. 10% {
  8352. -o-transform: translateX(-9px);
  8353. transform: translateX(-9px);
  8354. }
  8355. 20% {
  8356. -o-transform: translateX(8px);
  8357. transform: translateX(8px);
  8358. }
  8359. 30% {
  8360. -o-transform: translateX(-7px);
  8361. transform: translateX(-7px);
  8362. }
  8363. 40% {
  8364. -o-transform: translateX(6px);
  8365. transform: translateX(6px);
  8366. }
  8367. 50% {
  8368. -o-transform: translateX(-5px);
  8369. transform: translateX(-5px);
  8370. }
  8371. 60% {
  8372. -o-transform: translateX(4px);
  8373. transform: translateX(4px);
  8374. }
  8375. 70% {
  8376. -o-transform: translateX(-3px);
  8377. transform: translateX(-3px);
  8378. }
  8379. 80% {
  8380. -o-transform: translateX(2px);
  8381. transform: translateX(2px);
  8382. }
  8383. 90% {
  8384. -o-transform: translateX(-1px);
  8385. transform: translateX(-1px);
  8386. }
  8387. }
  8388. @keyframes shake {
  8389. 0%, 100% {
  8390. -webkit-transform: translateX(0);
  8391. -o-transform: translateX(0);
  8392. transform: translateX(0);
  8393. }
  8394. 10% {
  8395. -webkit-transform: translateX(-9px);
  8396. -o-transform: translateX(-9px);
  8397. transform: translateX(-9px);
  8398. }
  8399. 20% {
  8400. -webkit-transform: translateX(8px);
  8401. -o-transform: translateX(8px);
  8402. transform: translateX(8px);
  8403. }
  8404. 30% {
  8405. -webkit-transform: translateX(-7px);
  8406. -o-transform: translateX(-7px);
  8407. transform: translateX(-7px);
  8408. }
  8409. 40% {
  8410. -webkit-transform: translateX(6px);
  8411. -o-transform: translateX(6px);
  8412. transform: translateX(6px);
  8413. }
  8414. 50% {
  8415. -webkit-transform: translateX(-5px);
  8416. -o-transform: translateX(-5px);
  8417. transform: translateX(-5px);
  8418. }
  8419. 60% {
  8420. -webkit-transform: translateX(4px);
  8421. -o-transform: translateX(4px);
  8422. transform: translateX(4px);
  8423. }
  8424. 70% {
  8425. -webkit-transform: translateX(-3px);
  8426. -o-transform: translateX(-3px);
  8427. transform: translateX(-3px);
  8428. }
  8429. 80% {
  8430. -webkit-transform: translateX(2px);
  8431. -o-transform: translateX(2px);
  8432. transform: translateX(2px);
  8433. }
  8434. 90% {
  8435. -webkit-transform: translateX(-1px);
  8436. -o-transform: translateX(-1px);
  8437. transform: translateX(-1px);
  8438. }
  8439. }
  8440. .primary-100 {
  8441. color: #e8f1f8 !important;
  8442. }
  8443. .primary-200 {
  8444. color: #d5e4f1 !important;
  8445. }
  8446. .primary-300 {
  8447. color: #bcd8f1 !important;
  8448. }
  8449. .primary-400 {
  8450. color: #a2caee !important;
  8451. }
  8452. .primary-500 {
  8453. color: #89bceb !important;
  8454. }
  8455. .primary-600 {
  8456. color: #62a8ea !important;
  8457. }
  8458. .primary-700 {
  8459. color: #4e97d9 !important;
  8460. }
  8461. .primary-800 {
  8462. color: #3583ca !important;
  8463. }
  8464. .blue-100 {
  8465. color: #e8f1f8 !important;
  8466. }
  8467. .blue-200 {
  8468. color: #d5e4f1 !important;
  8469. }
  8470. .blue-300 {
  8471. color: #bcd8f1 !important;
  8472. }
  8473. .blue-400 {
  8474. color: #a2caee !important;
  8475. }
  8476. .blue-500 {
  8477. color: #89bceb !important;
  8478. }
  8479. .blue-600 {
  8480. color: #62a8ea !important;
  8481. }
  8482. .blue-700 {
  8483. color: #4e97d9 !important;
  8484. }
  8485. .blue-800 {
  8486. color: #3583ca !important;
  8487. }
  8488. .red-100 {
  8489. color: #ffeaea !important;
  8490. }
  8491. .red-200 {
  8492. color: #fad3d3 !important;
  8493. }
  8494. .red-300 {
  8495. color: #fab4b4 !important;
  8496. }
  8497. .red-400 {
  8498. color: #fa9898 !important;
  8499. }
  8500. .red-500 {
  8501. color: #fa7a7a !important;
  8502. }
  8503. .red-600 {
  8504. color: #f96868 !important;
  8505. }
  8506. .red-700 {
  8507. color: #e9595b !important;
  8508. }
  8509. .red-800 {
  8510. color: #d6494b !important;
  8511. }
  8512. .pink-100 {
  8513. color: #fce4ec !important;
  8514. }
  8515. .pink-200 {
  8516. color: #ffccde !important;
  8517. }
  8518. .pink-300 {
  8519. color: #fba9c6 !important;
  8520. }
  8521. .pink-400 {
  8522. color: #fb8db4 !important;
  8523. }
  8524. .pink-500 {
  8525. color: #f978a6 !important;
  8526. }
  8527. .pink-600 {
  8528. color: #f96197 !important;
  8529. }
  8530. .pink-700 {
  8531. color: #f44c87 !important;
  8532. }
  8533. .pink-800 {
  8534. color: #e53b75 !important;
  8535. }
  8536. .purple-100 {
  8537. color: #f6f2ff !important;
  8538. }
  8539. .purple-200 {
  8540. color: #e3dbf4 !important;
  8541. }
  8542. .purple-300 {
  8543. color: #d2c5ec !important;
  8544. }
  8545. .purple-400 {
  8546. color: #bba7e4 !important;
  8547. }
  8548. .purple-500 {
  8549. color: #a58add !important;
  8550. }
  8551. .purple-600 {
  8552. color: #926dde !important;
  8553. }
  8554. .purple-700 {
  8555. color: #7c51d1 !important;
  8556. }
  8557. .purple-800 {
  8558. color: #6d45bc !important;
  8559. }
  8560. .indigo-100 {
  8561. color: #edeff9 !important;
  8562. }
  8563. .indigo-200 {
  8564. color: #dadef5 !important;
  8565. }
  8566. .indigo-300 {
  8567. color: #bcc5f4 !important;
  8568. }
  8569. .indigo-400 {
  8570. color: #9daaf3 !important;
  8571. }
  8572. .indigo-500 {
  8573. color: #8897ec !important;
  8574. }
  8575. .indigo-600 {
  8576. color: #677ae4 !important;
  8577. }
  8578. .indigo-700 {
  8579. color: #5166d6 !important;
  8580. }
  8581. .indigo-800 {
  8582. color: #465bd4 !important;
  8583. }
  8584. .cyan-100 {
  8585. color: #ecf9fa !important;
  8586. }
  8587. .cyan-200 {
  8588. color: #d3eff2 !important;
  8589. }
  8590. .cyan-300 {
  8591. color: #baeaef !important;
  8592. }
  8593. .cyan-400 {
  8594. color: #9ae1e9 !important;
  8595. }
  8596. .cyan-500 {
  8597. color: #77d6e1 !important;
  8598. }
  8599. .cyan-600 {
  8600. color: #57c7d4 !important;
  8601. }
  8602. .cyan-700 {
  8603. color: #47b8c6 !important;
  8604. }
  8605. .cyan-800 {
  8606. color: #37a9b7 !important;
  8607. }
  8608. .teal-100 {
  8609. color: #ecfdfc !important;
  8610. }
  8611. .teal-200 {
  8612. color: #cdf4f1 !important;
  8613. }
  8614. .teal-300 {
  8615. color: #99e1da !important;
  8616. }
  8617. .teal-400 {
  8618. color: #79d1c9 !important;
  8619. }
  8620. .teal-500 {
  8621. color: #56bfb5 !important;
  8622. }
  8623. .teal-600 {
  8624. color: #3aa99e !important;
  8625. }
  8626. .teal-700 {
  8627. color: #269b8f !important;
  8628. }
  8629. .teal-800 {
  8630. color: #178d81 !important;
  8631. }
  8632. .green-100 {
  8633. color: #e7faf2 !important;
  8634. }
  8635. .green-200 {
  8636. color: #bfedd8 !important;
  8637. }
  8638. .green-300 {
  8639. color: #9fe5c5 !important;
  8640. }
  8641. .green-400 {
  8642. color: #7dd3ae !important;
  8643. }
  8644. .green-500 {
  8645. color: #5cd29d !important;
  8646. }
  8647. .green-600 {
  8648. color: #46be8a !important;
  8649. }
  8650. .green-700 {
  8651. color: #36ab7a !important;
  8652. }
  8653. .green-800 {
  8654. color: #279566 !important;
  8655. }
  8656. .light-green-100 {
  8657. color: #f1f7ea !important;
  8658. }
  8659. .light-green-200 {
  8660. color: #e0ecd1 !important;
  8661. }
  8662. .light-green-300 {
  8663. color: #cadfb1 !important;
  8664. }
  8665. .light-green-400 {
  8666. color: #bad896 !important;
  8667. }
  8668. .light-green-500 {
  8669. color: #acd57c !important;
  8670. }
  8671. .light-green-600 {
  8672. color: #9ece67 !important;
  8673. }
  8674. .light-green-700 {
  8675. color: #83b944 !important;
  8676. }
  8677. .light-green-800 {
  8678. color: #70a532 !important;
  8679. }
  8680. .yellow-100 {
  8681. color: #fffae7 !important;
  8682. }
  8683. .yellow-200 {
  8684. color: #f9eec1 !important;
  8685. }
  8686. .yellow-300 {
  8687. color: #f6e7a9 !important;
  8688. }
  8689. .yellow-400 {
  8690. color: #f8e59b !important;
  8691. }
  8692. .yellow-500 {
  8693. color: #f7e083 !important;
  8694. }
  8695. .yellow-600 {
  8696. color: #f7da64 !important;
  8697. }
  8698. .yellow-700 {
  8699. color: #f9cd48 !important;
  8700. }
  8701. .yellow-800 {
  8702. color: #fbc02d !important;
  8703. }
  8704. .orange-100 {
  8705. color: #fff3e6 !important;
  8706. }
  8707. .orange-200 {
  8708. color: #ffddb9 !important;
  8709. }
  8710. .orange-300 {
  8711. color: #fbce9d !important;
  8712. }
  8713. .orange-400 {
  8714. color: #f6be80 !important;
  8715. }
  8716. .orange-500 {
  8717. color: #f4b066 !important;
  8718. }
  8719. .orange-600 {
  8720. color: #f2a654 !important;
  8721. }
  8722. .orange-700 {
  8723. color: #ec9940 !important;
  8724. }
  8725. .orange-800 {
  8726. color: #e98f2e !important;
  8727. }
  8728. .brown-100 {
  8729. color: #fae6df !important;
  8730. }
  8731. .brown-200 {
  8732. color: #e2bdaf !important;
  8733. }
  8734. .brown-300 {
  8735. color: #d3aa9c !important;
  8736. }
  8737. .brown-400 {
  8738. color: #b98e7e !important;
  8739. }
  8740. .brown-500 {
  8741. color: #a17768 !important;
  8742. }
  8743. .brown-600 {
  8744. color: #8d6658 !important;
  8745. }
  8746. .brown-700 {
  8747. color: #7d5b4f !important;
  8748. }
  8749. .brown-800 {
  8750. color: #715146 !important;
  8751. }
  8752. .grey-100 {
  8753. color: #fafafa !important;
  8754. }
  8755. .grey-200 {
  8756. color: #eee !important;
  8757. }
  8758. .grey-300 {
  8759. color: #e0e0e0 !important;
  8760. }
  8761. .grey-400 {
  8762. color: #bdbdbd !important;
  8763. }
  8764. .grey-500 {
  8765. color: #9e9e9e !important;
  8766. }
  8767. .grey-600 {
  8768. color: #757575 !important;
  8769. }
  8770. .grey-700 {
  8771. color: #616161 !important;
  8772. }
  8773. .grey-800 {
  8774. color: #424242 !important;
  8775. }
  8776. .blue-grey-100 {
  8777. color: #f3f7f9 !important;
  8778. }
  8779. .blue-grey-200 {
  8780. color: #e4eaec !important;
  8781. }
  8782. .blue-grey-300 {
  8783. color: #ccd5db !important;
  8784. }
  8785. .blue-grey-400 {
  8786. color: #a3afb7 !important;
  8787. }
  8788. .blue-grey-500 {
  8789. color: #76838f !important;
  8790. }
  8791. .blue-grey-600 {
  8792. color: #526069 !important;
  8793. }
  8794. .blue-grey-700 {
  8795. color: #37474f !important;
  8796. }
  8797. .blue-grey-800 {
  8798. color: #263238 !important;
  8799. }
  8800. .bg-primary-100 {
  8801. background-color: #e8f1f8 !important;
  8802. }
  8803. .bg-primary-200 {
  8804. background-color: #d5e4f1 !important;
  8805. }
  8806. .bg-primary-300 {
  8807. background-color: #bcd8f1 !important;
  8808. }
  8809. .bg-primary-400 {
  8810. background-color: #a2caee !important;
  8811. }
  8812. .bg-primary-500 {
  8813. background-color: #89bceb !important;
  8814. }
  8815. .bg-primary-600 {
  8816. background-color: #62a8ea !important;
  8817. }
  8818. .bg-primary-700 {
  8819. background-color: #4e97d9 !important;
  8820. }
  8821. .bg-primary-800 {
  8822. background-color: #3583ca !important;
  8823. }
  8824. .bg-blue-100 {
  8825. background-color: #e8f1f8 !important;
  8826. }
  8827. .bg-blue-200 {
  8828. background-color: #d5e4f1 !important;
  8829. }
  8830. .bg-blue-300 {
  8831. background-color: #bcd8f1 !important;
  8832. }
  8833. .bg-blue-400 {
  8834. background-color: #a2caee !important;
  8835. }
  8836. .bg-blue-500 {
  8837. background-color: #89bceb !important;
  8838. }
  8839. .bg-blue-600 {
  8840. background-color: #62a8ea !important;
  8841. }
  8842. .bg-blue-700 {
  8843. background-color: #4e97d9 !important;
  8844. }
  8845. .bg-blue-800 {
  8846. background-color: #3583ca !important;
  8847. }
  8848. .bg-red-100 {
  8849. background-color: #ffeaea !important;
  8850. }
  8851. .bg-red-200 {
  8852. background-color: #fad3d3 !important;
  8853. }
  8854. .bg-red-300 {
  8855. background-color: #fab4b4 !important;
  8856. }
  8857. .bg-red-400 {
  8858. background-color: #fa9898 !important;
  8859. }
  8860. .bg-red-500 {
  8861. background-color: #fa7a7a !important;
  8862. }
  8863. .bg-red-600 {
  8864. background-color: #f96868 !important;
  8865. }
  8866. .bg-red-700 {
  8867. background-color: #e9595b !important;
  8868. }
  8869. .bg-red-800 {
  8870. background-color: #d6494b !important;
  8871. }
  8872. .bg-pink-100 {
  8873. background-color: #fce4ec !important;
  8874. }
  8875. .bg-pink-200 {
  8876. background-color: #ffccde !important;
  8877. }
  8878. .bg-pink-300 {
  8879. background-color: #fba9c6 !important;
  8880. }
  8881. .bg-pink-400 {
  8882. background-color: #fb8db4 !important;
  8883. }
  8884. .bg-pink-500 {
  8885. background-color: #f978a6 !important;
  8886. }
  8887. .bg-pink-600 {
  8888. background-color: #f96197 !important;
  8889. }
  8890. .bg-pink-700 {
  8891. background-color: #f44c87 !important;
  8892. }
  8893. .bg-pink-800 {
  8894. background-color: #e53b75 !important;
  8895. }
  8896. .bg-purple-100 {
  8897. background-color: #f6f2ff !important;
  8898. }
  8899. .bg-purple-200 {
  8900. background-color: #e3dbf4 !important;
  8901. }
  8902. .bg-purple-300 {
  8903. background-color: #d2c5ec !important;
  8904. }
  8905. .bg-purple-400 {
  8906. background-color: #bba7e4 !important;
  8907. }
  8908. .bg-purple-500 {
  8909. background-color: #a58add !important;
  8910. }
  8911. .bg-purple-600 {
  8912. background-color: #926dde !important;
  8913. }
  8914. .bg-purple-700 {
  8915. background-color: #7c51d1 !important;
  8916. }
  8917. .bg-purple-800 {
  8918. background-color: #6d45bc !important;
  8919. }
  8920. .bg-indigo-100 {
  8921. background-color: #edeff9 !important;
  8922. }
  8923. .bg-indigo-200 {
  8924. background-color: #dadef5 !important;
  8925. }
  8926. .bg-indigo-300 {
  8927. background-color: #bcc5f4 !important;
  8928. }
  8929. .bg-indigo-400 {
  8930. background-color: #9daaf3 !important;
  8931. }
  8932. .bg-indigo-500 {
  8933. background-color: #8897ec !important;
  8934. }
  8935. .bg-indigo-600 {
  8936. background-color: #677ae4 !important;
  8937. }
  8938. .bg-indigo-700 {
  8939. background-color: #5166d6 !important;
  8940. }
  8941. .bg-indigo-800 {
  8942. background-color: #465bd4 !important;
  8943. }
  8944. .bg-cyan-100 {
  8945. background-color: #ecf9fa !important;
  8946. }
  8947. .bg-cyan-200 {
  8948. background-color: #d3eff2 !important;
  8949. }
  8950. .bg-cyan-300 {
  8951. background-color: #baeaef !important;
  8952. }
  8953. .bg-cyan-400 {
  8954. background-color: #9ae1e9 !important;
  8955. }
  8956. .bg-cyan-500 {
  8957. background-color: #77d6e1 !important;
  8958. }
  8959. .bg-cyan-600 {
  8960. background-color: #57c7d4 !important;
  8961. }
  8962. .bg-cyan-700 {
  8963. background-color: #47b8c6 !important;
  8964. }
  8965. .bg-cyan-800 {
  8966. background-color: #37a9b7 !important;
  8967. }
  8968. .bg-teal-100 {
  8969. background-color: #ecfdfc !important;
  8970. }
  8971. .bg-teal-200 {
  8972. background-color: #cdf4f1 !important;
  8973. }
  8974. .bg-teal-300 {
  8975. background-color: #99e1da !important;
  8976. }
  8977. .bg-teal-400 {
  8978. background-color: #79d1c9 !important;
  8979. }
  8980. .bg-teal-500 {
  8981. background-color: #56bfb5 !important;
  8982. }
  8983. .bg-teal-600 {
  8984. background-color: #3aa99e !important;
  8985. }
  8986. .bg-teal-700 {
  8987. background-color: #269b8f !important;
  8988. }
  8989. .bg-teal-800 {
  8990. background-color: #178d81 !important;
  8991. }
  8992. .bg-green-100 {
  8993. background-color: #e7faf2 !important;
  8994. }
  8995. .bg-green-200 {
  8996. background-color: #bfedd8 !important;
  8997. }
  8998. .bg-green-300 {
  8999. background-color: #9fe5c5 !important;
  9000. }
  9001. .bg-green-400 {
  9002. background-color: #7dd3ae !important;
  9003. }
  9004. .bg-green-500 {
  9005. background-color: #5cd29d !important;
  9006. }
  9007. .bg-green-600 {
  9008. background-color: #46be8a !important;
  9009. }
  9010. .bg-green-700 {
  9011. background-color: #36ab7a !important;
  9012. }
  9013. .bg-green-800 {
  9014. background-color: #279566 !important;
  9015. }
  9016. .bg-light-green-100 {
  9017. background-color: #f1f7ea !important;
  9018. }
  9019. .bg-light-green-200 {
  9020. background-color: #e0ecd1 !important;
  9021. }
  9022. .bg-light-green-300 {
  9023. background-color: #cadfb1 !important;
  9024. }
  9025. .bg-light-green-400 {
  9026. background-color: #bad896 !important;
  9027. }
  9028. .bg-light-green-500 {
  9029. background-color: #acd57c !important;
  9030. }
  9031. .bg-light-green-600 {
  9032. background-color: #9ece67 !important;
  9033. }
  9034. .bg-light-green-700 {
  9035. background-color: #83b944 !important;
  9036. }
  9037. .bg-light-green-800 {
  9038. background-color: #70a532 !important;
  9039. }
  9040. .bg-yellow-100 {
  9041. background-color: #fffae7 !important;
  9042. }
  9043. .bg-yellow-200 {
  9044. background-color: #f9eec1 !important;
  9045. }
  9046. .bg-yellow-300 {
  9047. background-color: #f6e7a9 !important;
  9048. }
  9049. .bg-yellow-400 {
  9050. background-color: #f8e59b !important;
  9051. }
  9052. .bg-yellow-500 {
  9053. background-color: #f7e083 !important;
  9054. }
  9055. .bg-yellow-600 {
  9056. background-color: #f7da64 !important;
  9057. }
  9058. .bg-yellow-700 {
  9059. background-color: #f9cd48 !important;
  9060. }
  9061. .bg-yellow-800 {
  9062. background-color: #fbc02d !important;
  9063. }
  9064. .bg-orange-100 {
  9065. background-color: #fff3e6 !important;
  9066. }
  9067. .bg-orange-200 {
  9068. background-color: #ffddb9 !important;
  9069. }
  9070. .bg-orange-300 {
  9071. background-color: #fbce9d !important;
  9072. }
  9073. .bg-orange-400 {
  9074. background-color: #f6be80 !important;
  9075. }
  9076. .bg-orange-500 {
  9077. background-color: #f4b066 !important;
  9078. }
  9079. .bg-orange-600 {
  9080. background-color: #f2a654 !important;
  9081. }
  9082. .bg-orange-700 {
  9083. background-color: #ec9940 !important;
  9084. }
  9085. .bg-orange-800 {
  9086. background-color: #e98f2e !important;
  9087. }
  9088. .bg-brown-100 {
  9089. background-color: #fae6df !important;
  9090. }
  9091. .bg-brown-200 {
  9092. background-color: #e2bdaf !important;
  9093. }
  9094. .bg-brown-300 {
  9095. background-color: #d3aa9c !important;
  9096. }
  9097. .bg-brown-400 {
  9098. background-color: #b98e7e !important;
  9099. }
  9100. .bg-brown-500 {
  9101. background-color: #a17768 !important;
  9102. }
  9103. .bg-brown-600 {
  9104. background-color: #8d6658 !important;
  9105. }
  9106. .bg-brown-700 {
  9107. background-color: #7d5b4f !important;
  9108. }
  9109. .bg-brown-800 {
  9110. background-color: #715146 !important;
  9111. }
  9112. .bg-grey-100 {
  9113. background-color: #fafafa !important;
  9114. }
  9115. .bg-grey-200 {
  9116. background-color: #eee !important;
  9117. }
  9118. .bg-grey-300 {
  9119. background-color: #e0e0e0 !important;
  9120. }
  9121. .bg-grey-400 {
  9122. background-color: #bdbdbd !important;
  9123. }
  9124. .bg-grey-500 {
  9125. background-color: #9e9e9e !important;
  9126. }
  9127. .bg-grey-600 {
  9128. background-color: #757575 !important;
  9129. }
  9130. .bg-grey-700 {
  9131. background-color: #616161 !important;
  9132. }
  9133. .bg-grey-800 {
  9134. background-color: #424242 !important;
  9135. }
  9136. .bg-blue-grey-100 {
  9137. background-color: #f3f7f9 !important;
  9138. }
  9139. .bg-blue-grey-200 {
  9140. background-color: #e4eaec !important;
  9141. }
  9142. .bg-blue-grey-300 {
  9143. background-color: #ccd5db !important;
  9144. }
  9145. .bg-blue-grey-400 {
  9146. background-color: #a3afb7 !important;
  9147. }
  9148. .bg-blue-grey-500 {
  9149. background-color: #76838f !important;
  9150. }
  9151. .bg-blue-grey-600 {
  9152. background-color: #526069 !important;
  9153. }
  9154. .bg-blue-grey-700 {
  9155. background-color: #37474f !important;
  9156. }
  9157. .bg-blue-grey-800 {
  9158. background-color: #263238 !important;
  9159. }
  9160. .black {
  9161. color: #000 !important;
  9162. }
  9163. .white {
  9164. color: #fff !important;
  9165. }
  9166. .bg-white {
  9167. color: #76838f;
  9168. background-color: #fff;
  9169. }
  9170. .bg-primary {
  9171. color: #fff;
  9172. background-color: #62a8ea;
  9173. }
  9174. .bg-primary:hover {
  9175. background-color: #8fc1f0;
  9176. }
  9177. .bg-primary a, a.bg-primary {
  9178. color: #fff;
  9179. }
  9180. .bg-primary a:hover, a.bg-primary:hover {
  9181. color: #fff;
  9182. }
  9183. .bg-success {
  9184. color: #fff;
  9185. background-color: #46be8a;
  9186. }
  9187. .bg-success:hover {
  9188. background-color: #6ccba2;
  9189. }
  9190. .bg-success a, a.bg-success {
  9191. color: #fff;
  9192. }
  9193. .bg-success a:hover, a.bg-success:hover {
  9194. color: #fff;
  9195. }
  9196. .bg-info {
  9197. color: #fff;
  9198. background-color: #57c7d4;
  9199. }
  9200. .bg-info:hover {
  9201. background-color: #80d5de;
  9202. }
  9203. .bg-info a, a.bg-info {
  9204. color: #fff;
  9205. }
  9206. .bg-info a:hover, a.bg-info:hover {
  9207. color: #fff;
  9208. }
  9209. .bg-warning {
  9210. color: #fff;
  9211. background-color: #f2a654;
  9212. }
  9213. .bg-warning:hover {
  9214. background-color: #f6bf83;
  9215. }
  9216. .bg-warning a, a.bg-warning {
  9217. color: #fff;
  9218. }
  9219. .bg-warning a:hover, a.bg-warning:hover {
  9220. color: #fff;
  9221. }
  9222. .bg-danger {
  9223. color: #fff;
  9224. background-color: #f96868;
  9225. }
  9226. .bg-danger:hover {
  9227. background-color: #fb9999;
  9228. }
  9229. .bg-danger a, a.bg-danger {
  9230. color: #fff;
  9231. }
  9232. .bg-danger a:hover, a.bg-danger:hover {
  9233. color: #fff;
  9234. }
  9235. .bg-dark {
  9236. color: #fff;
  9237. background-color: #526069;
  9238. }
  9239. .bg-dark:hover {
  9240. background-color: #687a86;
  9241. }
  9242. .bg-dark a, a.bg-dark {
  9243. color: #fff;
  9244. }
  9245. .bg-dark a:hover, a.bg-dark:hover {
  9246. color: #fff;
  9247. }
  9248. .social-wechat {
  9249. color: #fff;
  9250. background-color: #51c332 !important;
  9251. }
  9252. .social-wechat:hover, .social-wechat:focus {
  9253. color: #fff;
  9254. background-color: #70d355 !important;
  9255. }
  9256. .social-wechat:active, .social-wechat.active {
  9257. color: #fff;
  9258. background-color: #409a28 !important;
  9259. }
  9260. .bg-wechat {
  9261. background-color: #51c332;
  9262. }
  9263. .social-qq {
  9264. color: #fff;
  9265. background-color: #12b7f5 !important;
  9266. }
  9267. .social-qq:hover, .social-qq:focus {
  9268. color: #fff;
  9269. background-color: #43c6f7 !important;
  9270. }
  9271. .social-qq:active, .social-qq.active {
  9272. color: #fff;
  9273. background-color: #0996cb !important;
  9274. }
  9275. .bg-qq {
  9276. background-color: #12b7f5;
  9277. }
  9278. .social-weibo {
  9279. color: #fff;
  9280. background-color: #e6624b !important;
  9281. }
  9282. .social-weibo:hover, .social-weibo:focus {
  9283. color: #fff;
  9284. background-color: #ec8978 !important;
  9285. }
  9286. .social-weibo:active, .social-weibo.active {
  9287. color: #fff;
  9288. background-color: #df3b1f !important;
  9289. }
  9290. .bg-weibo {
  9291. background-color: #e6624b;
  9292. }
  9293. .social-facebook {
  9294. color: #fff;
  9295. background-color: #3b5998 !important;
  9296. }
  9297. .social-facebook:hover, .social-facebook:focus {
  9298. color: #fff;
  9299. background-color: #4c70ba !important;
  9300. }
  9301. .social-facebook:active, .social-facebook.active {
  9302. color: #fff;
  9303. background-color: #2d4373 !important;
  9304. }
  9305. .bg-facebook {
  9306. background-color: #3b5998;
  9307. }
  9308. .social-twitter {
  9309. color: #fff;
  9310. background-color: #55acee !important;
  9311. }
  9312. .social-twitter:hover, .social-twitter:focus {
  9313. color: #fff;
  9314. background-color: #83c3f3 !important;
  9315. }
  9316. .social-twitter:active, .social-twitter.active {
  9317. color: #fff;
  9318. background-color: #2795e9 !important;
  9319. }
  9320. .bg-twitter {
  9321. background-color: #55acee;
  9322. }
  9323. .social-google-plus {
  9324. color: #fff;
  9325. background-color: #dd4b39 !important;
  9326. }
  9327. .social-google-plus:hover, .social-google-plus:focus {
  9328. color: #fff;
  9329. background-color: #e47365 !important;
  9330. }
  9331. .social-google-plus:active, .social-google-plus.active {
  9332. color: #fff;
  9333. background-color: #c23321 !important;
  9334. }
  9335. .bg-google-plus {
  9336. background-color: #dd4b39;
  9337. }
  9338. .social-linkedin {
  9339. color: #fff;
  9340. background-color: #0976b4 !important;
  9341. }
  9342. .social-linkedin:hover, .social-linkedin:focus {
  9343. color: #fff;
  9344. background-color: #0b96e5 !important;
  9345. }
  9346. .social-linkedin:active, .social-linkedin.active {
  9347. color: #fff;
  9348. background-color: #075683 !important;
  9349. }
  9350. .bg-linkedin {
  9351. background-color: #0976b4;
  9352. }
  9353. .social-flickr {
  9354. color: #fff;
  9355. background-color: #ff0084 !important;
  9356. }
  9357. .social-flickr:hover, .social-flickr:focus {
  9358. color: #fff;
  9359. background-color: #ff339d !important;
  9360. }
  9361. .social-flickr:active, .social-flickr.active {
  9362. color: #fff;
  9363. background-color: #cc006a !important;
  9364. }
  9365. .bg-flickr {
  9366. background-color: #ff0084;
  9367. }
  9368. .social-tumblr {
  9369. color: #fff;
  9370. background-color: #35465c !important;
  9371. }
  9372. .social-tumblr:hover, .social-tumblr:focus {
  9373. color: #fff;
  9374. background-color: #485f7c !important;
  9375. }
  9376. .social-tumblr:active, .social-tumblr.active {
  9377. color: #fff;
  9378. background-color: #222d3c !important;
  9379. }
  9380. .bg-tumblr {
  9381. background-color: #35465c;
  9382. }
  9383. .social-xing {
  9384. color: #fff;
  9385. background-color: #024b4d !important;
  9386. }
  9387. .social-xing:hover, .social-xing:focus {
  9388. color: #fff;
  9389. background-color: #037b7f !important;
  9390. }
  9391. .social-xing:active, .social-xing.active {
  9392. color: #fff;
  9393. background-color: #011b1b !important;
  9394. }
  9395. .bg-xing {
  9396. background-color: #024b4d;
  9397. }
  9398. .social-github {
  9399. color: #fff;
  9400. background-color: #4183c4 !important;
  9401. }
  9402. .social-github:hover, .social-github:focus {
  9403. color: #fff;
  9404. background-color: #689cd0 !important;
  9405. }
  9406. .social-github:active, .social-github.active {
  9407. color: #fff;
  9408. background-color: #3269a0 !important;
  9409. }
  9410. .bg-github {
  9411. background-color: #4183c4;
  9412. }
  9413. .social-html5 {
  9414. color: #fff;
  9415. background-color: #e44f26 !important;
  9416. }
  9417. .social-html5:hover, .social-html5:focus {
  9418. color: #fff;
  9419. background-color: #ea7453 !important;
  9420. }
  9421. .social-html5:active, .social-html5.active {
  9422. color: #fff;
  9423. background-color: #bf3c18 !important;
  9424. }
  9425. .bg-html5 {
  9426. background-color: #e44f26;
  9427. }
  9428. .social-openid {
  9429. color: #fff;
  9430. background-color: #f67d28 !important;
  9431. }
  9432. .social-openid:hover, .social-openid:focus {
  9433. color: #fff;
  9434. background-color: #f89b59 !important;
  9435. }
  9436. .social-openid:active, .social-openid.active {
  9437. color: #fff;
  9438. background-color: #e26309 !important;
  9439. }
  9440. .bg-openid {
  9441. background-color: #f67d28;
  9442. }
  9443. .social-stack-overflow {
  9444. color: #fff;
  9445. background-color: #f86c01 !important;
  9446. }
  9447. .social-stack-overflow:hover, .social-stack-overflow:focus {
  9448. color: #fff;
  9449. background-color: #fe882e !important;
  9450. }
  9451. .social-stack-overflow:active, .social-stack-overflow.active {
  9452. color: #fff;
  9453. background-color: #c55601 !important;
  9454. }
  9455. .bg-stack-overflow {
  9456. background-color: #f86c01;
  9457. }
  9458. .social-css3 {
  9459. color: #fff;
  9460. background-color: #1572b6 !important;
  9461. }
  9462. .social-css3:hover, .social-css3:focus {
  9463. color: #fff;
  9464. background-color: #1a8fe4 !important;
  9465. }
  9466. .social-css3:active, .social-css3.active {
  9467. color: #fff;
  9468. background-color: #105588 !important;
  9469. }
  9470. .bg-css3 {
  9471. background-color: #1572b6;
  9472. }
  9473. .social-youtube {
  9474. color: #fff;
  9475. background-color: #b31217 !important;
  9476. }
  9477. .social-youtube:hover, .social-youtube:focus {
  9478. color: #fff;
  9479. background-color: #e1171d !important;
  9480. }
  9481. .social-youtube:active, .social-youtube.active {
  9482. color: #fff;
  9483. background-color: #850d11 !important;
  9484. }
  9485. .bg-youtube {
  9486. background-color: #b31217;
  9487. }
  9488. .social-dribbble {
  9489. color: #fff;
  9490. background-color: #c32361 !important;
  9491. }
  9492. .social-dribbble:hover, .social-dribbble:focus {
  9493. color: #fff;
  9494. background-color: #dc3d7b !important;
  9495. }
  9496. .social-dribbble:active, .social-dribbble.active {
  9497. color: #fff;
  9498. background-color: #981b4b !important;
  9499. }
  9500. .bg-dribbble {
  9501. background-color: #c32361;
  9502. }
  9503. .social-instagram {
  9504. color: #fff;
  9505. background-color: #3f729b !important;
  9506. }
  9507. .social-instagram:hover, .social-instagram:focus {
  9508. color: #fff;
  9509. background-color: #548cb9 !important;
  9510. }
  9511. .social-instagram:active, .social-instagram.active {
  9512. color: #fff;
  9513. background-color: #305777 !important;
  9514. }
  9515. .bg-instagram {
  9516. background-color: #3f729b;
  9517. }
  9518. .social-pinterest {
  9519. color: #fff;
  9520. background-color: #cc2127 !important;
  9521. }
  9522. .social-pinterest:hover, .social-pinterest:focus {
  9523. color: #fff;
  9524. background-color: #e04046 !important;
  9525. }
  9526. .social-pinterest:active, .social-pinterest.active {
  9527. color: #fff;
  9528. background-color: #a01a1f !important;
  9529. }
  9530. .bg-pinterest {
  9531. background-color: #cc2127;
  9532. }
  9533. .social-vk {
  9534. color: #fff;
  9535. background-color: #3d5a7d !important;
  9536. }
  9537. .social-vk:hover, .social-vk:focus {
  9538. color: #fff;
  9539. background-color: #4e739f !important;
  9540. }
  9541. .social-vk:active, .social-vk.active {
  9542. color: #fff;
  9543. background-color: #2c415b !important;
  9544. }
  9545. .bg-vk {
  9546. background-color: #3d5a7d;
  9547. }
  9548. .social-yahoo {
  9549. color: #fff;
  9550. background-color: #350178 !important;
  9551. }
  9552. .social-yahoo:hover, .social-yahoo:focus {
  9553. color: #fff;
  9554. background-color: #4b01ab !important;
  9555. }
  9556. .social-yahoo:active, .social-yahoo.active {
  9557. color: #fff;
  9558. background-color: #1f0145 !important;
  9559. }
  9560. .bg-yahoo {
  9561. background-color: #350178;
  9562. }
  9563. .social-behance {
  9564. color: #fff;
  9565. background-color: #1769ff !important;
  9566. }
  9567. .social-behance:hover, .social-behance:focus {
  9568. color: #fff;
  9569. background-color: #4a8aff !important;
  9570. }
  9571. .social-behance:active, .social-behance.active {
  9572. color: #fff;
  9573. background-color: #0050e3 !important;
  9574. }
  9575. .bg-behance {
  9576. background-color: #024b4d;
  9577. }
  9578. .social-dropbox {
  9579. color: #fff;
  9580. background-color: #007ee5 !important;
  9581. }
  9582. .social-dropbox:hover, .social-dropbox:focus {
  9583. color: #fff;
  9584. background-color: #1998ff !important;
  9585. }
  9586. .social-dropbox:active, .social-dropbox.active {
  9587. color: #fff;
  9588. background-color: #0062b2 !important;
  9589. }
  9590. .bg-dropbox {
  9591. background-color: #007ee5;
  9592. }
  9593. .social-reddit {
  9594. color: #fff;
  9595. background-color: #ff4500 !important;
  9596. }
  9597. .social-reddit:hover, .social-reddit:focus {
  9598. color: #fff;
  9599. background-color: #ff6a33 !important;
  9600. }
  9601. .social-reddit:active, .social-reddit.active {
  9602. color: #fff;
  9603. background-color: #cc3700 !important;
  9604. }
  9605. .bg-reddit {
  9606. background-color: #ff4500;
  9607. }
  9608. .social-spotify {
  9609. color: #fff;
  9610. background-color: #7ab800 !important;
  9611. }
  9612. .social-spotify:hover, .social-spotify:focus {
  9613. color: #fff;
  9614. background-color: #9ceb00 !important;
  9615. }
  9616. .social-spotify:active, .social-spotify.active {
  9617. color: #fff;
  9618. background-color: #588500 !important;
  9619. }
  9620. .bg-spotify {
  9621. background-color: #7ab800;
  9622. }
  9623. .social-vine {
  9624. color: #fff;
  9625. background-color: #00b488 !important;
  9626. }
  9627. .social-vine:hover, .social-vine:focus {
  9628. color: #fff;
  9629. background-color: #00e7af !important;
  9630. }
  9631. .social-vine:active, .social-vine.active {
  9632. color: #fff;
  9633. background-color: #008161 !important;
  9634. }
  9635. .bg-vine {
  9636. background-color: #00b488;
  9637. }
  9638. .social-foursquare {
  9639. color: #fff;
  9640. background-color: #0cbadf !important;
  9641. }
  9642. .social-foursquare:hover, .social-foursquare:focus {
  9643. color: #fff;
  9644. background-color: #2ad0f4 !important;
  9645. }
  9646. .social-foursquare:active, .social-foursquare.active {
  9647. color: #fff;
  9648. background-color: #0992af !important;
  9649. }
  9650. .bg-foursquare {
  9651. background-color: #0cbadf;
  9652. }
  9653. .social-vimeo {
  9654. color: #fff;
  9655. background-color: #1ab7ea !important;
  9656. }
  9657. .social-vimeo:hover, .social-vimeo:focus {
  9658. color: #fff;
  9659. background-color: #49c6ee !important;
  9660. }
  9661. .social-vimeo:active, .social-vimeo.active {
  9662. color: #fff;
  9663. background-color: #1295bf !important;
  9664. }
  9665. .bg-vimeo {
  9666. background-color: #1ab7ea;
  9667. }
  9668. .social-skype {
  9669. color: #fff;
  9670. background-color: #77bcfd !important;
  9671. }
  9672. .social-skype:hover, .social-skype:focus {
  9673. color: #fff;
  9674. background-color: #a9d5fe !important;
  9675. }
  9676. .social-skype:active, .social-skype.active {
  9677. color: #fff;
  9678. background-color: #45a3fc !important;
  9679. }
  9680. .bg-skype {
  9681. background-color: #77bcfd;
  9682. }
  9683. a:focus {
  9684. outline: none;
  9685. }
  9686. .blocks, [class*="blocks-"] {
  9687. padding: 0;
  9688. margin: 0;
  9689. margin-right: -12px;
  9690. margin-left: -12px;
  9691. list-style: none;
  9692. }
  9693. .blocks:before, [class*="blocks-"]:before, .blocks:after, [class*="blocks-"]:after {
  9694. display: table;
  9695. content: " ";
  9696. }
  9697. .blocks:after, [class*="blocks-"]:after {
  9698. clear: both;
  9699. }
  9700. .blocks > li, [class*="blocks-"] > li {
  9701. position: relative;
  9702. float: left;
  9703. min-height: 1px;
  9704. padding-right: 12px;
  9705. padding-left: 12px;
  9706. margin-bottom: 0;
  9707. }
  9708. .blocks.no-space, [class*="blocks-"].no-space {
  9709. margin: 0;
  9710. }
  9711. .blocks.no-space > li, [class*="blocks-"].no-space > li {
  9712. padding-right: 0;
  9713. padding-left: 0;
  9714. margin-bottom: 0;
  9715. }
  9716. .blocks-2 > li:nth-child(2n+3), .blocks-3 > li:nth-child(3n+4), .blocks-4 > li:nth-child(4n+5), .blocks-5 > li:nth-child(5n+6), .blocks-6 > li:nth-child(6n+7), .block-first {
  9717. clear: both;
  9718. }
  9719. .blocks-100 > li {
  9720. width: 100%;
  9721. }
  9722. .blocks-2 > li {
  9723. width: 50%;
  9724. }
  9725. .blocks-3 > li {
  9726. width: 33.33333333%;
  9727. }
  9728. .blocks-4 > li {
  9729. width: 25%;
  9730. }
  9731. .blocks-5 > li {
  9732. width: 20%;
  9733. }
  9734. .blocks-6 > li {
  9735. width: 16.66666667%;
  9736. }
  9737. @media (min-width: 480px) {
  9738. .blocks-xs-100 > li {
  9739. width: 100%;
  9740. }
  9741. }
  9742. @media (min-width: 480px) {
  9743. .blocks-xs-2 > li {
  9744. width: 50%;
  9745. }
  9746. }
  9747. @media (min-width: 480px) {
  9748. .blocks-xs-3 > li {
  9749. width: 33.33333333%;
  9750. }
  9751. }
  9752. @media (min-width: 480px) {
  9753. .blocks-xs-4 > li {
  9754. width: 25%;
  9755. }
  9756. }
  9757. @media (min-width: 480px) {
  9758. .blocks-xs-5 > li {
  9759. width: 20%;
  9760. }
  9761. }
  9762. @media (min-width: 480px) {
  9763. .blocks-xs-6 > li {
  9764. width: 16.66666667%;
  9765. }
  9766. }
  9767. @media (min-width: 768px) {
  9768. .blocks-sm-100 > li {
  9769. width: 100%;
  9770. }
  9771. }
  9772. @media (min-width: 768px) {
  9773. .blocks-sm-2 > li {
  9774. width: 50%;
  9775. }
  9776. }
  9777. @media (min-width: 768px) {
  9778. .blocks-sm-3 > li {
  9779. width: 33.33333333%;
  9780. }
  9781. }
  9782. @media (min-width: 768px) {
  9783. .blocks-sm-4 > li {
  9784. width: 25%;
  9785. }
  9786. }
  9787. @media (min-width: 768px) {
  9788. .blocks-sm-5 > li {
  9789. width: 20%;
  9790. }
  9791. }
  9792. @media (min-width: 768px) {
  9793. .blocks-sm-6 > li {
  9794. width: 16.66666667%;
  9795. }
  9796. }
  9797. @media (min-width: 992px) {
  9798. .blocks-md-100 > li {
  9799. width: 100%;
  9800. }
  9801. }
  9802. @media (min-width: 992px) {
  9803. .blocks-md-2 > li {
  9804. width: 50%;
  9805. }
  9806. }
  9807. @media (min-width: 992px) {
  9808. .blocks-md-3 > li {
  9809. width: 33.33333333%;
  9810. }
  9811. }
  9812. @media (min-width: 992px) {
  9813. .blocks-md-4 > li {
  9814. width: 25%;
  9815. }
  9816. }
  9817. @media (min-width: 992px) {
  9818. .blocks-md-5 > li {
  9819. width: 20%;
  9820. }
  9821. }
  9822. @media (min-width: 992px) {
  9823. .blocks-md-6 > li {
  9824. width: 16.66666667%;
  9825. }
  9826. }
  9827. @media (min-width: 1200px) {
  9828. .blocks-lg-100 > li {
  9829. width: 100%;
  9830. }
  9831. }
  9832. @media (min-width: 1200px) {
  9833. .blocks-lg-2 > li {
  9834. width: 50%;
  9835. }
  9836. }
  9837. @media (min-width: 1200px) {
  9838. .blocks-lg-3 > li {
  9839. width: 33.33333333%;
  9840. }
  9841. }
  9842. @media (min-width: 1200px) {
  9843. .blocks-lg-4 > li {
  9844. width: 25%;
  9845. }
  9846. }
  9847. @media (min-width: 1200px) {
  9848. .blocks-lg-5 > li {
  9849. width: 20%;
  9850. }
  9851. }
  9852. @media (min-width: 1200px) {
  9853. .blocks-lg-6 > li {
  9854. width: 16.66666667%;
  9855. }
  9856. }
  9857. @media (min-width: 1600px) {
  9858. .blocks-xlg-100 > li {
  9859. width: 100%;
  9860. }
  9861. }
  9862. @media (min-width: 1600px) {
  9863. .blocks-xlg-2 > li {
  9864. width: 50%;
  9865. }
  9866. }
  9867. @media (min-width: 1600px) {
  9868. .blocks-xlg-3 > li {
  9869. width: 33.33333333%;
  9870. }
  9871. }
  9872. @media (min-width: 1600px) {
  9873. .blocks-xlg-4 > li {
  9874. width: 25%;
  9875. }
  9876. }
  9877. @media (min-width: 1600px) {
  9878. .blocks-xlg-5 > li {
  9879. width: 20%;
  9880. }
  9881. }
  9882. @media (min-width: 1600px) {
  9883. .blocks-xlg-6 > li {
  9884. width: 16.66666667%;
  9885. }
  9886. }
  9887. .avatar {
  9888. position: relative;
  9889. display: inline-block;
  9890. width: 40px;
  9891. white-space: nowrap;
  9892. vertical-align: bottom;
  9893. border-radius: 1000px;
  9894. }
  9895. .avatar i {
  9896. position: absolute;
  9897. right: 0;
  9898. bottom: 0;
  9899. width: 10px;
  9900. height: 10px;
  9901. border: 2px solid #fff;
  9902. border-radius: 100%;
  9903. }
  9904. .avatar img {
  9905. width: 100%;
  9906. max-width: 100%;
  9907. height: auto;
  9908. border: 0 none;
  9909. border-radius: 1000px;
  9910. }
  9911. .avatar-online i {
  9912. background-color: #46be8a;
  9913. }
  9914. .avatar-off i {
  9915. background-color: #526069;
  9916. }
  9917. .avatar-busy i {
  9918. background-color: #f2a654;
  9919. }
  9920. .avatar-away i {
  9921. background-color: #f96868;
  9922. }
  9923. .avatar-100 {
  9924. width: 100px;
  9925. }
  9926. .avatar-100 i {
  9927. width: 20px;
  9928. height: 20px;
  9929. }
  9930. .avatar-lg {
  9931. width: 50px;
  9932. }
  9933. .avatar-lg i {
  9934. width: 12px;
  9935. height: 12px;
  9936. }
  9937. .avatar-sm {
  9938. width: 30px;
  9939. }
  9940. .avatar-sm i {
  9941. width: 8px;
  9942. height: 8px;
  9943. }
  9944. .avatar-xs {
  9945. width: 20px;
  9946. }
  9947. .avatar-xs i {
  9948. width: 7px;
  9949. height: 7px;
  9950. }
  9951. .box {
  9952. font-size: 14px;
  9953. text-align: center;
  9954. }
  9955. .status {
  9956. display: block;
  9957. width: 10px;
  9958. height: 10px;
  9959. border: 2px solid #fff;
  9960. border-radius: 100%;
  9961. }
  9962. .status-online {
  9963. background-color: #46be8a;
  9964. }
  9965. .status-off {
  9966. background-color: #526069;
  9967. }
  9968. .status-busy {
  9969. background-color: #f2a654;
  9970. }
  9971. .status-away {
  9972. background-color: #f96868;
  9973. }
  9974. .status-lg {
  9975. width: 14px;
  9976. height: 14px;
  9977. }
  9978. .status-md {
  9979. width: 10px;
  9980. height: 10px;
  9981. }
  9982. .status-sm {
  9983. width: 8px;
  9984. height: 8px;
  9985. }
  9986. .status-xs {
  9987. width: 7px;
  9988. height: 7px;
  9989. }
  9990. .icon {
  9991. position: relative;
  9992. display: inline-block;
  9993. font-style: normal;
  9994. font-weight: normal;
  9995. line-height: 1;
  9996. -webkit-transform: translate(0, 0);
  9997. -ms-transform: translate(0, 0);
  9998. -o-transform: translate(0, 0);
  9999. transform: translate(0, 0);
  10000. text-rendering: auto;
  10001. speak: none;
  10002. -webkit-font-smoothing: antialiased;
  10003. -moz-osx-font-smoothing: grayscale;
  10004. }
  10005. .icon.pull-left {
  10006. margin-right: .3em;
  10007. }
  10008. .icon.pull-right {
  10009. margin-left: .3em;
  10010. }
  10011. .icon.icon-circle {
  10012. position: relative;
  10013. margin: .5em;
  10014. }
  10015. .icon.icon-circle:before {
  10016. position: relative;
  10017. z-index: 1;
  10018. }
  10019. .icon.icon-circle:after {
  10020. position: absolute;
  10021. top: 50%;
  10022. left: 50%;
  10023. z-index: 0;
  10024. width: 2em;
  10025. height: 2em;
  10026. content: "";
  10027. background-color: inherit;
  10028. border-radius: 100%;
  10029. -webkit-transform: translate(-50%, -50%);
  10030. -ms-transform: translate(-50%, -50%);
  10031. -o-transform: translate(-50%, -50%);
  10032. transform: translate(-50%, -50%);
  10033. }
  10034. .icon.icon-lg {
  10035. font-size: 1.33333333em;
  10036. vertical-align: -15%;
  10037. }
  10038. .icon.icon-2x {
  10039. font-size: 2em;
  10040. }
  10041. .icon.icon-3x {
  10042. font-size: 3em;
  10043. }
  10044. .icon.icon-4x {
  10045. font-size: 4em;
  10046. }
  10047. .icon.icon-5x {
  10048. font-size: 5em;
  10049. }
  10050. .icon.icon-fw {
  10051. width: 1.28571429em;
  10052. text-align: center;
  10053. }
  10054. .icon.icon-ul {
  10055. padding-left: 0;
  10056. margin-left: 2.14285714em;
  10057. list-style-type: none;
  10058. }
  10059. .icon.icon-ul > li {
  10060. position: relative;
  10061. }
  10062. .icon.icon-li {
  10063. position: absolute;
  10064. top: .14285714em;
  10065. left: -2.14285714em;
  10066. width: 2.14285714em;
  10067. text-align: center;
  10068. }
  10069. .icon.icon-li.icon-lg {
  10070. left: -1.85714286em;
  10071. }
  10072. .icon.icon-border {
  10073. padding: .2em .25em .15em;
  10074. border: solid .08em #e4eaec;
  10075. border-radius: .1em;
  10076. }
  10077. .icon.icon-spin {
  10078. -webkit-animation: icon-spin 2s infinite linear;
  10079. -o-animation: icon-spin 2s infinite linear;
  10080. animation: icon-spin 2s infinite linear;
  10081. }
  10082. .icon.icon-spin-reverse {
  10083. -webkit-animation: icon-spin-reverse 2s infinite linear;
  10084. -o-animation: icon-spin-reverse 2s infinite linear;
  10085. animation: icon-spin-reverse 2s infinite linear;
  10086. }
  10087. .icon.icon-rotate-90 {
  10088. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  10089. -webkit-transform: rotate(90deg);
  10090. -ms-transform: rotate(90deg);
  10091. -o-transform: rotate(90deg);
  10092. transform: rotate(90deg);
  10093. }
  10094. .icon.icon-rotate-180 {
  10095. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  10096. -webkit-transform: rotate(180deg);
  10097. -ms-transform: rotate(180deg);
  10098. -o-transform: rotate(180deg);
  10099. transform: rotate(180deg);
  10100. }
  10101. .icon.icon-rotate-270 {
  10102. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  10103. -webkit-transform: rotate(270deg);
  10104. -ms-transform: rotate(270deg);
  10105. -o-transform: rotate(270deg);
  10106. transform: rotate(270deg);
  10107. }
  10108. .icon.icon-flip-horizontal {
  10109. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  10110. -webkit-transform: scale(-1, 1);
  10111. -ms-transform: scale(-1, 1);
  10112. -o-transform: scale(-1, 1);
  10113. transform: scale(-1, 1);
  10114. }
  10115. .icon.icon-flip-vertical {
  10116. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  10117. -webkit-transform: scale(1, -1);
  10118. -ms-transform: scale(1, -1);
  10119. -o-transform: scale(1, -1);
  10120. transform: scale(1, -1);
  10121. }
  10122. .icon.icon-stack {
  10123. position: relative;
  10124. display: inline-block;
  10125. width: 2em;
  10126. height: 2em;
  10127. line-height: 2em;
  10128. vertical-align: middle;
  10129. }
  10130. .icon.icon-stack-1x, .icon.icon-stack-2x {
  10131. position: absolute;
  10132. left: 0;
  10133. width: 100%;
  10134. text-align: center;
  10135. }
  10136. .icon.icon-stack-1x {
  10137. line-height: inherit;
  10138. }
  10139. .icon.icon-stack-2x {
  10140. font-size: 2em;
  10141. }
  10142. .icon.icon-stack-inverse {
  10143. color: #fff;
  10144. }
  10145. .icon-color {
  10146. color: rgba(55, 71, 79, .4);
  10147. }
  10148. .icon-color:hover, .icon-color:focus {
  10149. color: rgba(55, 71, 79, .6);
  10150. }
  10151. .icon-color.active, .icon-color:active {
  10152. color: #37474f;
  10153. }
  10154. .icon-color-alt {
  10155. color: rgba(55, 71, 79, .6);
  10156. }
  10157. .icon-color-alt:hover, .icon-color-alt:focus {
  10158. color: rgba(55, 71, 79, .8);
  10159. }
  10160. .icon-color-alt.active, .icon-color-alt:active {
  10161. color: #37474f;
  10162. }
  10163. @-webkit-keyframes icon-spin {
  10164. 0% {
  10165. -webkit-transform: rotate(0deg);
  10166. transform: rotate(0deg);
  10167. }
  10168. 100% {
  10169. -webkit-transform: rotate(359deg);
  10170. transform: rotate(359deg);
  10171. }
  10172. }
  10173. @-o-keyframes icon-spin {
  10174. 0% {
  10175. -webkit-transform: rotate(0deg);
  10176. -o-transform: rotate(0deg);
  10177. transform: rotate(0deg);
  10178. }
  10179. 100% {
  10180. -webkit-transform: rotate(359deg);
  10181. -o-transform: rotate(359deg);
  10182. transform: rotate(359deg);
  10183. }
  10184. }
  10185. @keyframes icon-spin {
  10186. 0% {
  10187. -webkit-transform: rotate(0deg);
  10188. -o-transform: rotate(0deg);
  10189. transform: rotate(0deg);
  10190. }
  10191. 100% {
  10192. -webkit-transform: rotate(359deg);
  10193. -o-transform: rotate(359deg);
  10194. transform: rotate(359deg);
  10195. }
  10196. }
  10197. @-webkit-keyframes icon-spin-reverse {
  10198. 0% {
  10199. -webkit-transform: rotate(0deg);
  10200. transform: rotate(0deg);
  10201. }
  10202. 100% {
  10203. -webkit-transform: rotate(-359deg);
  10204. transform: rotate(-359deg);
  10205. }
  10206. }
  10207. @-o-keyframes icon-spin-reverse {
  10208. 0% {
  10209. -webkit-transform: rotate(0deg);
  10210. -o-transform: rotate(0deg);
  10211. transform: rotate(0deg);
  10212. }
  10213. 100% {
  10214. -webkit-transform: rotate(-359deg);
  10215. -o-transform: rotate(-359deg);
  10216. transform: rotate(-359deg);
  10217. }
  10218. }
  10219. @keyframes icon-spin-reverse {
  10220. 0% {
  10221. -webkit-transform: rotate(0deg);
  10222. -o-transform: rotate(0deg);
  10223. transform: rotate(0deg);
  10224. }
  10225. 100% {
  10226. -webkit-transform: rotate(-359deg);
  10227. -o-transform: rotate(-359deg);
  10228. transform: rotate(-359deg);
  10229. }
  10230. }
  10231. .hamburger {
  10232. font-size: 20px;
  10233. vertical-align: middle;
  10234. }
  10235. .hamburger, .hamburger:before, .hamburger .hamburger-bar, .hamburger:after {
  10236. -webkit-transition: -webkit-transform .2s ease-in-out;
  10237. -o-transition: -o-transform .2s ease-in-out;
  10238. transition: -webkit-transform .2s ease-in-out;
  10239. transition: transform .2s ease-in-out;
  10240. transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out, -o-transform .2s ease-in-out;
  10241. }
  10242. .hamburger:before, .hamburger:after {
  10243. content: "";
  10244. }
  10245. .hamburger:before, .hamburger .hamburger-bar, .hamburger:after {
  10246. display: block;
  10247. width: 1em;
  10248. height: .1em;
  10249. margin: 0;
  10250. background: #76838f;
  10251. border-radius: 1px;
  10252. }
  10253. .navbar-default .hamburger:before, .navbar-default .hamburger .hamburger-bar, .navbar-default .hamburger:after {
  10254. background: #76838f;
  10255. }
  10256. .navbar-inverse .hamburger:before, .navbar-inverse .hamburger .hamburger-bar, .navbar-inverse .hamburger:after {
  10257. background: #fff;
  10258. }
  10259. .hamburger .hamburger-bar {
  10260. margin: .2em 0;
  10261. }
  10262. .hamburger-close:before {
  10263. -webkit-transform: rotate(45deg);
  10264. -ms-transform: rotate(45deg);
  10265. -o-transform: rotate(45deg);
  10266. transform: rotate(45deg);
  10267. -webkit-transform-origin: 8%;
  10268. -ms-transform-origin: 8%;
  10269. -o-transform-origin: 8%;
  10270. transform-origin: 8%;
  10271. }
  10272. .hamburger-close .hamburger-bar {
  10273. opacity: 0;
  10274. }
  10275. .hamburger-close:after {
  10276. -webkit-transform: rotate(-45deg);
  10277. -ms-transform: rotate(-45deg);
  10278. -o-transform: rotate(-45deg);
  10279. transform: rotate(-45deg);
  10280. -webkit-transform-origin: 8%;
  10281. -ms-transform-origin: 8%;
  10282. -o-transform-origin: 8%;
  10283. transform-origin: 8%;
  10284. }
  10285. .hamburger-close.hided:before, .hamburger-close.collapsed:before {
  10286. -webkit-transform: rotate(0);
  10287. -ms-transform: rotate(0);
  10288. -o-transform: rotate(0);
  10289. transform: rotate(0);
  10290. }
  10291. .hamburger-close.hided .hamburger-bar, .hamburger-close.collapsed .hamburger-bar {
  10292. opacity: 1;
  10293. }
  10294. .hamburger-close.hided:after, .hamburger-close.collapsed:after {
  10295. -webkit-transform: rotate(0);
  10296. -ms-transform: rotate(0);
  10297. -o-transform: rotate(0);
  10298. transform: rotate(0);
  10299. }
  10300. .hamburger-arrow-left.collapsed {
  10301. -webkit-transform: rotate(180deg);
  10302. -ms-transform: rotate(180deg);
  10303. -o-transform: rotate(180deg);
  10304. transform: rotate(180deg);
  10305. }
  10306. .hamburger-arrow-left.collapsed:before {
  10307. width: .6em;
  10308. -webkit-transform: translate3d(.45em, .1em, 0) rotate(45deg);
  10309. transform: translate3d(.45em, .1em, 0) rotate(45deg);
  10310. }
  10311. .hamburger-arrow-left.collapsed .hamburger-bar {
  10312. border-radius: .2em;
  10313. }
  10314. .hamburger-arrow-left.collapsed:after {
  10315. width: .6em;
  10316. -webkit-transform: translate3d(.45em, -.1em, 0) rotate(-45deg);
  10317. transform: translate3d(.45em, -.1em, 0) rotate(-45deg);
  10318. }
  10319. .counter {
  10320. text-align: center;
  10321. }
  10322. .counter > .counter-number, .counter .counter-number-group {
  10323. font-size: 20px;
  10324. color: #37474f;
  10325. }
  10326. .counter-label {
  10327. display: block;
  10328. }
  10329. .counter-icon {
  10330. font-size: 20px;
  10331. }
  10332. .counter-lg > .counter-number, .counter-lg .counter-number-group {
  10333. font-size: 40px;
  10334. }
  10335. .counter-lg .counter-icon {
  10336. font-size: 40px;
  10337. }
  10338. .counter-md > .counter-number, .counter-md .counter-number-group {
  10339. font-size: 30px;
  10340. }
  10341. .counter-md .counter-icon {
  10342. font-size: 30px;
  10343. }
  10344. .counter-sm > .counter-number, .counter-sm .counter-number-group {
  10345. font-size: 14px;
  10346. }
  10347. .counter-sm .counter-icon {
  10348. font-size: 14px;
  10349. }
  10350. .counter-sm .counter-number-related + .counter-number, .counter-sm .counter-number + .counter-number-related {
  10351. margin-left: 0;
  10352. }
  10353. .counter-inverse {
  10354. color: #fff;
  10355. }
  10356. .counter-inverse > .counter-number, .counter-inverse .counter-number-group {
  10357. color: #fff;
  10358. }
  10359. .counter-inverse .counter-icon {
  10360. color: #fff;
  10361. }
  10362. .widget {
  10363. position: relative;
  10364. margin-bottom: 24px;
  10365. background-color: #fff;
  10366. }
  10367. .widget .cover {
  10368. width: 100%;
  10369. }
  10370. [class*="blocks-"] > li > .widget {
  10371. margin-bottom: 0;
  10372. }
  10373. .widget-shadow {
  10374. -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  10375. box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  10376. }
  10377. .widget {
  10378. border-radius: 3px;
  10379. }
  10380. .widget .widget-header {
  10381. border-radius: 3px 3px 0 0;
  10382. }
  10383. .widget .widget-header:last-child {
  10384. border-radius: inherit;
  10385. }
  10386. .widget .widget-body:last-child {
  10387. border-radius: 0 0 3px 3px;
  10388. }
  10389. .widget .widget-body:last-child .widget-body-footer {
  10390. border-radius: 0 0 3px 3px;
  10391. }
  10392. .widget .widget-footer {
  10393. border-radius: 0 0 3px 3px;
  10394. }
  10395. .widget .widget-footer:first-child {
  10396. border-radiu: inherit;
  10397. }
  10398. .widget-body {
  10399. position: relative;
  10400. padding: 30px 25px;
  10401. }
  10402. .widget-body-footer {
  10403. margin-top: 30px;
  10404. }
  10405. .widget-body-footer:before, .widget-body-footer:after {
  10406. display: table;
  10407. content: " ";
  10408. }
  10409. .widget-body-footer:after {
  10410. clear: both;
  10411. }
  10412. .widget-content ul {
  10413. padding: 0;
  10414. margin: 0;
  10415. }
  10416. .widget-content li {
  10417. list-style: none;
  10418. }
  10419. .widget-title {
  10420. margin-top: 0;
  10421. color: #37474f;
  10422. text-transform: capitalize;
  10423. }
  10424. div.widget-title {
  10425. font-size: 22px;
  10426. }
  10427. .overlay-panel .widget-title {
  10428. color: #fff;
  10429. }
  10430. .widget > .widget-title {
  10431. padding: 12px 20px;
  10432. }
  10433. .widget-metas {
  10434. font-size: 12px;
  10435. color: #a3afb7;
  10436. }
  10437. .widget-metas.type-link > a {
  10438. position: relative;
  10439. display: inline-block;
  10440. padding: 3px 5px;
  10441. color: #a3afb7;
  10442. }
  10443. .widget-metas.type-link > a:first-child {
  10444. padding-left: 0;
  10445. }
  10446. .widget-metas.type-link > a:hover {
  10447. color: #ccd5db;
  10448. }
  10449. .widget-metas.type-link > a + a:before {
  10450. position: absolute;
  10451. top: 10px;
  10452. left: -2px;
  10453. width: 3px;
  10454. height: 3px;
  10455. content: "";
  10456. background-color: #a3afb7;
  10457. border-radius: 50%;
  10458. }
  10459. .overlay-background .widget-time {
  10460. color: #fff;
  10461. opacity: .8;
  10462. }
  10463. .widget-category {
  10464. font-size: 16px;
  10465. }
  10466. .widget-actions {
  10467. margin-top: 10px;
  10468. text-align: right;
  10469. }
  10470. .widget-actions a {
  10471. display: inline-block;
  10472. margin-right: 10px;
  10473. color: #a3afb7;
  10474. vertical-align: middle;
  10475. }
  10476. .widget-actions a.icon, .widget-actions a .icon {
  10477. text-decoration: none;
  10478. }
  10479. .widget-actions a.icon + span, .widget-actions a .icon + span {
  10480. margin-left: 2px;
  10481. }
  10482. .widget-actions a.active, .widget-actions a:hover, .widget-actions a:focus {
  10483. color: #ccd5db;
  10484. text-decoration: none;
  10485. }
  10486. .widget-actions a:last-child {
  10487. margin-right: 0;
  10488. }
  10489. .widget-actions-sidebar {
  10490. position: absolute;
  10491. top: 20px;
  10492. left: 20px;
  10493. width: 60px;
  10494. }
  10495. .widget-actions-sidebar a {
  10496. display: inline-block;
  10497. width: 100%;
  10498. height: 60px;
  10499. margin-right: 0;
  10500. text-align: center;
  10501. border-right: 1px solid #e4eaec;
  10502. }
  10503. .widget-actions-sidebar a:before {
  10504. display: inline-block;
  10505. height: 100%;
  10506. vertical-align: middle;
  10507. content: "";
  10508. }
  10509. .widget-actions-sidebar a + a {
  10510. border-top: 1px solid #e4eaec;
  10511. }
  10512. .widget-actions-sidebar + .widget-content {
  10513. margin-left: 80px;
  10514. }
  10515. .widget-watermark {
  10516. position: absolute;
  10517. right: 0;
  10518. bottom: 0;
  10519. line-height: 1;
  10520. opacity: .1;
  10521. }
  10522. .widget-watermark.darker {
  10523. color: black;
  10524. }
  10525. .widget-watermark.lighter {
  10526. color: white;
  10527. }
  10528. .widget-divider:after {
  10529. display: block;
  10530. width: 20px;
  10531. height: 2px;
  10532. margin: 15px auto;
  10533. content: "";
  10534. background-color: #fff;
  10535. }
  10536. .widget-left {
  10537. position: absolute;
  10538. top: 0;
  10539. left: 0;
  10540. width: 40%;
  10541. height: 100%;
  10542. }
  10543. .widget-left + .widget-body {
  10544. width: 60%;
  10545. margin-left: 40%;
  10546. }
  10547. @media (max-width: 767px) {
  10548. .widget-left {
  10549. position: relative;
  10550. width: 100%;
  10551. height: 320px;
  10552. }
  10553. .widget-left + .widget-body {
  10554. width: 100%;
  10555. margin-left: 0;
  10556. }
  10557. }
  10558. .panel-group .panel {
  10559. -webkit-box-shadow: none;
  10560. box-shadow: none;
  10561. }
  10562. .panel-group .panel-title {
  10563. position: relative;
  10564. padding: 15px 30px;
  10565. font-size: 14px;
  10566. }
  10567. .panel-group .panel-title:before, .panel-group .panel-title:after {
  10568. position: absolute;
  10569. top: 15px;
  10570. right: 30px;
  10571. font-family: "Web Icons";
  10572. -webkit-transition: all 300ms linear 0s;
  10573. -o-transition: all 300ms linear 0s;
  10574. transition: all 300ms linear 0s;
  10575. }
  10576. .panel-group .panel-title:before {
  10577. content: "\f197";
  10578. }
  10579. .panel-group .panel-title:after {
  10580. content: "\f199";
  10581. }
  10582. .panel-group .panel-title[aria-expanded="false"]:before {
  10583. opacity: .4;
  10584. }
  10585. .panel-group .panel-title[aria-expanded="false"]:after {
  10586. opacity: 0;
  10587. -webkit-transform: rotate(-180deg);
  10588. -ms-transform: rotate(-180deg);
  10589. -o-transform: rotate(-180deg);
  10590. transform: rotate(-180deg);
  10591. }
  10592. .panel-group .panel-title[aria-expanded="true"]:before {
  10593. opacity: 0;
  10594. -webkit-transform: rotate(180deg);
  10595. -ms-transform: rotate(180deg);
  10596. -o-transform: rotate(180deg);
  10597. transform: rotate(180deg);
  10598. }
  10599. .panel-group .panel-title[aria-expanded="true"]:after {
  10600. opacity: 1;
  10601. }
  10602. .panel-group .panel-title:hover, .panel-group .panel-title:focus {
  10603. color: #76838f;
  10604. text-decoration: none;
  10605. }
  10606. .panel-group .panel-title:focus {
  10607. outline: none;
  10608. }
  10609. .panel-group .panel-heading + .panel-collapse {
  10610. margin: 0;
  10611. }
  10612. .panel-group .panel-collapse .panel-body {
  10613. padding: 15px 30px;
  10614. }
  10615. .panel-group .panel-heading + .panel-collapse .panel-body {
  10616. border-top-color: transparent;
  10617. }
  10618. .panel-group .panel + .panel {
  10619. margin-top: 10px;
  10620. }
  10621. .panel-group-continuous .panel {
  10622. border-radius: 0;
  10623. }
  10624. .panel-group-continuous .panel:first-child {
  10625. border-radius: 1px 1px 0 0;
  10626. }
  10627. .panel-group-continuous .panel:last-child {
  10628. border-radius: 0 0 1px 1px;
  10629. }
  10630. .panel-group-continuous .panel + .panel {
  10631. margin-top: 0;
  10632. border-top: 1px solid #e4eaec;
  10633. }
  10634. .panel-group-simple .panel {
  10635. background: transparent;
  10636. -webkit-box-shadow: none;
  10637. box-shadow: none;
  10638. }
  10639. .panel-group-simple .panel-title {
  10640. padding-bottom: 10px;
  10641. padding-left: 0;
  10642. }
  10643. .panel-group-simple .panel-title:before, .panel-group-simple .panel-title:after {
  10644. right: 5px;
  10645. }
  10646. .panel-group-simple .panel-collapse .panel-body {
  10647. padding-top: 10px;
  10648. padding-right: 0;
  10649. padding-left: 0;
  10650. }
  10651. .panel-group-simple .panel + .panel {
  10652. margin-top: 0;
  10653. }
  10654. .cover {
  10655. overflow: hidden;
  10656. }
  10657. .cover-background {
  10658. height: 100%;
  10659. background-repeat: no-repeat;
  10660. background-position: center;
  10661. -webkit-background-size: cover;
  10662. background-size: cover;
  10663. }
  10664. .cover-image {
  10665. width: 100%;
  10666. }
  10667. .cover-quote {
  10668. position: relative;
  10669. padding-left: 35px;
  10670. margin-bottom: 0;
  10671. border-left: none;
  10672. }
  10673. .cover-quote:before, .cover-quote:after {
  10674. position: absolute;
  10675. top: -20px;
  10676. font-size: 4em;
  10677. }
  10678. .cover-quote:before {
  10679. left: 0;
  10680. content: open-quote;
  10681. }
  10682. .cover-quote:after {
  10683. right: 0;
  10684. visibility: hidden;
  10685. content: close-quote;
  10686. }
  10687. .cover-quote.blockquote-reverse {
  10688. padding-right: 35px;
  10689. padding-left: 20px;
  10690. border-right: none;
  10691. }
  10692. .cover-quote.blockquote-reverse:before {
  10693. right: 0;
  10694. left: auto;
  10695. content: close-quote;
  10696. }
  10697. .cover-gallery .carousel-inner img {
  10698. width: 100%;
  10699. }
  10700. .cover-iframe {
  10701. width: 100%;
  10702. border: 0 none;
  10703. }
  10704. .overlay {
  10705. position: relative;
  10706. display: inline-block;
  10707. width: 100%;
  10708. max-width: 100%;
  10709. margin: 0;
  10710. overflow: hidden;
  10711. vertical-align: middle;
  10712. -webkit-transform: translateZ(0);
  10713. transform: translateZ(0);
  10714. }
  10715. .overlay > :first-child, .overlay .overlay-figure {
  10716. width: 100%;
  10717. max-width: 100%;
  10718. margin-bottom: 0;
  10719. }
  10720. .overlay-panel {
  10721. position: absolute;
  10722. top: 0;
  10723. right: 0;
  10724. bottom: 0;
  10725. left: 0;
  10726. padding: 20px;
  10727. color: #fff;
  10728. }
  10729. .overlay-panel a:not([class]) {
  10730. color: inherit;
  10731. text-decoration: underline;
  10732. }
  10733. .overlay-panel > :last-child {
  10734. margin-bottom: 0;
  10735. }
  10736. .overlay-panel h1, .overlay-panel h2, .overlay-panel h3, .overlay-panel h4, .overlay-panel h5, .overlay-panel h6 {
  10737. color: inherit;
  10738. }
  10739. .overlay-hover:not(:hover) .overlay-panel:not(.overlay-background-fixed) {
  10740. opacity: 0;
  10741. }
  10742. .overlay-background {
  10743. background: rgba(0, 0, 0, .5);
  10744. }
  10745. .overlay-image {
  10746. width: 100%;
  10747. max-width: 100%;
  10748. padding: 0;
  10749. }
  10750. .overlay-shade {
  10751. background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, .87)), to(#fff)) repeat scroll 0 0;
  10752. background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .87) 90%, #fff 100%) repeat scroll 0 0;
  10753. background: rgba(0, 0, 0, 0) -o-linear-gradient(top, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .87) 90%, #fff 100%) repeat scroll 0 0;
  10754. background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .87) 90%, #fff 100%) repeat scroll 0 0;
  10755. }
  10756. /* Position modifiers
  10757. ========================================================================== */
  10758. .overlay-top {
  10759. bottom: auto;
  10760. }
  10761. .overlay-bottom {
  10762. top: auto;
  10763. }
  10764. .overlay-left {
  10765. right: auto;
  10766. }
  10767. .overlay-right {
  10768. left: auto;
  10769. }
  10770. /* Sub-object `overlay-icon`
  10771. ========================================================================== */
  10772. .overlay-icon {
  10773. font-size: 0;
  10774. text-align: center;
  10775. }
  10776. .overlay-icon:before {
  10777. display: inline-block;
  10778. height: 100%;
  10779. vertical-align: middle;
  10780. content: "";
  10781. }
  10782. .overlay-icon .icon {
  10783. display: inline-block;
  10784. width: 32px;
  10785. height: 32px;
  10786. margin-right: 10px;
  10787. margin-left: 10px;
  10788. font-size: 32px;
  10789. line-height: 1;
  10790. color: #fff;
  10791. text-decoration: none;
  10792. }
  10793. .overlay-anchor {
  10794. position: absolute;
  10795. top: 0;
  10796. right: 0;
  10797. bottom: 0;
  10798. left: 0;
  10799. }
  10800. .overlay-fade, .overlay-scale, .overlay-spin, .overlay-grayscale, .overlay-blur, [class*="overlay-slide"] {
  10801. -webkit-transition-timing-function: ease-out;
  10802. -o-transition-timing-function: ease-out;
  10803. transition-timing-function: ease-out;
  10804. -webkit-transition-duration: .3s;
  10805. -o-transition-duration: .3s;
  10806. transition-duration: .3s;
  10807. -webkit-transition-property: opacity;
  10808. -o-transition-property: opacity;
  10809. transition-property: opacity;
  10810. }
  10811. .overlay-fade {
  10812. opacity: .7;
  10813. }
  10814. .overlay-hover:hover .overlay-fade {
  10815. opacity: 1;
  10816. }
  10817. .overlay-scale {
  10818. -webkit-transform: scale(1);
  10819. -ms-transform: scale(1);
  10820. -o-transform: scale(1);
  10821. transform: scale(1);
  10822. }
  10823. .overlay-hover:hover .overlay-scale {
  10824. -webkit-transform: scale(1.1);
  10825. -ms-transform: scale(1.1);
  10826. -o-transform: scale(1.1);
  10827. transform: scale(1.1);
  10828. }
  10829. .overlay-spin {
  10830. -webkit-transform: scale(1) rotate(0deg);
  10831. -ms-transform: scale(1) rotate(0deg);
  10832. -o-transform: scale(1) rotate(0deg);
  10833. transform: scale(1) rotate(0deg);
  10834. }
  10835. .overlay-hover:hover .overlay-spin {
  10836. -webkit-transform: scale(1.1) rotate(3deg);
  10837. -ms-transform: scale(1.1) rotate(3deg);
  10838. -o-transform: scale(1.1) rotate(3deg);
  10839. transform: scale(1.1) rotate(3deg);
  10840. }
  10841. .overlay-grayscale {
  10842. filter: grayscale(100%);
  10843. -webkit-filter: grayscale(100%);
  10844. }
  10845. .overlay-hover:hover .overlay-grayscale {
  10846. filter: grayscale(0%);
  10847. -webkit-filter: grayscale(0%);
  10848. }
  10849. [class*="overlay-slide"] {
  10850. opacity: 0;
  10851. }
  10852. .overlay-slide-top {
  10853. -webkit-transform: translateY(-100%);
  10854. -ms-transform: translateY(-100%);
  10855. -o-transform: translateY(-100%);
  10856. transform: translateY(-100%);
  10857. }
  10858. .overlay-slide-bottom {
  10859. -webkit-transform: translateY(100%);
  10860. -ms-transform: translateY(100%);
  10861. -o-transform: translateY(100%);
  10862. transform: translateY(100%);
  10863. }
  10864. .overlay-slide-left {
  10865. -webkit-transform: translateX(-100%);
  10866. -ms-transform: translateX(-100%);
  10867. -o-transform: translateX(-100%);
  10868. transform: translateX(-100%);
  10869. }
  10870. .overlay-slide-right {
  10871. -webkit-transform: translateX(100%);
  10872. -ms-transform: translateX(100%);
  10873. -o-transform: translateX(100%);
  10874. transform: translateX(100%);
  10875. }
  10876. .overlay-hover:hover [class*="overlay-slide"] {
  10877. opacity: 1;
  10878. -webkit-transform: translateX(0) translateY(0);
  10879. -ms-transform: translateX(0) translateY(0);
  10880. -o-transform: translateX(0) translateY(0);
  10881. transform: translateX(0) translateY(0);
  10882. }
  10883. .comments {
  10884. padding: 0;
  10885. margin: 0;
  10886. }
  10887. .comments .comment {
  10888. border: none;
  10889. border-bottom: 1px solid #e4eaec;
  10890. }
  10891. .comments .comment .comment:first-child {
  10892. border-top: 1px solid #e4eaec;
  10893. }
  10894. .comments .comment .comment:last-child {
  10895. border-bottom: none;
  10896. }
  10897. .comment {
  10898. padding: 15px 0;
  10899. margin: 0;
  10900. }
  10901. .comment .comment {
  10902. padding-bottom: 15px;
  10903. margin-top: 15px;
  10904. }
  10905. .comment .comment:last-child {
  10906. padding-bottom: 0;
  10907. }
  10908. .comment-author, .comment-author:hover, .comment-author:focus {
  10909. color: #37474f;
  10910. }
  10911. .comment-meta {
  10912. display: inline-block;
  10913. margin-left: 5px;
  10914. font-size: 12px;
  10915. color: #a3afb7;
  10916. }
  10917. .comment-content {
  10918. margin-top: 5px;
  10919. }
  10920. .comment-content p {
  10921. margin-bottom: 10px;
  10922. }
  10923. .comment-actions {
  10924. margin-top: 10px;
  10925. text-align: right;
  10926. }
  10927. .comment-actions a {
  10928. display: inline-block;
  10929. margin-right: 10px;
  10930. vertical-align: middle;
  10931. }
  10932. .comment-actions a.icon {
  10933. text-decoration: none;
  10934. }
  10935. .comment-actions a:last-child {
  10936. margin-right: 0;
  10937. }
  10938. .comment-reply {
  10939. margin: 10px 0 10px;
  10940. }
  10941. .comment-reply .form-group:last-child {
  10942. margin-bottom: 0;
  10943. }
  10944. .chat-box {
  10945. width: 100%;
  10946. height: 100%;
  10947. overflow: hidden;
  10948. background-color: #fff;
  10949. }
  10950. .chats {
  10951. padding: 30px 15px;
  10952. }
  10953. .chat-avatar {
  10954. float: right;
  10955. }
  10956. .chat-avatar .avatar {
  10957. width: 30px;
  10958. }
  10959. .chat-body {
  10960. display: block;
  10961. margin: 10px 30px 0 0;
  10962. overflow: hidden;
  10963. }
  10964. .chat-body:first-child {
  10965. margin-top: 0;
  10966. }
  10967. .chat-content {
  10968. position: relative;
  10969. display: block;
  10970. float: right;
  10971. padding: 5px 10px;
  10972. margin: 0 20px 10px 0;
  10973. clear: both;
  10974. color: #fff;
  10975. background-color: #62a8ea;
  10976. border-radius: 4px;
  10977. }
  10978. .chat-content:before {
  10979. position: absolute;
  10980. top: 10px;
  10981. right: -10px;
  10982. width: 0;
  10983. height: 0;
  10984. content: "";
  10985. border: 5px solid transparent;
  10986. border-left-color: #62a8ea;
  10987. }
  10988. .chat-content > p {
  10989. margin: 0;
  10990. }
  10991. .chat-content + .chat-content:before {
  10992. border-color: transparent;
  10993. }
  10994. .chat-time {
  10995. display: block;
  10996. font-size: 8px;
  10997. color: rgba(255, 255, 255, .6);
  10998. }
  10999. .chat-left .chat-avatar {
  11000. float: left;
  11001. }
  11002. .chat-left .chat-body {
  11003. margin-right: 0;
  11004. margin-left: 30px;
  11005. }
  11006. .chat-left .chat-content {
  11007. float: left;
  11008. margin: 0 0 10px 20px;
  11009. color: #76838f;
  11010. background-color: #dfe9ef;
  11011. }
  11012. .chat-left .chat-content:before {
  11013. right: auto;
  11014. left: -10px;
  11015. border-right-color: #dfe9ef;
  11016. border-left-color: transparent;
  11017. }
  11018. .chat-left .chat-content + .chat-content:before {
  11019. border-color: transparent;
  11020. }
  11021. .chat-left .chat-time {
  11022. color: #a3afb7;
  11023. }
  11024. .steps {
  11025. margin-bottom: 22px;
  11026. }
  11027. .steps.row {
  11028. display: block;
  11029. margin-right: 0;
  11030. margin-left: 0;
  11031. }
  11032. .step {
  11033. position: relative;
  11034. padding: 10px 15px;
  11035. margin: 0;
  11036. font-size: inherit;
  11037. color: #a3afb7;
  11038. vertical-align: top;
  11039. background-color: #f3f7f9;
  11040. border-radius: 0;
  11041. }
  11042. .step-icon {
  11043. float: left;
  11044. margin-top: 4px;
  11045. margin-right: .5em;
  11046. font-size: 16px;
  11047. }
  11048. .step-number {
  11049. position: absolute;
  11050. top: 50%;
  11051. left: 15px;
  11052. width: 32px;
  11053. height: 32px;
  11054. font-size: 20px;
  11055. line-height: 32px;
  11056. color: #fff;
  11057. text-align: center;
  11058. background: #e4eaec;
  11059. border-radius: 50%;
  11060. -webkit-transform: translateY(-50%);
  11061. -ms-transform: translateY(-50%);
  11062. -o-transform: translateY(-50%);
  11063. transform: translateY(-50%);
  11064. }
  11065. .step-number ~ .step-desc {
  11066. min-height: 32px;
  11067. margin-left: 42px;
  11068. }
  11069. .step-title {
  11070. margin-bottom: 0;
  11071. font-size: 16px;
  11072. color: #526069;
  11073. }
  11074. .step-desc {
  11075. text-align: left;
  11076. }
  11077. .step-desc p {
  11078. margin-bottom: 0;
  11079. }
  11080. .steps-vertical .step {
  11081. display: block;
  11082. padding: 12px 15px;
  11083. }
  11084. .steps-vertical .step[class*="col-"] {
  11085. float: none;
  11086. width: 100%;
  11087. }
  11088. .step.current {
  11089. color: #fff;
  11090. background-color: #62a8ea;
  11091. }
  11092. .step.current .step-title {
  11093. color: #fff;
  11094. }
  11095. .step.current .step-number {
  11096. color: #62a8ea;
  11097. background-color: #fff;
  11098. }
  11099. .step.disabled {
  11100. color: #ccd5db;
  11101. pointer-events: none;
  11102. cursor: auto;
  11103. }
  11104. .step.disabled .step-title {
  11105. color: #ccd5db;
  11106. }
  11107. .step.disabled .step-number {
  11108. background-color: #ccd5db;
  11109. }
  11110. .step.error {
  11111. color: #fff;
  11112. background-color: #f96868;
  11113. }
  11114. .step.error .step-title {
  11115. color: #fff;
  11116. }
  11117. .step.error .step-number {
  11118. color: #f96868;
  11119. background-color: #fff;
  11120. }
  11121. .step.done {
  11122. color: #fff;
  11123. background-color: #46be8a;
  11124. }
  11125. .step.done .step-title {
  11126. color: #fff;
  11127. }
  11128. .step.done .step-number {
  11129. color: #46be8a;
  11130. background-color: #fff;
  11131. }
  11132. .steps-lg .step {
  11133. padding: 15px 15px;
  11134. font-size: 14px;
  11135. }
  11136. .steps-lg .step-icon {
  11137. font-size: 18px;
  11138. }
  11139. .steps-lg .step-title {
  11140. font-size: 18px;
  11141. }
  11142. .steps-lg .step-number {
  11143. width: 46px;
  11144. height: 46px;
  11145. font-size: 28px;
  11146. line-height: 46px;
  11147. }
  11148. .steps-lg .step-number ~ .step-desc {
  11149. min-height: 46px;
  11150. margin-left: 56px;
  11151. }
  11152. .steps-sm .step {
  11153. font-size: 12px;
  11154. }
  11155. .steps-sm .step-icon {
  11156. font-size: 18px;
  11157. }
  11158. .steps-sm .step-title {
  11159. font-size: 18px;
  11160. }
  11161. .steps-sm .step-number {
  11162. width: 30px;
  11163. height: 30px;
  11164. font-size: 24px;
  11165. line-height: 30px;
  11166. }
  11167. .steps-sm .step-number ~ .step-desc {
  11168. min-height: 30px;
  11169. margin-left: 40px;
  11170. }
  11171. .steps-sm .step-icon {
  11172. margin-top: 3px;
  11173. }
  11174. .steps-xs .step {
  11175. font-size: 12px;
  11176. }
  11177. .steps-xs .step-icon {
  11178. font-size: 16px;
  11179. }
  11180. .steps-xs .step-title {
  11181. font-size: 16px;
  11182. }
  11183. .steps-xs .step-number {
  11184. width: 24px;
  11185. height: 24px;
  11186. font-size: 20px;
  11187. line-height: 24px;
  11188. }
  11189. .steps-xs .step-number ~ .step-desc {
  11190. min-height: 24px;
  11191. margin-left: 34px;
  11192. }
  11193. .steps-xs .step-icon {
  11194. margin-top: 3px;
  11195. }
  11196. .pearls {
  11197. margin-bottom: 22px;
  11198. }
  11199. .pearls.row {
  11200. display: block;
  11201. }
  11202. .pearl {
  11203. position: relative;
  11204. padding: 0;
  11205. margin: 0;
  11206. text-align: center;
  11207. }
  11208. .pearl:before, .pearl:after {
  11209. position: absolute;
  11210. top: 18px;
  11211. z-index: 0;
  11212. width: 50%;
  11213. height: 4px;
  11214. content: "";
  11215. background-color: #f3f7f9;
  11216. }
  11217. .pearl:before {
  11218. left: 0;
  11219. }
  11220. .pearl:after {
  11221. right: 0;
  11222. }
  11223. .pearl:first-child:before, .pearl:last-child:after {
  11224. display: none !important;
  11225. }
  11226. .pearl-number, .pearl-icon {
  11227. position: relative;
  11228. z-index: 1;
  11229. display: inline-block;
  11230. width: 36px;
  11231. height: 36px;
  11232. line-height: 32px;
  11233. color: #fff;
  11234. text-align: center;
  11235. background: #ccd5db;
  11236. border: 2px solid #ccd5db;
  11237. border-radius: 50%;
  11238. }
  11239. .pearl-number {
  11240. font-size: 18px;
  11241. }
  11242. .pearl-icon {
  11243. font-size: 18px;
  11244. }
  11245. .pearl-title {
  11246. display: block;
  11247. margin-top: .5em;
  11248. margin-bottom: 0;
  11249. /* for IE */
  11250. overflow: hidden;
  11251. font-size: 16px;
  11252. color: #526069;
  11253. text-overflow: ellipsis;
  11254. word-wrap: normal;
  11255. /* for IE */
  11256. white-space: nowrap;
  11257. }
  11258. .pearl.current:before, .pearl.current:after {
  11259. background-color: #62a8ea;
  11260. }
  11261. .pearl.current .pearl-number, .pearl.current .pearl-icon {
  11262. color: #62a8ea;
  11263. background-color: #fff;
  11264. border-color: #62a8ea;
  11265. -webkit-transform: scale(1.3);
  11266. -ms-transform: scale(1.3);
  11267. -o-transform: scale(1.3);
  11268. transform: scale(1.3);
  11269. }
  11270. .pearl.disabled {
  11271. pointer-events: none;
  11272. cursor: auto;
  11273. }
  11274. .pearl.disabled:before, .pearl.disabled:after {
  11275. background-color: #f3f7f9;
  11276. }
  11277. .pearl.disabled .pearl-number, .pearl.disabled .pearl-icon {
  11278. color: #fff;
  11279. background-color: #ccd5db;
  11280. border-color: #ccd5db;
  11281. }
  11282. .pearl.error:before {
  11283. background-color: #62a8ea;
  11284. }
  11285. .pearl.error:after {
  11286. background-color: #f3f7f9;
  11287. }
  11288. .pearl.error .pearl-number, .pearl.error .pearl-icon {
  11289. color: #f96868;
  11290. background-color: #fff;
  11291. border-color: #f96868;
  11292. }
  11293. .pearl.done:before, .pearl.done:after {
  11294. background-color: #62a8ea;
  11295. }
  11296. .pearl.done .pearl-number, .pearl.done .pearl-icon {
  11297. color: #fff;
  11298. background-color: #62a8ea;
  11299. border-color: #62a8ea;
  11300. }
  11301. .pearls-lg .pearl:before, .pearls-lg .pearl:after {
  11302. top: 20px;
  11303. }
  11304. .pearls-lg .pearl-title {
  11305. font-size: 18px;
  11306. }
  11307. .pearls-lg .pearl-number, .pearls-lg .pearl-icon {
  11308. width: 40px;
  11309. height: 40px;
  11310. line-height: 36px;
  11311. }
  11312. .pearls-lg .pearl-icon {
  11313. font-size: 20px;
  11314. }
  11315. .pearls-lg .pearl-number {
  11316. font-size: 20px;
  11317. }
  11318. .pearls-sm .pearl:before, .pearls-sm .pearl:after {
  11319. top: 16px;
  11320. }
  11321. .pearls-sm .pearl-title {
  11322. font-size: 14px;
  11323. }
  11324. .pearls-sm .pearl-number, .pearls-sm .pearl-icon {
  11325. width: 32px;
  11326. height: 32px;
  11327. line-height: 28px;
  11328. }
  11329. .pearls-sm .pearl-number {
  11330. font-size: 16px;
  11331. }
  11332. .pearls-sm .pearl-icon {
  11333. font-size: 14px;
  11334. }
  11335. .pearls-xs .pearl:before, .pearls-xs .pearl:after {
  11336. top: 12px;
  11337. height: 2px;
  11338. }
  11339. .pearls-xs .pearl-title {
  11340. font-size: 12px;
  11341. }
  11342. .pearls-xs .pearl-number, .pearls-xs .pearl-icon {
  11343. width: 24px;
  11344. height: 24px;
  11345. line-height: 20px;
  11346. }
  11347. .pearls-xs .pearl-number {
  11348. font-size: 12px;
  11349. }
  11350. .pearls-xs .pearl-icon {
  11351. font-size: 12px;
  11352. }
  11353. .timeline {
  11354. position: relative;
  11355. padding: 0;
  11356. margin-bottom: 22px;
  11357. list-style: none;
  11358. background: transparent;
  11359. }
  11360. .timeline:before {
  11361. position: absolute;
  11362. top: 0;
  11363. bottom: 0;
  11364. left: 50%;
  11365. width: 2px;
  11366. margin-left: -1px;
  11367. content: "";
  11368. background-color: #e4eaec;
  11369. }
  11370. .timeline:after {
  11371. display: table;
  11372. content: "";
  11373. }
  11374. .timeline:after {
  11375. clear: both;
  11376. }
  11377. .timeline > li {
  11378. position: relative;
  11379. display: block;
  11380. float: left;
  11381. width: 50%;
  11382. padding-right: 40px;
  11383. margin-bottom: 60px;
  11384. }
  11385. .timeline > li:not(.timeline-period):before, .timeline > li:not(.timeline-period):after {
  11386. display: table;
  11387. content: " ";
  11388. }
  11389. .timeline > li:not(.timeline-period):after {
  11390. clear: both;
  11391. }
  11392. .timeline > li.timeline-period {
  11393. position: relative;
  11394. z-index: 6;
  11395. display: block;
  11396. float: none;
  11397. width: 200px;
  11398. padding: 25px 10px;
  11399. margin: 20px auto 30px;
  11400. clear: both;
  11401. font-size: 26px;
  11402. text-align: center;
  11403. text-transform: uppercase;
  11404. background: #f1f4f5;
  11405. }
  11406. .timeline > li.timeline-reverse {
  11407. float: right;
  11408. padding-right: 0;
  11409. padding-left: 40px;
  11410. }
  11411. .timeline > li:last-child {
  11412. margin-bottom: 0;
  11413. }
  11414. .timeline:not(.timeline-single) > li:not(.timeline-period):first-child + .timeline-item, .timeline:not(.timeline-single) > li.timeline-period + .timeline-item + .timeline-item {
  11415. margin-top: 90px;
  11416. }
  11417. .timeline-content {
  11418. float: left;
  11419. width: 100%;
  11420. overflow: hidden;
  11421. clear: left;
  11422. }
  11423. .timeline-reverse .timeline-content {
  11424. float: right;
  11425. clear: right;
  11426. }
  11427. .timeline-content > .widget {
  11428. margin: 0;
  11429. }
  11430. .timeline-dot {
  11431. position: absolute;
  11432. top: 7.5px;
  11433. right: 0;
  11434. z-index: 11;
  11435. color: #fff;
  11436. text-align: center;
  11437. cursor: pointer;
  11438. background-color: #62a8ea;
  11439. border-radius: 50%;
  11440. }
  11441. .timeline-reverse .timeline-dot {
  11442. right: auto;
  11443. left: 0;
  11444. margin-right: 0;
  11445. }
  11446. .timeline .timeline-dot {
  11447. width: 14px;
  11448. height: 14px;
  11449. margin-right: -7px;
  11450. line-height: 14px;
  11451. }
  11452. .timeline .timeline-reverse .timeline-dot {
  11453. margin-left: -7px;
  11454. }
  11455. .timeline.timeline-single {
  11456. margin-left: 7px;
  11457. }
  11458. .timeline.timeline-single .timeline-dot {
  11459. margin-left: -7px;
  11460. }
  11461. @media screen and (max-width: 767px) {
  11462. .timeline {
  11463. margin-left: 7px;
  11464. }
  11465. .timeline .timeline-dot {
  11466. margin-left: -7px;
  11467. }
  11468. }
  11469. .timeline-info {
  11470. float: right;
  11471. padding: 0 20px;
  11472. margin-bottom: 22px;
  11473. line-height: 28px;
  11474. text-align: center;
  11475. background: #e4eaec;
  11476. border: 1px solid #e4eaec;
  11477. border-radius: 20px;
  11478. }
  11479. .timeline-reverse .timeline-info {
  11480. float: left;
  11481. }
  11482. .timeline-footer {
  11483. position: absolute;
  11484. right: 0;
  11485. bottom: -30px;
  11486. margin-right: 55px;
  11487. }
  11488. .timeline-footer .icon {
  11489. margin-right: .3em;
  11490. }
  11491. .timeline-reverse .timeline-footer {
  11492. right: auto;
  11493. left: 0;
  11494. margin-right: 0;
  11495. margin-left: 55px;
  11496. }
  11497. .timeline-reverse + .timeline-reverse {
  11498. margin-top: 0;
  11499. }
  11500. @media screen and (max-width: 767px) {
  11501. .timeline:before {
  11502. left: 0;
  11503. }
  11504. .timeline > li, .timeline li.timeline-reverse {
  11505. float: none;
  11506. width: 100%;
  11507. padding-right: 0;
  11508. padding-left: 40px;
  11509. margin-top: 0;
  11510. margin-bottom: 60px;
  11511. }
  11512. .timeline-content {
  11513. float: none;
  11514. }
  11515. .timeline-dot {
  11516. right: auto;
  11517. left: 0;
  11518. margin-right: 0;
  11519. margin-left: -7px;
  11520. }
  11521. .timeline-info {
  11522. display: inline-block;
  11523. float: none;
  11524. }
  11525. .timeline-footer {
  11526. right: auto;
  11527. bottom: -26px;
  11528. left: 0;
  11529. margin-right: 0;
  11530. margin-left: 40px;
  11531. }
  11532. }
  11533. .timeline-single:before {
  11534. left: 0;
  11535. }
  11536. .timeline-single > li {
  11537. float: none;
  11538. width: 100%;
  11539. padding-right: 0;
  11540. padding-left: 40px;
  11541. margin-bottom: 60px;
  11542. }
  11543. .timeline-single .timeline-content {
  11544. float: none;
  11545. }
  11546. .timeline-single .timeline-dot {
  11547. right: auto;
  11548. left: 0;
  11549. margin-right: 0;
  11550. margin-left: -7px;
  11551. }
  11552. .timeline-single .timeline-info {
  11553. float: left;
  11554. }
  11555. .timeline-single .timeline-footer {
  11556. right: auto;
  11557. bottom: -26px;
  11558. left: 0;
  11559. margin-right: 0;
  11560. margin-left: 40px;
  11561. }
  11562. .timeline-icon .timeline-dot {
  11563. width: 40px;
  11564. height: 40px;
  11565. margin-right: -20px;
  11566. line-height: 40px;
  11567. }
  11568. .timeline-icon .timeline-reverse .timeline-dot {
  11569. margin-left: -20px;
  11570. }
  11571. .timeline-icon.timeline-single {
  11572. margin-left: 20px;
  11573. }
  11574. .timeline-icon.timeline-single .timeline-dot {
  11575. margin-left: -20px;
  11576. }
  11577. @media screen and (max-width: 767px) {
  11578. .timeline-icon {
  11579. margin-left: 20px;
  11580. }
  11581. .timeline-icon .timeline-dot {
  11582. margin-left: -20px;
  11583. }
  11584. }
  11585. .timeline-icon .timeline-dot {
  11586. top: -5.5px;
  11587. }
  11588. .timeline-avatar .timeline-dot {
  11589. width: 40px;
  11590. height: 40px;
  11591. margin-right: -20px;
  11592. line-height: 40px;
  11593. }
  11594. .timeline-avatar .timeline-reverse .timeline-dot {
  11595. margin-left: -20px;
  11596. }
  11597. .timeline-avatar.timeline-single {
  11598. margin-left: 20px;
  11599. }
  11600. .timeline-avatar.timeline-single .timeline-dot {
  11601. margin-left: -20px;
  11602. }
  11603. @media screen and (max-width: 767px) {
  11604. .timeline-avatar {
  11605. margin-left: 20px;
  11606. }
  11607. .timeline-avatar .timeline-dot {
  11608. margin-left: -20px;
  11609. }
  11610. }
  11611. .timeline-avatar-sm .timeline-dot {
  11612. width: 30px;
  11613. height: 30px;
  11614. margin-right: -15px;
  11615. line-height: 30px;
  11616. }
  11617. .timeline-avatar-sm .timeline-reverse .timeline-dot {
  11618. margin-left: -15px;
  11619. }
  11620. .timeline-avatar-sm.timeline-single {
  11621. margin-left: 15px;
  11622. }
  11623. .timeline-avatar-sm.timeline-single .timeline-dot {
  11624. margin-left: -15px;
  11625. }
  11626. @media screen and (max-width: 767px) {
  11627. .timeline-avatar-sm {
  11628. margin-left: 15px;
  11629. }
  11630. .timeline-avatar-sm .timeline-dot {
  11631. margin-left: -15px;
  11632. }
  11633. }
  11634. .timeline-avatar-lg .timeline-dot {
  11635. width: 50px;
  11636. height: 50px;
  11637. margin-right: -25px;
  11638. line-height: 50px;
  11639. }
  11640. .timeline-avatar-lg .timeline-reverse .timeline-dot {
  11641. margin-left: -25px;
  11642. }
  11643. .timeline-avatar-lg.timeline-single {
  11644. margin-left: 25px;
  11645. }
  11646. .timeline-avatar-lg.timeline-single .timeline-dot {
  11647. margin-left: -25px;
  11648. }
  11649. @media screen and (max-width: 767px) {
  11650. .timeline-avatar-lg {
  11651. margin-left: 25px;
  11652. }
  11653. .timeline-avatar-lg .timeline-dot {
  11654. margin-left: -25px;
  11655. }
  11656. }
  11657. .timeline-simple .timeline-dot {
  11658. top: 0;
  11659. margin-top: 10px;
  11660. }
  11661. .timeline-feed .timeline-dot {
  11662. width: 30px;
  11663. height: 30px;
  11664. margin-right: -15px;
  11665. line-height: 30px;
  11666. }
  11667. .timeline-feed .timeline-reverse .timeline-dot {
  11668. margin-left: -15px;
  11669. }
  11670. .timeline-feed.timeline-single {
  11671. margin-left: 15px;
  11672. }
  11673. .timeline-feed.timeline-single .timeline-dot {
  11674. margin-left: -15px;
  11675. }
  11676. @media screen and (max-width: 767px) {
  11677. .timeline-feed {
  11678. margin-left: 15px;
  11679. }
  11680. .timeline-feed .timeline-dot {
  11681. margin-left: -15px;
  11682. }
  11683. }
  11684. .timeline-feed.timeline-simple .timeline-dot {
  11685. margin-top: 5px;
  11686. }
  11687. .timeline-feed > li {
  11688. padding-right: 30px;
  11689. margin-bottom: 22px;
  11690. }
  11691. .timeline-feed > li.timeline-reverse {
  11692. padding-left: 30px;
  11693. }
  11694. .timeline-feed.timeline-single > li {
  11695. padding-left: 30px;
  11696. }
  11697. @media screen and (max-width: 767px) {
  11698. .timeline-feed > li {
  11699. padding-right: 30px;
  11700. margin-bottom: 22px;
  11701. }
  11702. }
  11703. @media screen and (max-width: 767px) {
  11704. }
  11705. .testimonial {
  11706. margin: 3px 3px 22px;
  11707. }
  11708. .testimonial-ul {
  11709. padding: 0;
  11710. margin: 0;
  11711. list-style: none;
  11712. }
  11713. .testimonial-item {
  11714. float: left;
  11715. padding: 0 15px 30px;
  11716. margin: 0;
  11717. }
  11718. .testimonial-content {
  11719. position: relative;
  11720. padding: 15px 20px;
  11721. margin-top: 10px;
  11722. margin-bottom: 25px;
  11723. background-color: #f3f7f9;
  11724. border-radius: 3px;
  11725. }
  11726. .testimonial-content:before {
  11727. position: absolute;
  11728. bottom: -7px;
  11729. left: 33px;
  11730. display: block;
  11731. width: 14px;
  11732. height: 14px;
  11733. content: "";
  11734. background-color: #f3f7f9;
  11735. -webkit-transform: rotate(45deg);
  11736. -ms-transform: rotate(45deg);
  11737. -o-transform: rotate(45deg);
  11738. transform: rotate(45deg);
  11739. }
  11740. .testimonial-content > p:last-child {
  11741. margin-bottom: 0;
  11742. }
  11743. .testimonial-image {
  11744. position: relative;
  11745. float: left;
  11746. margin-top: 5px;
  11747. margin-left: 20px;
  11748. }
  11749. .testimonial-author {
  11750. display: block;
  11751. margin-left: 75px;
  11752. font-size: 18px;
  11753. }
  11754. .testimonial-company {
  11755. display: block;
  11756. margin-left: 75px;
  11757. font-size: 12px;
  11758. opacity: .8;
  11759. }
  11760. .testimonial-control a {
  11761. color: #ccd5db;
  11762. }
  11763. .testimonial-control a:hover {
  11764. color: #89bceb;
  11765. text-decoration: none;
  11766. }
  11767. .testimonial-reverse .testimonial-content:before {
  11768. right: 33px;
  11769. left: auto;
  11770. }
  11771. .testimonial-reverse .testimonial-image {
  11772. float: right;
  11773. margin-right: 20px;
  11774. margin-left: 0;
  11775. }
  11776. .testimonial-reverse .testimonial-author, .testimonial-reverse .testimonial-company {
  11777. margin-right: 75px;
  11778. margin-left: 0;
  11779. text-align: right;
  11780. }
  11781. .testimonial-top .testimonial-item {
  11782. padding: 30px 15px 0;
  11783. }
  11784. .testimonial-top .testimonial-content {
  11785. margin-top: 30px;
  11786. margin-bottom: 10px;
  11787. }
  11788. .testimonial-top .testimonial-content:before {
  11789. top: -7px;
  11790. bottom: auto;
  11791. }
  11792. .testimonial.carousel {
  11793. position: relative;
  11794. width: 100%;
  11795. overflow: hidden;
  11796. }
  11797. .testimonial.carousel .testimonial-item {
  11798. position: relative;
  11799. display: none;
  11800. width: 100%;
  11801. padding: 10px;
  11802. -webkit-transition: left .6s ease-in-out 0s;
  11803. -o-transition: left .6s ease-in-out 0s;
  11804. transition: left .6s ease-in-out 0s;
  11805. }
  11806. .testimonial.carousel .testimonial-item.active, .testimonial.carousel .testimonial-item.next, .testimonial.carousel .testimonial-item.prev {
  11807. display: block;
  11808. }
  11809. .testimonial.carousel .testimonial-item.next, .testimonial.carousel .testimonial-item.prev {
  11810. position: absolute;
  11811. top: 0;
  11812. width: 100%;
  11813. }
  11814. .testimonial.carousel .testimonial-item.next {
  11815. left: 100%;
  11816. }
  11817. .testimonial.carousel .testimonial-item.prev {
  11818. left: -100%;
  11819. }
  11820. .testimonial.carousel .testimonial-item.next.left, .testimonial.carousel .testimonial-item.prev.right {
  11821. left: 0;
  11822. }
  11823. .testimonial.carousel .testimonial-item.active {
  11824. left: 0;
  11825. }
  11826. .testimonial.carousel .testimonial-item.active.left {
  11827. left: -100%;
  11828. }
  11829. .testimonial.carousel .testimonial-item.active.right {
  11830. left: 100%;
  11831. }
  11832. .testimonial.carousel .testimonial-content {
  11833. padding: 10px;
  11834. }
  11835. .testimonial.carousel .testimonial-control {
  11836. position: absolute;
  11837. right: 10px;
  11838. bottom: 20px;
  11839. }
  11840. .testimonial.carousel .testimonial-control > * {
  11841. margin-left: 10px;
  11842. }
  11843. .testimonial.carousel.testimonial-reverse .testimonial-control {
  11844. right: auto;
  11845. left: 10px;
  11846. }
  11847. .testimonial.carousel.testimonial-reverse .testimonial-control > * {
  11848. margin-right: 10px;
  11849. margin-left: 0;
  11850. }
  11851. .testimonial.carousel.testimonial-top .testimonial-control {
  11852. top: 20px;
  11853. bottom: auto;
  11854. }
  11855. .pricing-list {
  11856. margin-bottom: 22px;
  11857. text-align: center;
  11858. border: 1px solid #e4eaec;
  11859. border-radius: 3px;
  11860. }
  11861. .pricing-list [class^="bg-"], .pricing-list [class*="bg-"], .pricing-list [class^="bg-"] *, .pricing-list [class*="bg-"] * {
  11862. color: #fff;
  11863. }
  11864. .pricing-list .pricing-header {
  11865. border-bottom: 1px solid #e4eaec;
  11866. border-radius: 3px 3px 0 0;
  11867. }
  11868. .pricing-list .pricing-title {
  11869. padding: 15px 30px;
  11870. font-size: 14px;
  11871. font-weight: 700;
  11872. text-transform: uppercase;
  11873. letter-spacing: 2px;
  11874. border-radius: 3px 3px 0 0;
  11875. }
  11876. .pricing-list .pricing-price {
  11877. padding: 20px 30px;
  11878. margin: 0;
  11879. font-size: 33px;
  11880. font-weight: 700;
  11881. color: #37474f;
  11882. }
  11883. .pricing-list .pricing-period {
  11884. font-size: 14px;
  11885. font-weight: 400;
  11886. }
  11887. .pricing-list .pricing-features {
  11888. padding: 0 18px;
  11889. margin: 0;
  11890. }
  11891. .pricing-list .pricing-features li {
  11892. display: block;
  11893. padding: 15px;
  11894. list-style: none;
  11895. border-top: 1px dashed #e4eaec;
  11896. }
  11897. .pricing-list .pricing-features li:first-child {
  11898. border-top: none;
  11899. }
  11900. .pricing-list .pricing-footer {
  11901. padding: 30px;
  11902. border-radius: 0 0 3px 3px;
  11903. }
  11904. .pricing-table {
  11905. padding-top: 30px;
  11906. text-align: center;
  11907. }
  11908. .pricing-table:before, .pricing-table:after {
  11909. display: table;
  11910. content: " ";
  11911. }
  11912. .pricing-table:after {
  11913. clear: both;
  11914. }
  11915. .pricing-table [class*="pricing-column"] {
  11916. float: left;
  11917. width: 100%;
  11918. margin-bottom: 30px;
  11919. background-color: #f3f7f9;
  11920. border: 1px solid #e4eaec;
  11921. border-right: none;
  11922. }
  11923. .pricing-table [class*="pricing-column"]:last-child {
  11924. border-right: 1px solid #e4eaec;
  11925. }
  11926. .pricing-table [class*="pricing-column"].featured {
  11927. position: relative;
  11928. margin-right: -1px;
  11929. background-color: #fff;
  11930. border-right: 1px solid #e4eaec;
  11931. }
  11932. .pricing-table .pricing-header {
  11933. padding-bottom: 24px;
  11934. margin: 30px 30px 25px;
  11935. border-bottom: 1px solid #e4eaec;
  11936. }
  11937. .pricing-table .pricing-price {
  11938. font-size: 48px;
  11939. }
  11940. .pricing-table .pricing-currency {
  11941. display: inline-block;
  11942. margin-top: 10px;
  11943. margin-right: -10px;
  11944. font-size: 20px;
  11945. vertical-align: top;
  11946. }
  11947. .pricing-table .pricing-period {
  11948. font-size: 16px;
  11949. }
  11950. .pricing-table .pricing-title {
  11951. font-size: 20px;
  11952. text-transform: uppercase;
  11953. letter-spacing: 2px;
  11954. }
  11955. .pricing-table .pricing-features {
  11956. padding: 0;
  11957. margin: 0;
  11958. }
  11959. .pricing-table .pricing-features li {
  11960. display: block;
  11961. margin-bottom: 20px;
  11962. font-size: 14px;
  11963. list-style: none;
  11964. }
  11965. .pricing-table .pricing-footer {
  11966. padding: 20px 0;
  11967. margin: 25px 30px 30px;
  11968. }
  11969. @media screen and (min-width: 768px) {
  11970. .pricing-table .pricing-column-three {
  11971. width: 33.33%;
  11972. }
  11973. .pricing-table .pricing-column-three.featured {
  11974. top: -30px;
  11975. padding-top: 30px;
  11976. padding-bottom: 30px;
  11977. margin-bottom: -30px;
  11978. }
  11979. .pricing-table .pricing-column-four {
  11980. width: 50%;
  11981. }
  11982. .pricing-table .pricing-column-five {
  11983. width: 50%;
  11984. }
  11985. }
  11986. @media screen and (min-width: 1200px) {
  11987. .pricing-table .pricing-column-four {
  11988. width: 25%;
  11989. }
  11990. .pricing-table .pricing-column-five {
  11991. width: 20%;
  11992. }
  11993. .pricing-table .pricing-column-four.featured, .pricing-table .pricing-column-five.featured {
  11994. top: -30px;
  11995. padding-top: 30px;
  11996. padding-bottom: 30px;
  11997. margin-bottom: -30px;
  11998. }
  11999. }
  12000. .rating {
  12001. display: inline-block;
  12002. margin: 0 .5rem 0 0;
  12003. font-size: 0;
  12004. vertical-align: middle;
  12005. }
  12006. .rating:before {
  12007. display: block;
  12008. height: 0;
  12009. clear: both;
  12010. visibility: hidden;
  12011. content: "";
  12012. }
  12013. .rating.hover .icon.active {
  12014. opacity: .5;
  12015. }
  12016. .rating .icon {
  12017. width: 1em;
  12018. height: auto;
  12019. padding: 0;
  12020. margin: 0 10px 0 0;
  12021. font-size: 14px;
  12022. color: #ccd5db;
  12023. vertical-align: middle;
  12024. cursor: pointer;
  12025. }
  12026. .rating .icon:before {
  12027. -webkit-transition: color .3s ease,
  12028. opacity .3s ease;
  12029. -o-transition: color .3s ease,
  12030. opacity .3s ease;
  12031. transition: color .3s ease,
  12032. opacity .3s ease;
  12033. }
  12034. .rating .icon.active {
  12035. color: #f2a654 !important;
  12036. }
  12037. .rating .icon.active.hover {
  12038. color: #f2a654 !important;
  12039. opacity: 1;
  12040. }
  12041. .rating .icon.hover {
  12042. color: #f2a654 !important;
  12043. opacity: 1;
  12044. }
  12045. .rating .icon:last-child {
  12046. margin-right: 0;
  12047. }
  12048. .rating-disabled .icon {
  12049. cursor: default;
  12050. }
  12051. .rating-sm .icon {
  12052. font-size: 12px;
  12053. }
  12054. .rating-lg .icon {
  12055. font-size: 18px;
  12056. }
  12057. .ribbon {
  12058. position: absolute;
  12059. top: -3px;
  12060. left: -3px;
  12061. width: 150px;
  12062. height: 150px;
  12063. text-align: center;
  12064. background-color: transparent;
  12065. }
  12066. .ribbon-inner {
  12067. position: absolute;
  12068. top: 16px;
  12069. left: 0;
  12070. display: inline-block;
  12071. height: 30px;
  12072. padding-right: 20px;
  12073. padding-left: 20px;
  12074. line-height: 30px;
  12075. color: #fff;
  12076. white-space: nowrap;
  12077. background-color: #526069;
  12078. }
  12079. .ribbon-inner .icon {
  12080. font-size: 16px;
  12081. }
  12082. .ribbon-lg .ribbon-inner {
  12083. height: 38px;
  12084. font-size: 18px;
  12085. line-height: 38px;
  12086. }
  12087. .ribbon-sm .ribbon-inner {
  12088. height: 26px;
  12089. font-size: 12px;
  12090. line-height: 26px;
  12091. }
  12092. .ribbon-xs .ribbon-inner {
  12093. height: 22px;
  12094. font-size: 12px;
  12095. line-height: 22px;
  12096. }
  12097. .ribbon-vertical .ribbon-inner {
  12098. top: 0;
  12099. left: 16px;
  12100. width: 30px;
  12101. height: 60px;
  12102. padding: 15px 0;
  12103. }
  12104. .ribbon-vertical.ribbon-xs .ribbon-inner {
  12105. width: 22px;
  12106. height: 50px;
  12107. }
  12108. .ribbon-vertical.ribbon-sm .ribbon-inner {
  12109. width: 26px;
  12110. height: 55px;
  12111. }
  12112. .ribbon-vertical.ribbon-lg .ribbon-inner {
  12113. width: 38px;
  12114. height: 70px;
  12115. }
  12116. .ribbon-reverse {
  12117. right: -3px;
  12118. left: auto;
  12119. }
  12120. .ribbon-reverse .ribbon-inner {
  12121. right: 0;
  12122. left: auto;
  12123. }
  12124. .ribbon-reverse.ribbon-vertical .ribbon-inner {
  12125. right: 16px;
  12126. }
  12127. .ribbon-bookmark .ribbon-inner {
  12128. -webkit-box-shadow: none;
  12129. box-shadow: none;
  12130. }
  12131. .ribbon-bookmark .ribbon-inner:before {
  12132. position: absolute;
  12133. top: 0;
  12134. left: 100%;
  12135. display: block;
  12136. width: 0;
  12137. height: 0;
  12138. content: "";
  12139. border: 15px solid #526069;
  12140. border-right: 10px solid transparent;
  12141. }
  12142. .ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
  12143. top: 100%;
  12144. left: 0;
  12145. margin-top: -15px;
  12146. border-right: 15px solid #526069;
  12147. border-bottom: 10px solid transparent;
  12148. }
  12149. .ribbon-bookmark.ribbon-vertical.ribbon-xs .ribbon-inner:before {
  12150. margin-top: -11px;
  12151. }
  12152. .ribbon-bookmark.ribbon-vertical.ribbon-sm .ribbon-inner:before {
  12153. margin-top: -13px;
  12154. }
  12155. .ribbon-bookmark.ribbon-vertical.ribbon-lg .ribbon-inner:before {
  12156. margin-top: -19px;
  12157. }
  12158. .ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
  12159. right: 100%;
  12160. left: auto;
  12161. border-right: 15px solid #526069;
  12162. border-left: 10px solid transparent;
  12163. }
  12164. .ribbon-bookmark.ribbon-reverse.ribbon-vertical .ribbon-inner:before {
  12165. right: auto;
  12166. left: 0;
  12167. border-right-color: #526069;
  12168. border-bottom-color: transparent;
  12169. border-left: 15px solid #526069;
  12170. }
  12171. .ribbon-bookmark.ribbon-xs .ribbon-inner:before {
  12172. border-width: 11px;
  12173. }
  12174. .ribbon-bookmark.ribbon-sm .ribbon-inner:before {
  12175. border-width: 13px;
  12176. }
  12177. .ribbon-bookmark.ribbon-lg .ribbon-inner:before {
  12178. border-width: 19px;
  12179. }
  12180. .ribbon-badge {
  12181. top: -2px;
  12182. left: -2px;
  12183. overflow: hidden;
  12184. }
  12185. .ribbon-badge .ribbon-inner {
  12186. left: -40px;
  12187. width: 100%;
  12188. -webkit-transform: rotate(-45deg);
  12189. -ms-transform: rotate(-45deg);
  12190. -o-transform: rotate(-45deg);
  12191. transform: rotate(-45deg);
  12192. }
  12193. .ribbon-badge.ribbon-reverse {
  12194. right: -2px;
  12195. left: auto;
  12196. }
  12197. .ribbon-badge.ribbon-reverse .ribbon-inner {
  12198. right: -40px;
  12199. left: auto;
  12200. -webkit-transform: rotate(45deg);
  12201. -ms-transform: rotate(45deg);
  12202. -o-transform: rotate(45deg);
  12203. transform: rotate(45deg);
  12204. }
  12205. .ribbon-badge.ribbon-bottom {
  12206. top: auto;
  12207. bottom: -2px;
  12208. }
  12209. .ribbon-badge.ribbon-bottom .ribbon-inner {
  12210. top: auto;
  12211. bottom: 16px;
  12212. -webkit-transform: rotate(45deg);
  12213. -ms-transform: rotate(45deg);
  12214. -o-transform: rotate(45deg);
  12215. transform: rotate(45deg);
  12216. }
  12217. .ribbon-badge.ribbon-bottom.ribbon-reverse .ribbon-inner {
  12218. -webkit-transform: rotate(-45deg);
  12219. -ms-transform: rotate(-45deg);
  12220. -o-transform: rotate(-45deg);
  12221. transform: rotate(-45deg);
  12222. }
  12223. .ribbon-corner {
  12224. top: 0;
  12225. left: 0;
  12226. overflow: hidden;
  12227. }
  12228. .ribbon-corner .ribbon-inner {
  12229. top: 0;
  12230. left: 0;
  12231. width: 40px;
  12232. height: 35px;
  12233. padding: 0;
  12234. line-height: 35px;
  12235. background-color: transparent;
  12236. }
  12237. .ribbon-corner .ribbon-inner:before {
  12238. position: absolute;
  12239. top: 0;
  12240. left: 0;
  12241. width: 0;
  12242. height: 0;
  12243. content: "";
  12244. border: 30px solid transparent;
  12245. border-top-color: #526069;
  12246. border-left-color: #526069;
  12247. }
  12248. .ribbon-corner.ribbon-reverse {
  12249. right: 0;
  12250. left: auto;
  12251. }
  12252. .ribbon-corner.ribbon-reverse .ribbon-inner {
  12253. right: 0;
  12254. left: auto;
  12255. }
  12256. .ribbon-corner.ribbon-reverse .ribbon-inner:before {
  12257. right: 0;
  12258. left: auto;
  12259. border-right-color: #526069;
  12260. border-left-color: transparent;
  12261. }
  12262. .ribbon-corner.ribbon-bottom {
  12263. top: auto;
  12264. bottom: 0;
  12265. }
  12266. .ribbon-corner.ribbon-bottom .ribbon-inner {
  12267. top: auto;
  12268. bottom: 0;
  12269. }
  12270. .ribbon-corner.ribbon-bottom .ribbon-inner:before {
  12271. top: auto;
  12272. bottom: 0;
  12273. border-top-color: transparent;
  12274. border-bottom-color: #526069;
  12275. }
  12276. .ribbon-corner.ribbon-xs .ribbon-inner {
  12277. width: 28px;
  12278. height: 26px;
  12279. line-height: 26px;
  12280. }
  12281. .ribbon-corner.ribbon-xs .ribbon-inner:before {
  12282. border-width: 22px;
  12283. }
  12284. .ribbon-corner.ribbon-xs .ribbon-inner > .icon {
  12285. font-size: 12px;
  12286. }
  12287. .ribbon-corner.ribbon-sm .ribbon-inner {
  12288. width: 34px;
  12289. height: 32px;
  12290. line-height: 32px;
  12291. }
  12292. .ribbon-corner.ribbon-sm .ribbon-inner:before {
  12293. border-width: 26px;
  12294. }
  12295. .ribbon-corner.ribbon-sm .ribbon-inner > .icon {
  12296. font-size: 12px;
  12297. }
  12298. .ribbon-corner.ribbon-lg .ribbon-inner {
  12299. width: 46px;
  12300. height: 44px;
  12301. line-height: 44px;
  12302. }
  12303. .ribbon-corner.ribbon-lg .ribbon-inner:before {
  12304. border-width: 36px;
  12305. }
  12306. .ribbon-corner.ribbon-lg .ribbon-inner > .icon {
  12307. font-size: 18px;
  12308. }
  12309. .ribbon-clip {
  12310. left: -14px;
  12311. }
  12312. .ribbon-clip .ribbon-inner {
  12313. padding-left: 23px;
  12314. border-radius: 0 5px 5px 0;
  12315. }
  12316. .ribbon-clip .ribbon-inner:after {
  12317. position: absolute;
  12318. bottom: -14px;
  12319. left: 0;
  12320. width: 0;
  12321. height: 0;
  12322. content: "";
  12323. border: 7px solid transparent;
  12324. border-top-color: #37474f;
  12325. border-right-color: #37474f;
  12326. }
  12327. .ribbon-clip.ribbon-reverse {
  12328. right: -14px;
  12329. left: auto;
  12330. }
  12331. .ribbon-clip.ribbon-reverse .ribbon-inner {
  12332. padding-right: 23px;
  12333. padding-left: 15px;
  12334. border-radius: 5px 0 0 5px;
  12335. }
  12336. .ribbon-clip.ribbon-reverse .ribbon-inner:after {
  12337. right: 0;
  12338. left: auto;
  12339. border-right-color: transparent;
  12340. border-left-color: #37474f;
  12341. }
  12342. .ribbon-clip.ribbon-bottom {
  12343. top: auto;
  12344. bottom: -3px;
  12345. }
  12346. .ribbon-clip.ribbon-bottom .ribbon-inner {
  12347. top: auto;
  12348. bottom: 16px;
  12349. }
  12350. .ribbon-clip.ribbon-bottom .ribbon-inner:after {
  12351. top: -14px;
  12352. bottom: auto;
  12353. border-top-color: transparent;
  12354. border-bottom-color: #37474f;
  12355. }
  12356. .ribbon-primary .ribbon-inner {
  12357. background-color: #62a8ea;
  12358. }
  12359. .ribbon-primary.ribbon-bookmark .ribbon-inner:before {
  12360. border-color: #62a8ea;
  12361. border-right-color: transparent;
  12362. }
  12363. .ribbon-primary.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
  12364. border-right-color: #62a8ea;
  12365. border-left-color: transparent;
  12366. }
  12367. .ribbon-primary.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
  12368. border-right-color: #62a8ea;
  12369. border-bottom-color: transparent;
  12370. }
  12371. .ribbon-primary.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
  12372. border-right-color: #62a8ea;
  12373. border-bottom-color: transparent;
  12374. border-left-color: #62a8ea;
  12375. }
  12376. .ribbon-primary.ribbon-corner .ribbon-inner {
  12377. background-color: transparent;
  12378. }
  12379. .ribbon-primary.ribbon-corner .ribbon-inner:before {
  12380. border-top-color: #62a8ea;
  12381. border-left-color: #62a8ea;
  12382. }
  12383. .ribbon-primary.ribbon-corner.ribbon-reverse .ribbon-inner:before {
  12384. border-right-color: #62a8ea;
  12385. border-left-color: transparent;
  12386. }
  12387. .ribbon-primary.ribbon-corner.ribbon-bottom .ribbon-inner:before {
  12388. border-top-color: transparent;
  12389. border-bottom-color: #62a8ea;
  12390. }
  12391. .ribbon-primary .ribbon-inner:after {
  12392. border-top-color: #4e97d9;
  12393. border-right-color: #4e97d9;
  12394. }
  12395. .ribbon-primary.ribbon-reverse .ribbon-inner:after {
  12396. border-right-color: transparent;
  12397. border-left-color: #4e97d9;
  12398. }
  12399. .ribbon-primary.ribbon-bottom .ribbon-inner:after {
  12400. border-top-color: transparent;
  12401. border-bottom-color: #4e97d9;
  12402. }
  12403. .ribbon-success .ribbon-inner {
  12404. background-color: #46be8a;
  12405. }
  12406. .ribbon-success.ribbon-bookmark .ribbon-inner:before {
  12407. border-color: #46be8a;
  12408. border-right-color: transparent;
  12409. }
  12410. .ribbon-success.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
  12411. border-right-color: #46be8a;
  12412. border-left-color: transparent;
  12413. }
  12414. .ribbon-success.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
  12415. border-right-color: #46be8a;
  12416. border-bottom-color: transparent;
  12417. }
  12418. .ribbon-success.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
  12419. border-right-color: #46be8a;
  12420. border-bottom-color: transparent;
  12421. border-left-color: #46be8a;
  12422. }
  12423. .ribbon-success.ribbon-corner .ribbon-inner {
  12424. background-color: transparent;
  12425. }
  12426. .ribbon-success.ribbon-corner .ribbon-inner:before {
  12427. border-top-color: #46be8a;
  12428. border-left-color: #46be8a;
  12429. }
  12430. .ribbon-success.ribbon-corner.ribbon-reverse .ribbon-inner:before {
  12431. border-right-color: #46be8a;
  12432. border-left-color: transparent;
  12433. }
  12434. .ribbon-success.ribbon-corner.ribbon-bottom .ribbon-inner:before {
  12435. border-top-color: transparent;
  12436. border-bottom-color: #46be8a;
  12437. }
  12438. .ribbon-success .ribbon-inner:after {
  12439. border-top-color: #36ab7a;
  12440. border-right-color: #36ab7a;
  12441. }
  12442. .ribbon-success.ribbon-reverse .ribbon-inner:after {
  12443. border-right-color: transparent;
  12444. border-left-color: #36ab7a;
  12445. }
  12446. .ribbon-success.ribbon-bottom .ribbon-inner:after {
  12447. border-top-color: transparent;
  12448. border-bottom-color: #36ab7a;
  12449. }
  12450. .ribbon-info .ribbon-inner {
  12451. background-color: #57c7d4;
  12452. }
  12453. .ribbon-info.ribbon-bookmark .ribbon-inner:before {
  12454. border-color: #57c7d4;
  12455. border-right-color: transparent;
  12456. }
  12457. .ribbon-info.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
  12458. border-right-color: #57c7d4;
  12459. border-left-color: transparent;
  12460. }
  12461. .ribbon-info.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
  12462. border-right-color: #57c7d4;
  12463. border-bottom-color: transparent;
  12464. }
  12465. .ribbon-info.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
  12466. border-right-color: #57c7d4;
  12467. border-bottom-color: transparent;
  12468. border-left-color: #57c7d4;
  12469. }
  12470. .ribbon-info.ribbon-corner .ribbon-inner {
  12471. background-color: transparent;
  12472. }
  12473. .ribbon-info.ribbon-corner .ribbon-inner:before {
  12474. border-top-color: #57c7d4;
  12475. border-left-color: #57c7d4;
  12476. }
  12477. .ribbon-info.ribbon-corner.ribbon-reverse .ribbon-inner:before {
  12478. border-right-color: #57c7d4;
  12479. border-left-color: transparent;
  12480. }
  12481. .ribbon-info.ribbon-corner.ribbon-bottom .ribbon-inner:before {
  12482. border-top-color: transparent;
  12483. border-bottom-color: #57c7d4;
  12484. }
  12485. .ribbon-info .ribbon-inner:after {
  12486. border-top-color: #47b8c6;
  12487. border-right-color: #47b8c6;
  12488. }
  12489. .ribbon-info.ribbon-reverse .ribbon-inner:after {
  12490. border-right-color: transparent;
  12491. border-left-color: #47b8c6;
  12492. }
  12493. .ribbon-info.ribbon-bottom .ribbon-inner:after {
  12494. border-top-color: transparent;
  12495. border-bottom-color: #47b8c6;
  12496. }
  12497. .ribbon-warning .ribbon-inner {
  12498. background-color: #f2a654;
  12499. }
  12500. .ribbon-warning.ribbon-bookmark .ribbon-inner:before {
  12501. border-color: #f2a654;
  12502. border-right-color: transparent;
  12503. }
  12504. .ribbon-warning.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
  12505. border-right-color: #f2a654;
  12506. border-left-color: transparent;
  12507. }
  12508. .ribbon-warning.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
  12509. border-right-color: #f2a654;
  12510. border-bottom-color: transparent;
  12511. }
  12512. .ribbon-warning.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
  12513. border-right-color: #f2a654;
  12514. border-bottom-color: transparent;
  12515. border-left-color: #f2a654;
  12516. }
  12517. .ribbon-warning.ribbon-corner .ribbon-inner {
  12518. background-color: transparent;
  12519. }
  12520. .ribbon-warning.ribbon-corner .ribbon-inner:before {
  12521. border-top-color: #f2a654;
  12522. border-left-color: #f2a654;
  12523. }
  12524. .ribbon-warning.ribbon-corner.ribbon-reverse .ribbon-inner:before {
  12525. border-right-color: #f2a654;
  12526. border-left-color: transparent;
  12527. }
  12528. .ribbon-warning.ribbon-corner.ribbon-bottom .ribbon-inner:before {
  12529. border-top-color: transparent;
  12530. border-bottom-color: #f2a654;
  12531. }
  12532. .ribbon-warning .ribbon-inner:after {
  12533. border-top-color: #ec9940;
  12534. border-right-color: #ec9940;
  12535. }
  12536. .ribbon-warning.ribbon-reverse .ribbon-inner:after {
  12537. border-right-color: transparent;
  12538. border-left-color: #ec9940;
  12539. }
  12540. .ribbon-warning.ribbon-bottom .ribbon-inner:after {
  12541. border-top-color: transparent;
  12542. border-bottom-color: #ec9940;
  12543. }
  12544. .ribbon-danger .ribbon-inner {
  12545. background-color: #f96868;
  12546. }
  12547. .ribbon-danger.ribbon-bookmark .ribbon-inner:before {
  12548. border-color: #f96868;
  12549. border-right-color: transparent;
  12550. }
  12551. .ribbon-danger.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
  12552. border-right-color: #f96868;
  12553. border-left-color: transparent;
  12554. }
  12555. .ribbon-danger.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
  12556. border-right-color: #f96868;
  12557. border-bottom-color: transparent;
  12558. }
  12559. .ribbon-danger.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
  12560. border-right-color: #f96868;
  12561. border-bottom-color: transparent;
  12562. border-left-color: #f96868;
  12563. }
  12564. .ribbon-danger.ribbon-corner .ribbon-inner {
  12565. background-color: transparent;
  12566. }
  12567. .ribbon-danger.ribbon-corner .ribbon-inner:before {
  12568. border-top-color: #f96868;
  12569. border-left-color: #f96868;
  12570. }
  12571. .ribbon-danger.ribbon-corner.ribbon-reverse .ribbon-inner:before {
  12572. border-right-color: #f96868;
  12573. border-left-color: transparent;
  12574. }
  12575. .ribbon-danger.ribbon-corner.ribbon-bottom .ribbon-inner:before {
  12576. border-top-color: transparent;
  12577. border-bottom-color: #f96868;
  12578. }
  12579. .ribbon-danger .ribbon-inner:after {
  12580. border-top-color: #e9595b;
  12581. border-right-color: #e9595b;
  12582. }
  12583. .ribbon-danger.ribbon-reverse .ribbon-inner:after {
  12584. border-right-color: transparent;
  12585. border-left-color: #e9595b;
  12586. }
  12587. .ribbon-danger.ribbon-bottom .ribbon-inner:after {
  12588. border-top-color: transparent;
  12589. border-bottom-color: #e9595b;
  12590. }
  12591. .dotnav {
  12592. padding: 0;
  12593. margin: 0;
  12594. text-align: center;
  12595. list-style: none;
  12596. }
  12597. .dotnav > li {
  12598. position: relative;
  12599. display: inline-block;
  12600. width: 16px;
  12601. height: 16px;
  12602. margin: 0 16px;
  12603. vertical-align: top;
  12604. list-style: none;
  12605. }
  12606. .dotnav > li > a {
  12607. display: inline-block;
  12608. width: 100%;
  12609. height: 100%;
  12610. overflow: hidden;
  12611. text-indent: 100%;
  12612. white-space: nowrap;
  12613. cursor: pointer;
  12614. background-color: rgba(255, 255, 255, .3);
  12615. border-radius: 50%;
  12616. }
  12617. .dotnav > li > a:focus {
  12618. outline: none;
  12619. }
  12620. .dotnav > li.active > a, .dotnav > li:hover > a, .dotnav > li:focus > a {
  12621. background-color: #fff;
  12622. }
  12623. .dotnav-scaleup > li > a {
  12624. -webkit-transition: background-color .3s ease 0s, -webkit-transform .3s ease 0s;
  12625. -o-transition: background-color .3s ease 0s, -o-transform .3s ease 0s;
  12626. transition: background-color .3s ease 0s, -webkit-transform .3s ease 0s;
  12627. transition: transform .3s ease 0s, background-color .3s ease 0s;
  12628. transition: transform .3s ease 0s, background-color .3s ease 0s, -webkit-transform .3s ease 0s, -o-transform .3s ease 0s;
  12629. }
  12630. .dotnav-scaleup > li.active > a {
  12631. -webkit-transform: scale(1.5);
  12632. -ms-transform: scale(1.5);
  12633. -o-transform: scale(1.5);
  12634. transform: scale(1.5);
  12635. }
  12636. .dotnav-stroke > li > a {
  12637. border: 2px solid transparent;
  12638. -webkit-transition: border .3s ease 0s, background-color .3s ease 0s;
  12639. -o-transition: border .3s ease 0s, background-color .3s ease 0s;
  12640. transition: border .3s ease 0s, background-color .3s ease 0s;
  12641. }
  12642. .dotnav-stroke > li.active > a {
  12643. background-color: transparent;
  12644. border-color: #fff;
  12645. -webkit-transform: scale(1.3);
  12646. -ms-transform: scale(1.3);
  12647. -o-transform: scale(1.3);
  12648. transform: scale(1.3);
  12649. }
  12650. .dotnav-fillin > li > a {
  12651. background-color: transparent;
  12652. -webkit-box-shadow: 0 0 0 2px #fff inset;
  12653. box-shadow: 0 0 0 2px #fff inset;
  12654. -webkit-transition: -webkit-box-shadow .3s ease 0s;
  12655. -o-transition: box-shadow .3s ease 0s;
  12656. transition: -webkit-box-shadow .3s ease 0s;
  12657. transition: box-shadow .3s ease 0s;
  12658. transition: box-shadow .3s ease 0s, -webkit-box-shadow .3s ease 0s;
  12659. }
  12660. .dotnav-fillin > li:hover > a, .dotnav-fillin > li:focus > a {
  12661. background-color: transparent;
  12662. -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, .6) inset;
  12663. box-shadow: 0 0 0 2px rgba(255, 255, 255, .6) inset;
  12664. }
  12665. .dotnav-fillin > li.active > a {
  12666. -webkit-box-shadow: 0 0 0 8px #fff inset;
  12667. box-shadow: 0 0 0 8px #fff inset;
  12668. }
  12669. .dotnav-dotstroke > li > a {
  12670. -webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, .5) inset;
  12671. box-shadow: 0 0 0 8px rgba(255, 255, 255, .5) inset;
  12672. -webkit-transition: -webkit-box-shadow .3s ease 0s;
  12673. -o-transition: box-shadow .3s ease 0s;
  12674. transition: -webkit-box-shadow .3s ease 0s;
  12675. transition: box-shadow .3s ease 0s;
  12676. transition: box-shadow .3s ease 0s, -webkit-box-shadow .3s ease 0s;
  12677. }
  12678. .dotnav-dotstroke > li.active > a {
  12679. background-color: rgba(255, 255, 255, .3);
  12680. -webkit-box-shadow: 0 0 0 2px #fff inset;
  12681. box-shadow: 0 0 0 2px #fff inset;
  12682. }
  12683. .dotnav-fall > li:after {
  12684. position: absolute;
  12685. top: 0;
  12686. left: 0;
  12687. width: 100%;
  12688. height: 100%;
  12689. visibility: hidden;
  12690. content: "";
  12691. background-color: rgba(0, 0, 0, .3);
  12692. border-radius: 50%;
  12693. opacity: 0;
  12694. -webkit-transition: opacity .3s ease 0s, visibility 0s ease .3s, -webkit-transform .3s ease 0s;
  12695. -o-transition: opacity .3s ease 0s, visibility 0s ease .3s, -o-transform .3s ease 0s;
  12696. transition: opacity .3s ease 0s, visibility 0s ease .3s, -webkit-transform .3s ease 0s;
  12697. transition: transform .3s ease 0s, opacity .3s ease 0s, visibility 0s ease .3s;
  12698. transition: transform .3s ease 0s, opacity .3s ease 0s, visibility 0s ease .3s, -webkit-transform .3s ease 0s, -o-transform .3s ease 0s;
  12699. -webkit-transform: translate(0%, -200%);
  12700. -ms-transform: translate(0%, -200%);
  12701. -o-transform: translate(0%, -200%);
  12702. transform: translate(0%, -200%);
  12703. }
  12704. .dotnav-fall > li > a {
  12705. -webkit-transition: opacity .3s ease 0s, background-color .3s ease 0s, -webkit-transform .3s ease 0s;
  12706. -o-transition: opacity .3s ease 0s, background-color .3s ease 0s, -o-transform .3s ease 0s;
  12707. transition: opacity .3s ease 0s, background-color .3s ease 0s, -webkit-transform .3s ease 0s;
  12708. transition: transform .3s ease 0s, opacity .3s ease 0s, background-color .3s ease 0s;
  12709. transition: transform .3s ease 0s, opacity .3s ease 0s, background-color .3s ease 0s, -webkit-transform .3s ease 0s, -o-transform .3s ease 0s;
  12710. }
  12711. .dotnav-fall > li.active:after {
  12712. visibility: visible;
  12713. opacity: 1;
  12714. -webkit-transition: opacity .3s ease 0s, -webkit-transform .3s ease 0s;
  12715. -o-transition: opacity .3s ease 0s, -o-transform .3s ease 0s;
  12716. transition: opacity .3s ease 0s, -webkit-transform .3s ease 0s;
  12717. transition: transform .3s ease 0s, opacity .3s ease 0s;
  12718. transition: transform .3s ease 0s, opacity .3s ease 0s, -webkit-transform .3s ease 0s, -o-transform .3s ease 0s;
  12719. -webkit-transform: translate(0%, 0%);
  12720. -ms-transform: translate(0%, 0%);
  12721. -o-transform: translate(0%, 0%);
  12722. transform: translate(0%, 0%);
  12723. }
  12724. .dotnav-fall > li.active > a {
  12725. opacity: 0;
  12726. -webkit-transform: translate(0, 200%);
  12727. -ms-transform: translate(0, 200%);
  12728. -o-transform: translate(0, 200%);
  12729. transform: translate(0, 200%);
  12730. }
  12731. .color-selector {
  12732. padding: 0;
  12733. margin: 0;
  12734. list-style: none;
  12735. }
  12736. .color-selector > li {
  12737. position: relative;
  12738. display: inline-block;
  12739. width: 24px;
  12740. height: 24px;
  12741. margin: 0 5px 0 0;
  12742. background-color: #62a8ea;
  12743. border-radius: 100%;
  12744. }
  12745. .color-selector > li:hover {
  12746. opacity: .8;
  12747. }
  12748. .color-selector > li:before {
  12749. position: absolute;
  12750. top: 0;
  12751. left: 0;
  12752. display: inline-block;
  12753. width: inherit;
  12754. height: inherit;
  12755. content: "";
  12756. background: inherit;
  12757. border: 1px solid rgba(0, 0, 0, .1);
  12758. border-radius: inherit;
  12759. }
  12760. .color-selector > li input[type="radio"] {
  12761. position: absolute;
  12762. top: 0;
  12763. left: 0;
  12764. z-index: 1;
  12765. width: inherit;
  12766. height: inherit;
  12767. cursor: pointer;
  12768. border-radius: inherit;
  12769. opacity: 0;
  12770. }
  12771. .color-selector > li input[type="radio"]:disabled {
  12772. cursor: not-allowed;
  12773. }
  12774. .color-selector > li label {
  12775. position: relative;
  12776. font-family: "Web Icons";
  12777. font-style: normal;
  12778. font-weight: normal;
  12779. font-variant: normal;
  12780. text-transform: none;
  12781. }
  12782. .color-selector > li input[type="radio"]:checked + label:after {
  12783. position: absolute;
  12784. top: 0;
  12785. left: 5px;
  12786. display: inline-block;
  12787. margin-top: -5px;
  12788. font-size: 14px;
  12789. line-height: 1;
  12790. color: #fff;
  12791. content: "\f192";
  12792. }
  12793. .color-selector > li.color-selector-disabled {
  12794. background-color: #ccd5db !important;
  12795. }
  12796. .color-selector > li.color-selector-disabled input[type="radio"]:disabled {
  12797. cursor: not-allowed;
  12798. }
  12799. .width-50 {
  12800. width: 50px;
  12801. }
  12802. .width-100 {
  12803. width: 100px;
  12804. }
  12805. .width-150 {
  12806. width: 150px;
  12807. }
  12808. .width-200 {
  12809. width: 200px;
  12810. }
  12811. .width-250 {
  12812. width: 250px;
  12813. }
  12814. .width-300 {
  12815. width: 300px;
  12816. }
  12817. .width-350 {
  12818. width: 350px;
  12819. }
  12820. .width-400 {
  12821. width: 400px;
  12822. }
  12823. .width-450 {
  12824. width: 450px;
  12825. }
  12826. .width-500 {
  12827. width: 500px;
  12828. }
  12829. .width-full {
  12830. width: 100% !important;
  12831. }
  12832. @media (max-width: 767px) {
  12833. .width-xs-50 {
  12834. width: 50px;
  12835. }
  12836. .width-xs-100 {
  12837. width: 100px;
  12838. }
  12839. .width-xs-150 {
  12840. width: 150px;
  12841. }
  12842. .width-xs-200 {
  12843. width: 200px;
  12844. }
  12845. .width-xs-250 {
  12846. width: 250px;
  12847. }
  12848. .width-xs-300 {
  12849. width: 300px;
  12850. }
  12851. .width-xs-350 {
  12852. width: 350px;
  12853. }
  12854. .width-xs-400 {
  12855. width: 400px;
  12856. }
  12857. .width-xs-450 {
  12858. width: 450px;
  12859. }
  12860. .width-xs-500 {
  12861. width: 500px;
  12862. }
  12863. .width-xs-100pc {
  12864. width: 100%;
  12865. }
  12866. }
  12867. @media (min-width: 768px) and (max-width: 991px) {
  12868. .width-sm-50 {
  12869. width: 50px;
  12870. }
  12871. .width-sm-100 {
  12872. width: 100px;
  12873. }
  12874. .width-sm-150 {
  12875. width: 150px;
  12876. }
  12877. .width-sm-200 {
  12878. width: 200px;
  12879. }
  12880. .width-sm-250 {
  12881. width: 250px;
  12882. }
  12883. .width-sm-300 {
  12884. width: 300px;
  12885. }
  12886. .width-sm-350 {
  12887. width: 350px;
  12888. }
  12889. .width-sm-400 {
  12890. width: 400px;
  12891. }
  12892. .width-sm-450 {
  12893. width: 450px;
  12894. }
  12895. .width-sm-500 {
  12896. width: 500px;
  12897. }
  12898. .width-sm-100pc {
  12899. width: 100%;
  12900. }
  12901. }
  12902. @media (min-width: 992px) and (max-width: 1199px) {
  12903. .width-md-50 {
  12904. width: 50px;
  12905. }
  12906. .width-md-100 {
  12907. width: 100px;
  12908. }
  12909. .width-md-150 {
  12910. width: 150px;
  12911. }
  12912. .width-md-200 {
  12913. width: 200px;
  12914. }
  12915. .width-md-250 {
  12916. width: 250px;
  12917. }
  12918. .width-md-300 {
  12919. width: 300px;
  12920. }
  12921. .width-md-350 {
  12922. width: 350px;
  12923. }
  12924. .width-md-400 {
  12925. width: 400px;
  12926. }
  12927. .width-md-450 {
  12928. width: 450px;
  12929. }
  12930. .width-md-500 {
  12931. width: 500px;
  12932. }
  12933. }
  12934. @media (min-width: 1200px) {
  12935. .width-lg-50 {
  12936. width: 50px;
  12937. }
  12938. .width-lg-100 {
  12939. width: 100px;
  12940. }
  12941. .width-lg-150 {
  12942. width: 150px;
  12943. }
  12944. .width-lg-200 {
  12945. width: 200px;
  12946. }
  12947. .width-lg-250 {
  12948. width: 250px;
  12949. }
  12950. .width-lg-300 {
  12951. width: 300px;
  12952. }
  12953. .width-lg-350 {
  12954. width: 350px;
  12955. }
  12956. .width-lg-400 {
  12957. width: 400px;
  12958. }
  12959. .width-lg-450 {
  12960. width: 450px;
  12961. }
  12962. .width-lg-500 {
  12963. width: 500px;
  12964. }
  12965. }
  12966. .height-50 {
  12967. height: 50px;
  12968. }
  12969. .height-100 {
  12970. height: 100px;
  12971. }
  12972. .height-120 {
  12973. height: 120px;
  12974. }
  12975. .height-150 {
  12976. height: 150px;
  12977. }
  12978. .height-200 {
  12979. height: 200px;
  12980. }
  12981. .height-250 {
  12982. height: 250px;
  12983. }
  12984. .height-300 {
  12985. height: 300px;
  12986. }
  12987. .height-350 {
  12988. height: 350px;
  12989. }
  12990. .height-400 {
  12991. height: 400px;
  12992. }
  12993. .height-450 {
  12994. height: 450px;
  12995. }
  12996. .height-500 {
  12997. height: 500px;
  12998. }
  12999. .height-full {
  13000. height: 100% !important;
  13001. }
  13002. @media (max-width: 767px) {
  13003. .height-xs-50 {
  13004. height: 50px;
  13005. }
  13006. .height-xs-100 {
  13007. height: 100px;
  13008. }
  13009. .height-xs-120 {
  13010. height: 120px;
  13011. }
  13012. .height-xs-150 {
  13013. height: 150px;
  13014. }
  13015. .height-xs-200 {
  13016. height: 200px;
  13017. }
  13018. .height-xs-250 {
  13019. height: 250px;
  13020. }
  13021. .height-xs-300 {
  13022. height: 300px;
  13023. }
  13024. .height-xs-350 {
  13025. height: 350px;
  13026. }
  13027. .height-xs-400 {
  13028. height: 400px;
  13029. }
  13030. .height-xs-450 {
  13031. height: 450px;
  13032. }
  13033. .height-xs-500 {
  13034. height: 500px;
  13035. }
  13036. }
  13037. @media (min-width: 768px) and (max-width: 991px) {
  13038. .height-sm-50 {
  13039. height: 50px;
  13040. }
  13041. .height-sm-100 {
  13042. height: 100px;
  13043. }
  13044. .height-sm-120 {
  13045. height: 120px;
  13046. }
  13047. .height-sm-150 {
  13048. height: 150px;
  13049. }
  13050. .height-sm-200 {
  13051. height: 200px;
  13052. }
  13053. .height-sm-250 {
  13054. height: 250px;
  13055. }
  13056. .height-sm-300 {
  13057. height: 300px;
  13058. }
  13059. .height-sm-350 {
  13060. height: 350px;
  13061. }
  13062. .height-sm-400 {
  13063. height: 400px;
  13064. }
  13065. .height-sm-450 {
  13066. height: 450px;
  13067. }
  13068. .height-sm-500 {
  13069. height: 500px;
  13070. }
  13071. }
  13072. @media (min-width: 992px) and (max-width: 1199px) {
  13073. .height-md-50 {
  13074. height: 50px;
  13075. }
  13076. .height-md-100 {
  13077. height: 100px;
  13078. }
  13079. .height-md-120 {
  13080. height: 120px;
  13081. }
  13082. .height-md-150 {
  13083. height: 150px;
  13084. }
  13085. .height-md-200 {
  13086. height: 200px;
  13087. }
  13088. .height-md-250 {
  13089. height: 250px;
  13090. }
  13091. .height-md-300 {
  13092. height: 300px;
  13093. }
  13094. .height-md-350 {
  13095. height: 350px;
  13096. }
  13097. .height-md-400 {
  13098. height: 400px;
  13099. }
  13100. .height-md-450 {
  13101. height: 450px;
  13102. }
  13103. .height-md-500 {
  13104. height: 500px;
  13105. }
  13106. }
  13107. @media (min-width: 1200px) {
  13108. .height-lg-50 {
  13109. height: 50px;
  13110. }
  13111. .height-lg-100 {
  13112. height: 100px;
  13113. }
  13114. .height-lg-120 {
  13115. height: 120px;
  13116. }
  13117. .height-lg-150 {
  13118. height: 150px;
  13119. }
  13120. .height-lg-200 {
  13121. height: 200px;
  13122. }
  13123. .height-lg-250 {
  13124. height: 250px;
  13125. }
  13126. .height-lg-300 {
  13127. height: 300px;
  13128. }
  13129. .height-lg-350 {
  13130. height: 350px;
  13131. }
  13132. .height-lg-400 {
  13133. height: 400px;
  13134. }
  13135. .height-lg-450 {
  13136. height: 450px;
  13137. }
  13138. .height-lg-500 {
  13139. height: 500px;
  13140. }
  13141. }
  13142. .margin-0 {
  13143. margin: 0 !important;
  13144. }
  13145. .margin-3 {
  13146. margin: 3px !important;
  13147. }
  13148. .margin-5 {
  13149. margin: 5px !important;
  13150. }
  13151. .margin-10 {
  13152. margin: 10px !important;
  13153. }
  13154. .margin-15 {
  13155. margin: 15px !important;
  13156. }
  13157. .margin-20 {
  13158. margin: 20px !important;
  13159. }
  13160. .margin-25 {
  13161. margin: 25px !important;
  13162. }
  13163. .margin-30 {
  13164. margin: 30px !important;
  13165. }
  13166. .margin-35 {
  13167. margin: 35px !important;
  13168. }
  13169. .margin-40 {
  13170. margin: 40px !important;
  13171. }
  13172. .margin-45 {
  13173. margin: 45px !important;
  13174. }
  13175. .margin-50 {
  13176. margin: 50px !important;
  13177. }
  13178. .margin-60 {
  13179. margin: 60px !important;
  13180. }
  13181. .margin-70 {
  13182. margin: 70px !important;
  13183. }
  13184. .margin-80 {
  13185. margin: 80px !important;
  13186. }
  13187. .margin-vertical-0 {
  13188. margin-top: 0 !important;
  13189. margin-bottom: 0 !important;
  13190. }
  13191. .margin-vertical-3 {
  13192. margin-top: 3px !important;
  13193. margin-bottom: 3px !important;
  13194. }
  13195. .margin-vertical-5 {
  13196. margin-top: 5px !important;
  13197. margin-bottom: 5px !important;
  13198. }
  13199. .margin-vertical-10 {
  13200. margin-top: 10px !important;
  13201. margin-bottom: 10px !important;
  13202. }
  13203. .margin-vertical-15 {
  13204. margin-top: 15px !important;
  13205. margin-bottom: 15px !important;
  13206. }
  13207. .margin-vertical-20 {
  13208. margin-top: 20px !important;
  13209. margin-bottom: 20px !important;
  13210. }
  13211. .margin-vertical-25 {
  13212. margin-top: 25px !important;
  13213. margin-bottom: 25px !important;
  13214. }
  13215. .margin-vertical-30 {
  13216. margin-top: 30px !important;
  13217. margin-bottom: 30px !important;
  13218. }
  13219. .margin-vertical-35 {
  13220. margin-top: 35px !important;
  13221. margin-bottom: 35px !important;
  13222. }
  13223. .margin-vertical-40 {
  13224. margin-top: 40px !important;
  13225. margin-bottom: 40px !important;
  13226. }
  13227. .margin-vertical-45 {
  13228. margin-top: 45px !important;
  13229. margin-bottom: 45px !important;
  13230. }
  13231. .margin-vertical-50 {
  13232. margin-top: 50px !important;
  13233. margin-bottom: 50px !important;
  13234. }
  13235. .margin-vertical-60 {
  13236. margin-top: 60px !important;
  13237. margin-bottom: 60px !important;
  13238. }
  13239. .margin-vertical-70 {
  13240. margin-top: 70px !important;
  13241. margin-bottom: 70px !important;
  13242. }
  13243. .margin-vertical-80 {
  13244. margin-top: 80px !important;
  13245. margin-bottom: 80px !important;
  13246. }
  13247. .margin-horizontal-0 {
  13248. margin-right: 0 !important;
  13249. margin-left: 0 !important;
  13250. }
  13251. .margin-horizontal-3 {
  13252. margin-right: 3px !important;
  13253. margin-left: 3px !important;
  13254. }
  13255. .margin-horizontal-5 {
  13256. margin-right: 5px !important;
  13257. margin-left: 5px !important;
  13258. }
  13259. .margin-horizontal-10 {
  13260. margin-right: 10px !important;
  13261. margin-left: 10px !important;
  13262. }
  13263. .margin-horizontal-15 {
  13264. margin-right: 15px !important;
  13265. margin-left: 15px !important;
  13266. }
  13267. .margin-horizontal-20 {
  13268. margin-right: 20px !important;
  13269. margin-left: 20px !important;
  13270. }
  13271. .margin-horizontal-25 {
  13272. margin-right: 25px !important;
  13273. margin-left: 25px !important;
  13274. }
  13275. .margin-horizontal-30 {
  13276. margin-right: 30px !important;
  13277. margin-left: 30px !important;
  13278. }
  13279. .margin-horizontal-35 {
  13280. margin-right: 35px !important;
  13281. margin-left: 35px !important;
  13282. }
  13283. .margin-horizontal-40 {
  13284. margin-right: 40px !important;
  13285. margin-left: 40px !important;
  13286. }
  13287. .margin-horizontal-45 {
  13288. margin-right: 45px !important;
  13289. margin-left: 45px !important;
  13290. }
  13291. .margin-horizontal-50 {
  13292. margin-right: 50px !important;
  13293. margin-left: 50px !important;
  13294. }
  13295. .margin-horizontal-60 {
  13296. margin-right: 60px !important;
  13297. margin-left: 60px !important;
  13298. }
  13299. .margin-horizontal-70 {
  13300. margin-right: 70px !important;
  13301. margin-left: 70px !important;
  13302. }
  13303. .margin-horizontal-80 {
  13304. margin-right: 80px !important;
  13305. margin-left: 80px !important;
  13306. }
  13307. .margin-top-0 {
  13308. margin-top: 0 !important;
  13309. }
  13310. .margin-top-3 {
  13311. margin-top: 3px !important;
  13312. }
  13313. .margin-top-5 {
  13314. margin-top: 5px !important;
  13315. }
  13316. .margin-top-10 {
  13317. margin-top: 10px !important;
  13318. }
  13319. .margin-top-15 {
  13320. margin-top: 15px !important;
  13321. }
  13322. .margin-top-20 {
  13323. margin-top: 20px !important;
  13324. }
  13325. .margin-top-25 {
  13326. margin-top: 25px !important;
  13327. }
  13328. .margin-top-30 {
  13329. margin-top: 30px !important;
  13330. }
  13331. .margin-top-35 {
  13332. margin-top: 35px !important;
  13333. }
  13334. .margin-top-40 {
  13335. margin-top: 40px !important;
  13336. }
  13337. .margin-top-45 {
  13338. margin-top: 45px !important;
  13339. }
  13340. .margin-top-50 {
  13341. margin-top: 50px !important;
  13342. }
  13343. .margin-top-60 {
  13344. margin-top: 60px !important;
  13345. }
  13346. .margin-top-70 {
  13347. margin-top: 70px !important;
  13348. }
  13349. .margin-top-80 {
  13350. margin-top: 80px !important;
  13351. }
  13352. .margin-bottom-0 {
  13353. margin-bottom: 0 !important;
  13354. }
  13355. .margin-bottom-3 {
  13356. margin-bottom: 3px !important;
  13357. }
  13358. .margin-bottom-5 {
  13359. margin-bottom: 5px !important;
  13360. }
  13361. .margin-bottom-10 {
  13362. margin-bottom: 10px !important;
  13363. }
  13364. .margin-bottom-15 {
  13365. margin-bottom: 15px !important;
  13366. }
  13367. .margin-bottom-20 {
  13368. margin-bottom: 20px !important;
  13369. }
  13370. .margin-bottom-25 {
  13371. margin-bottom: 25px !important;
  13372. }
  13373. .margin-bottom-30 {
  13374. margin-bottom: 30px !important;
  13375. }
  13376. .margin-bottom-35 {
  13377. margin-bottom: 35px !important;
  13378. }
  13379. .margin-bottom-40 {
  13380. margin-bottom: 40px !important;
  13381. }
  13382. .margin-bottom-45 {
  13383. margin-bottom: 45px !important;
  13384. }
  13385. .margin-bottom-50 {
  13386. margin-bottom: 50px !important;
  13387. }
  13388. .margin-bottom-60 {
  13389. margin-bottom: 60px !important;
  13390. }
  13391. .margin-bottom-70 {
  13392. margin-bottom: 70px !important;
  13393. }
  13394. .margin-bottom-80 {
  13395. margin-bottom: 80px !important;
  13396. }
  13397. .margin-left-0 {
  13398. margin-left: 0 !important;
  13399. }
  13400. .margin-left-3 {
  13401. margin-left: 3px !important;
  13402. }
  13403. .margin-left-5 {
  13404. margin-left: 5px !important;
  13405. }
  13406. .margin-left-10 {
  13407. margin-left: 10px !important;
  13408. }
  13409. .margin-left-15 {
  13410. margin-left: 15px !important;
  13411. }
  13412. .margin-left-20 {
  13413. margin-left: 20px !important;
  13414. }
  13415. .margin-left-25 {
  13416. margin-left: 25px !important;
  13417. }
  13418. .margin-left-30 {
  13419. margin-left: 30px !important;
  13420. }
  13421. .margin-left-35 {
  13422. margin-left: 35px !important;
  13423. }
  13424. .margin-left-40 {
  13425. margin-left: 40px !important;
  13426. }
  13427. .margin-left-45 {
  13428. margin-left: 45px !important;
  13429. }
  13430. .margin-left-50 {
  13431. margin-left: 50px !important;
  13432. }
  13433. .margin-left-60 {
  13434. margin-left: 60px !important;
  13435. }
  13436. .margin-left-70 {
  13437. margin-left: 70px !important;
  13438. }
  13439. .margin-left-80 {
  13440. margin-left: 80px !important;
  13441. }
  13442. .margin-right-0 {
  13443. margin-right: 0 !important;
  13444. }
  13445. .margin-right-3 {
  13446. margin-right: 3px !important;
  13447. }
  13448. .margin-right-5 {
  13449. margin-right: 5px !important;
  13450. }
  13451. .margin-right-10 {
  13452. margin-right: 10px !important;
  13453. }
  13454. .margin-right-15 {
  13455. margin-right: 15px !important;
  13456. }
  13457. .margin-right-20 {
  13458. margin-right: 20px !important;
  13459. }
  13460. .margin-right-25 {
  13461. margin-right: 25px !important;
  13462. }
  13463. .margin-right-30 {
  13464. margin-right: 30px !important;
  13465. }
  13466. .margin-right-35 {
  13467. margin-right: 35px !important;
  13468. }
  13469. .margin-right-40 {
  13470. margin-right: 40px !important;
  13471. }
  13472. .margin-right-45 {
  13473. margin-right: 45px !important;
  13474. }
  13475. .margin-right-50 {
  13476. margin-right: 50px !important;
  13477. }
  13478. .margin-right-60 {
  13479. margin-right: 60px !important;
  13480. }
  13481. .margin-right-70 {
  13482. margin-right: 70px !important;
  13483. }
  13484. .margin-right-80 {
  13485. margin-right: 80px !important;
  13486. }
  13487. @media (max-width: 767px) {
  13488. .margin-xs-0 {
  13489. margin: 0 !important;
  13490. }
  13491. }
  13492. @media (min-width: 768px) {
  13493. .margin-sm-0 {
  13494. margin: 0 !important;
  13495. }
  13496. }
  13497. @media (min-width: 992px) {
  13498. .margin-md-0 {
  13499. margin: 0 !important;
  13500. }
  13501. }
  13502. @media (min-width: 1200px) {
  13503. .margin-lg-0 {
  13504. margin: 0 !important;
  13505. }
  13506. }
  13507. .padding-0 {
  13508. padding: 0 !important;
  13509. }
  13510. .padding-3 {
  13511. padding: 3px !important;
  13512. }
  13513. .padding-5 {
  13514. padding: 5px !important;
  13515. }
  13516. .padding-10 {
  13517. padding: 10px !important;
  13518. }
  13519. .padding-15 {
  13520. padding: 15px !important;
  13521. }
  13522. .padding-20 {
  13523. padding: 20px !important;
  13524. }
  13525. .padding-25 {
  13526. padding: 25px !important;
  13527. }
  13528. .padding-30 {
  13529. padding: 30px !important;
  13530. }
  13531. .padding-35 {
  13532. padding: 35px !important;
  13533. }
  13534. .padding-40 {
  13535. padding: 40px !important;
  13536. }
  13537. .padding-45 {
  13538. padding: 45px !important;
  13539. }
  13540. .padding-50 {
  13541. padding: 50px !important;
  13542. }
  13543. .padding-60 {
  13544. padding: 60px !important;
  13545. }
  13546. .padding-70 {
  13547. padding: 70px !important;
  13548. }
  13549. .padding-80 {
  13550. padding: 80px !important;
  13551. }
  13552. .padding-vertical-0 {
  13553. padding-top: 0 !important;
  13554. padding-bottom: 0 !important;
  13555. }
  13556. .padding-vertical-3 {
  13557. padding-top: 3px !important;
  13558. padding-bottom: 3px !important;
  13559. }
  13560. .padding-vertical-5 {
  13561. padding-top: 5px !important;
  13562. padding-bottom: 5px !important;
  13563. }
  13564. .padding-vertical-10 {
  13565. padding-top: 10px !important;
  13566. padding-bottom: 10px !important;
  13567. }
  13568. .padding-vertical-15 {
  13569. padding-top: 15px !important;
  13570. padding-bottom: 15px !important;
  13571. }
  13572. .padding-vertical-20 {
  13573. padding-top: 20px !important;
  13574. padding-bottom: 20px !important;
  13575. }
  13576. .padding-vertical-25 {
  13577. padding-top: 25px !important;
  13578. padding-bottom: 25px !important;
  13579. }
  13580. .padding-vertical-30 {
  13581. padding-top: 30px !important;
  13582. padding-bottom: 30px !important;
  13583. }
  13584. .padding-vertical-35 {
  13585. padding-top: 35px !important;
  13586. padding-bottom: 35px !important;
  13587. }
  13588. .padding-vertical-40 {
  13589. padding-top: 40px !important;
  13590. padding-bottom: 40px !important;
  13591. }
  13592. .padding-vertical-45 {
  13593. padding-top: 45px !important;
  13594. padding-bottom: 45px !important;
  13595. }
  13596. .padding-vertical-50 {
  13597. padding-top: 50px !important;
  13598. padding-bottom: 50px !important;
  13599. }
  13600. .padding-vertical-60 {
  13601. padding-top: 60px !important;
  13602. padding-bottom: 60px !important;
  13603. }
  13604. .padding-vertical-70 {
  13605. padding-top: 70px !important;
  13606. padding-bottom: 70px !important;
  13607. }
  13608. .padding-vertical-80 {
  13609. padding-top: 80px !important;
  13610. padding-bottom: 80px !important;
  13611. }
  13612. .padding-horizontal-0 {
  13613. padding-right: 0 !important;
  13614. padding-left: 0 !important;
  13615. }
  13616. .padding-horizontal-3 {
  13617. padding-right: 3px !important;
  13618. padding-left: 3px !important;
  13619. }
  13620. .padding-horizontal-5 {
  13621. padding-right: 5px !important;
  13622. padding-left: 5px !important;
  13623. }
  13624. .padding-horizontal-10 {
  13625. padding-right: 10px !important;
  13626. padding-left: 10px !important;
  13627. }
  13628. .padding-horizontal-15 {
  13629. padding-right: 15px !important;
  13630. padding-left: 15px !important;
  13631. }
  13632. .padding-horizontal-20 {
  13633. padding-right: 20px !important;
  13634. padding-left: 20px !important;
  13635. }
  13636. .padding-horizontal-25 {
  13637. padding-right: 25px !important;
  13638. padding-left: 25px !important;
  13639. }
  13640. .padding-horizontal-30 {
  13641. padding-right: 30px !important;
  13642. padding-left: 30px !important;
  13643. }
  13644. .padding-horizontal-35 {
  13645. padding-right: 35px !important;
  13646. padding-left: 35px !important;
  13647. }
  13648. .padding-horizontal-40 {
  13649. padding-right: 40px !important;
  13650. padding-left: 40px !important;
  13651. }
  13652. .padding-horizontal-45 {
  13653. padding-right: 45px !important;
  13654. padding-left: 45px !important;
  13655. }
  13656. .padding-horizontal-50 {
  13657. padding-right: 50px !important;
  13658. padding-left: 50px !important;
  13659. }
  13660. .padding-horizontal-60 {
  13661. padding-right: 60px !important;
  13662. padding-left: 60px !important;
  13663. }
  13664. .padding-horizontal-70 {
  13665. padding-right: 70px !important;
  13666. padding-left: 70px !important;
  13667. }
  13668. .padding-horizontal-80 {
  13669. padding-right: 80px !important;
  13670. padding-left: 80px !important;
  13671. }
  13672. .padding-top-0 {
  13673. padding-top: 0 !important;
  13674. }
  13675. .padding-top-3 {
  13676. padding-top: 3px !important;
  13677. }
  13678. .padding-top-5 {
  13679. padding-top: 5px !important;
  13680. }
  13681. .padding-top-10 {
  13682. padding-top: 10px !important;
  13683. }
  13684. .padding-top-15 {
  13685. padding-top: 15px !important;
  13686. }
  13687. .padding-top-20 {
  13688. padding-top: 20px !important;
  13689. }
  13690. .padding-top-25 {
  13691. padding-top: 25px !important;
  13692. }
  13693. .padding-top-30 {
  13694. padding-top: 30px !important;
  13695. }
  13696. .padding-top-35 {
  13697. padding-top: 35px !important;
  13698. }
  13699. .padding-top-40 {
  13700. padding-top: 40px !important;
  13701. }
  13702. .padding-top-45 {
  13703. padding-top: 45px !important;
  13704. }
  13705. .padding-top-50 {
  13706. padding-top: 50px !important;
  13707. }
  13708. .padding-top-60 {
  13709. padding-top: 60px !important;
  13710. }
  13711. .padding-top-70 {
  13712. padding-top: 70px !important;
  13713. }
  13714. .padding-top-80 {
  13715. padding-top: 80px !important;
  13716. }
  13717. .padding-bottom-0 {
  13718. padding-bottom: 0 !important;
  13719. }
  13720. .padding-bottom-3 {
  13721. padding-bottom: 3px !important;
  13722. }
  13723. .padding-bottom-5 {
  13724. padding-bottom: 5px !important;
  13725. }
  13726. .padding-bottom-10 {
  13727. padding-bottom: 10px !important;
  13728. }
  13729. .padding-bottom-15 {
  13730. padding-bottom: 15px !important;
  13731. }
  13732. .padding-bottom-20 {
  13733. padding-bottom: 20px !important;
  13734. }
  13735. .padding-bottom-25 {
  13736. padding-bottom: 25px !important;
  13737. }
  13738. .padding-bottom-30 {
  13739. padding-bottom: 30px !important;
  13740. }
  13741. .padding-bottom-35 {
  13742. padding-bottom: 35px !important;
  13743. }
  13744. .padding-bottom-40 {
  13745. padding-bottom: 40px !important;
  13746. }
  13747. .padding-bottom-45 {
  13748. padding-bottom: 45px !important;
  13749. }
  13750. .padding-bottom-50 {
  13751. padding-bottom: 50px !important;
  13752. }
  13753. .padding-bottom-60 {
  13754. padding-bottom: 60px !important;
  13755. }
  13756. .padding-bottom-70 {
  13757. padding-bottom: 70px !important;
  13758. }
  13759. .padding-bottom-80 {
  13760. padding-bottom: 80px !important;
  13761. }
  13762. .padding-left-0 {
  13763. padding-left: 0 !important;
  13764. }
  13765. .padding-left-3 {
  13766. padding-left: 3px !important;
  13767. }
  13768. .padding-left-5 {
  13769. padding-left: 5px !important;
  13770. }
  13771. .padding-left-10 {
  13772. padding-left: 10px !important;
  13773. }
  13774. .padding-left-15 {
  13775. padding-left: 15px !important;
  13776. }
  13777. .padding-left-20 {
  13778. padding-left: 20px !important;
  13779. }
  13780. .padding-left-25 {
  13781. padding-left: 25px !important;
  13782. }
  13783. .padding-left-30 {
  13784. padding-left: 30px !important;
  13785. }
  13786. .padding-left-35 {
  13787. padding-left: 35px !important;
  13788. }
  13789. .padding-left-40 {
  13790. padding-left: 40px !important;
  13791. }
  13792. .padding-left-45 {
  13793. padding-left: 45px !important;
  13794. }
  13795. .padding-left-50 {
  13796. padding-left: 50px !important;
  13797. }
  13798. .padding-left-60 {
  13799. padding-left: 60px !important;
  13800. }
  13801. .padding-left-70 {
  13802. padding-left: 70px !important;
  13803. }
  13804. .padding-left-80 {
  13805. padding-left: 80px !important;
  13806. }
  13807. .padding-right-0 {
  13808. padding-right: 0 !important;
  13809. }
  13810. .padding-right-3 {
  13811. padding-right: 3px !important;
  13812. }
  13813. .padding-right-5 {
  13814. padding-right: 5px !important;
  13815. }
  13816. .padding-right-10 {
  13817. padding-right: 10px !important;
  13818. }
  13819. .padding-right-15 {
  13820. padding-right: 15px !important;
  13821. }
  13822. .padding-right-20 {
  13823. padding-right: 20px !important;
  13824. }
  13825. .padding-right-25 {
  13826. padding-right: 25px !important;
  13827. }
  13828. .padding-right-30 {
  13829. padding-right: 30px !important;
  13830. }
  13831. .padding-right-35 {
  13832. padding-right: 35px !important;
  13833. }
  13834. .padding-right-40 {
  13835. padding-right: 40px !important;
  13836. }
  13837. .padding-right-45 {
  13838. padding-right: 45px !important;
  13839. }
  13840. .padding-right-50 {
  13841. padding-right: 50px !important;
  13842. }
  13843. .padding-right-60 {
  13844. padding-right: 60px !important;
  13845. }
  13846. .padding-right-70 {
  13847. padding-right: 70px !important;
  13848. }
  13849. .padding-right-80 {
  13850. padding-right: 80px !important;
  13851. }
  13852. @media (max-width: 767px) {
  13853. .padding-xs-0 {
  13854. padding: 0 !important;
  13855. }
  13856. }
  13857. @media (min-width: 768px) {
  13858. .padding-sm-0 {
  13859. padding: 0 !important;
  13860. }
  13861. }
  13862. @media (min-width: 992px) {
  13863. .padding-md-0 {
  13864. padding: 0 !important;
  13865. }
  13866. }
  13867. @media (min-width: 1200px) {
  13868. .padding-lg-0 {
  13869. padding: 0 !important;
  13870. }
  13871. }
  13872. .example-wrap {
  13873. margin-bottom: 30px;
  13874. }
  13875. .example-wrap .example-wrap {
  13876. margin-bottom: 0;
  13877. }
  13878. .example {
  13879. margin-top: 20px;
  13880. margin-bottom: 20px;
  13881. }
  13882. .example:before, .example:after {
  13883. display: table;
  13884. content: " ";
  13885. }
  13886. .example:after {
  13887. clear: both;
  13888. }
  13889. .example-title {
  13890. text-transform: uppercase;
  13891. }
  13892. .example-title, h4.example-title {
  13893. font-size: 14px;
  13894. }
  13895. .panel-body > .example-wrap:last-child {
  13896. margin-bottom: 0;
  13897. }
  13898. .panel-body > .row:last-child > [class*="col-"]:last-child .example-wrap:last-child {
  13899. margin-bottom: 0;
  13900. }
  13901. .example-well {
  13902. position: relative;
  13903. margin-bottom: 30px;
  13904. background-color: #f3f7f9;
  13905. }
  13906. .example-well .center {
  13907. position: absolute;
  13908. top: 50%;
  13909. left: 50%;
  13910. display: inline-block;
  13911. max-width: 100%;
  13912. max-height: 100%;
  13913. -webkit-transform: translate(-50%, -50%);
  13914. -ms-transform: translate(-50%, -50%);
  13915. -o-transform: translate(-50%, -50%);
  13916. transform: translate(-50%, -50%);
  13917. }
  13918. .example-dropdown .dropdown:before, .example-dropdown .dropup:before, .example-dropdown .dropdown:after, .example-dropdown .dropup:after {
  13919. display: table;
  13920. content: " ";
  13921. }
  13922. .example-dropdown .dropdown:after, .example-dropdown .dropup:after {
  13923. clear: both;
  13924. }
  13925. .example-dropdown .dropdown > .dropdown-toggle, .example-dropdown .dropup > .dropdown-toggle {
  13926. float: left;
  13927. }
  13928. .example-dropdown .dropdown > .dropdown-menu, .example-dropdown .dropup > .dropdown-menu {
  13929. position: static;
  13930. display: block;
  13931. clear: left;
  13932. }
  13933. .example-dropdown .dropdown > .dropdown-menu-right, .example-dropdown .dropup > .dropdown-menu-right {
  13934. float: right;
  13935. clear: right;
  13936. }
  13937. .example-tooltip {
  13938. position: relative;
  13939. z-index: 1;
  13940. display: inline-block;
  13941. }
  13942. .example-tooltip .tooltip {
  13943. position: relative;
  13944. margin-right: 25px;
  13945. opacity: 1;
  13946. }
  13947. .example-grid .example-col, .example-blocks .example-col {
  13948. min-height: 0;
  13949. padding: 10px 15px 12px;
  13950. background-color: #f3f7f9;
  13951. border-radius: 0;
  13952. }
  13953. .example-grid .example-col {
  13954. margin-bottom: 20px;
  13955. }
  13956. .example-grid .example-col .example-col {
  13957. margin-top: 20px;
  13958. margin-bottom: 0;
  13959. background-color: #e2ecf1;
  13960. }
  13961. .example-popover {
  13962. position: relative;
  13963. z-index: 1;
  13964. display: inline-block;
  13965. }
  13966. .example-popover .popover {
  13967. position: relative;
  13968. display: block;
  13969. margin-right: 25px;
  13970. }
  13971. .example-buttons .btn, .example-buttons .btn-group, .example-buttons .btn-group-vertical {
  13972. margin: 0 10px 10px 0;
  13973. }
  13974. .example-buttons .btn-group-vertical .btn, .example-buttons .btn-group .btn {
  13975. margin-right: 0;
  13976. margin-bottom: 0;
  13977. }
  13978. .example-buttons .modal .btn {
  13979. margin: inherit;
  13980. }
  13981. .example-box {
  13982. position: relative;
  13983. padding: 45px 15px 15px;
  13984. margin-right: 0;
  13985. margin-left: 0;
  13986. border: 1px solid #e4eaec;
  13987. }
  13988. .example-box:after {
  13989. position: absolute;
  13990. top: 15px;
  13991. left: 15px;
  13992. font-size: 12px;
  13993. color: #959595;
  13994. text-transform: uppercase;
  13995. letter-spacing: 1px;
  13996. content: "示例";
  13997. }
  13998. .example-avatars .avatar {
  13999. margin-right: 20px;
  14000. margin-bottom: 20px;
  14001. }
  14002. .example-avatars .avatar:last-child {
  14003. margin-right: 20px;
  14004. }
  14005. .example-typography {
  14006. position: relative;
  14007. padding-left: 25%;
  14008. }
  14009. .example-typography .heading-note, .example-typography .text-note {
  14010. position: absolute;
  14011. bottom: 2px;
  14012. left: 0;
  14013. display: block;
  14014. width: 260px;
  14015. font-size: 13px;
  14016. font-weight: 400;
  14017. line-height: 13px;
  14018. color: #aab2bd;
  14019. }
  14020. .example-typography .text-note {
  14021. top: 10px;
  14022. bottom: auto;
  14023. }
  14024. .example-responsive {
  14025. min-height: .01%;
  14026. overflow-x: auto;
  14027. }
  14028. @media screen and (max-width: 767px) {
  14029. .example-responsive {
  14030. width: 100%;
  14031. overflow-y: hidden;
  14032. -ms-overflow-style: -ms-autohiding-scrollbar;
  14033. }
  14034. }
  14035. .example-well .page-header {
  14036. padding: 30px 20px;
  14037. }