flat-ui.css 103 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710
  1. @font-face {
  2. font-family: 'Lato';
  3. src: url('../fonts/lato/lato-black.eot');
  4. src: url('../fonts/lato/lato-black.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-black.woff') format('woff'), url('../fonts/lato/lato-black.ttf') format('truetype'), url('../fonts/lato/lato-black.svg#latoblack') format('svg');
  5. font-weight: 900;
  6. font-style: normal;
  7. }
  8. @font-face {
  9. font-family: 'Lato';
  10. src: url('../fonts/lato/lato-bold.eot');
  11. src: url('../fonts/lato/lato-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-bold.woff') format('woff'), url('../fonts/lato/lato-bold.ttf') format('truetype'), url('../fonts/lato/lato-bold.svg#latobold') format('svg');
  12. font-weight: bold;
  13. font-style: normal;
  14. }
  15. @font-face {
  16. font-family: 'Lato';
  17. src: url('../fonts/lato/lato-bolditalic.eot');
  18. src: url('../fonts/lato/lato-bolditalic.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-bolditalic.woff') format('woff'), url('../fonts/lato/lato-bolditalic.ttf') format('truetype'), url('../fonts/lato/lato-bolditalic.svg#latobold-italic') format('svg');
  19. font-weight: bold;
  20. font-style: italic;
  21. }
  22. @font-face {
  23. font-family: 'Lato';
  24. src: url('../fonts/lato/lato-italic.eot');
  25. src: url('../fonts/lato/lato-italic.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-italic.woff') format('woff'), url('../fonts/lato/lato-italic.ttf') format('truetype'), url('../fonts/lato/lato-italic.svg#latoitalic') format('svg');
  26. font-weight: normal;
  27. font-style: italic;
  28. }
  29. @font-face {
  30. font-family: 'Lato';
  31. src: url('../fonts/lato/lato-light.eot');
  32. src: url('../fonts/lato/lato-light.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-light.woff') format('woff'), url('../fonts/lato/lato-light.ttf') format('truetype'), url('../fonts/lato/lato-light.svg#latolight') format('svg');
  33. font-weight: 300;
  34. font-style: normal;
  35. }
  36. @font-face {
  37. font-family: 'Lato';
  38. src: url('../fonts/lato/lato-regular.eot');
  39. src: url('../fonts/lato/lato-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-regular.woff') format('woff'), url('../fonts/lato/lato-regular.ttf') format('truetype'), url('../fonts/lato/lato-regular.svg#latoregular') format('svg');
  40. font-weight: normal;
  41. font-style: normal;
  42. }
  43. @font-face {
  44. font-family: "Flat-UI-Icons";
  45. src: url('../fonts/flat-ui-icons-regular.eot');
  46. src: url('../fonts/flat-ui-icons-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/flat-ui-icons-regular.woff') format('woff'), url('../fonts/flat-ui-icons-regular.ttf') format('truetype'), url('../fonts/flat-ui-icons-regular.svg#flat-ui-icons-regular') format('svg');
  47. font-weight: normal;
  48. font-style: normal;
  49. }
  50. /* Use the following CSS code if you want to use data attributes for inserting your icons */
  51. [data-icon]:before {
  52. font-family: 'Flat-UI-Icons';
  53. content: attr(data-icon);
  54. speak: none;
  55. font-weight: normal;
  56. font-variant: normal;
  57. text-transform: none;
  58. -webkit-font-smoothing: antialiased;
  59. -moz-osx-font-smoothing: grayscale;
  60. }
  61. /* Use the following CSS code if you want to have a class per icon */
  62. /*
  63. Instead of a list of all class selectors,
  64. you can use the generic selector below, but it's slower:
  65. [class*="fui-"] {
  66. */
  67. .fui-arrow-right,
  68. .fui-arrow-left,
  69. .fui-cmd,
  70. .fui-check-inverted,
  71. .fui-heart,
  72. .fui-location,
  73. .fui-plus,
  74. .fui-check,
  75. .fui-cross,
  76. .fui-list,
  77. .fui-new,
  78. .fui-video,
  79. .fui-photo,
  80. .fui-volume,
  81. .fui-time,
  82. .fui-eye,
  83. .fui-chat,
  84. .fui-search,
  85. .fui-user,
  86. .fui-mail,
  87. .fui-lock,
  88. .fui-gear,
  89. .fui-radio-unchecked,
  90. .fui-radio-checked,
  91. .fui-checkbox-unchecked,
  92. .fui-checkbox-checked,
  93. .fui-calendar-solid,
  94. .fui-pause,
  95. .fui-play,
  96. .fui-check-inverted-2 {
  97. display: inline-block;
  98. font-family: 'Flat-UI-Icons';
  99. speak: none;
  100. font-style: normal;
  101. font-weight: normal;
  102. font-variant: normal;
  103. text-transform: none;
  104. -webkit-font-smoothing: antialiased;
  105. -moz-osx-font-smoothing: grayscale;
  106. }
  107. .fui-arrow-right:before {
  108. content: "\e02c";
  109. }
  110. .fui-arrow-left:before {
  111. content: "\e02d";
  112. }
  113. .fui-cmd:before {
  114. content: "\e02f";
  115. }
  116. .fui-check-inverted:before {
  117. content: "\e006";
  118. }
  119. .fui-heart:before {
  120. content: "\e007";
  121. }
  122. .fui-location:before {
  123. content: "\e008";
  124. }
  125. .fui-plus:before {
  126. content: "\e009";
  127. }
  128. .fui-check:before {
  129. content: "\e00a";
  130. }
  131. .fui-cross:before {
  132. content: "\e00b";
  133. }
  134. .fui-list:before {
  135. content: "\e00c";
  136. }
  137. .fui-new:before {
  138. content: "\e00d";
  139. }
  140. .fui-video:before {
  141. content: "\e00e";
  142. }
  143. .fui-photo:before {
  144. content: "\e00f";
  145. }
  146. .fui-volume:before {
  147. content: "\e010";
  148. }
  149. .fui-time:before {
  150. content: "\e011";
  151. }
  152. .fui-eye:before {
  153. content: "\e012";
  154. }
  155. .fui-chat:before {
  156. content: "\e013";
  157. }
  158. .fui-search:before {
  159. content: "\e01c";
  160. }
  161. .fui-user:before {
  162. content: "\e01d";
  163. }
  164. .fui-mail:before {
  165. content: "\e01e";
  166. }
  167. .fui-lock:before {
  168. content: "\e01f";
  169. }
  170. .fui-gear:before {
  171. content: "\e024";
  172. }
  173. .fui-radio-unchecked:before {
  174. content: "\e02b";
  175. }
  176. .fui-radio-checked:before {
  177. content: "\e032";
  178. }
  179. .fui-checkbox-unchecked:before {
  180. content: "\e033";
  181. }
  182. .fui-checkbox-checked:before {
  183. content: "\e034";
  184. }
  185. .fui-calendar-solid:before {
  186. content: "\e022";
  187. }
  188. .fui-pause:before {
  189. content: "\e03b";
  190. }
  191. .fui-play:before {
  192. content: "\e03c";
  193. }
  194. .fui-check-inverted-2:before {
  195. content: "\e000";
  196. }
  197. .dropdown-arrow-inverse {
  198. border-bottom-color: #34495e !important;
  199. border-top-color: #34495e !important;
  200. }
  201. body {
  202. font-family: "Lato", Helvetica, Arial, sans-serif;
  203. font-size: 18px;
  204. line-height: 1.72222;
  205. color: #34495e;
  206. background-color: #ffffff;
  207. }
  208. a {
  209. color: #16a085;
  210. text-decoration: none;
  211. -webkit-transition: 0.25s;
  212. transition: 0.25s;
  213. }
  214. a:hover,
  215. a:focus {
  216. color: #1abc9c;
  217. text-decoration: none;
  218. }
  219. a:focus {
  220. outline: none;
  221. }
  222. .img-rounded {
  223. border-radius: 6px;
  224. }
  225. .img-thumbnail {
  226. padding: 4px;
  227. line-height: 1.72222;
  228. background-color: #ffffff;
  229. border: 2px solid #bdc3c7;
  230. border-radius: 6px;
  231. -webkit-transition: all 0.25s ease-in-out;
  232. transition: all 0.25s ease-in-out;
  233. display: inline-block;
  234. max-width: 100%;
  235. height: auto;
  236. }
  237. .img-comment {
  238. font-size: 15px;
  239. line-height: 1.2;
  240. font-style: italic;
  241. margin: 24px 0;
  242. }
  243. h1,
  244. h2,
  245. h3,
  246. h4,
  247. h5,
  248. h6,
  249. .h1,
  250. .h2,
  251. .h3,
  252. .h4,
  253. .h5,
  254. .h6 {
  255. font-family: inherit;
  256. font-weight: 700;
  257. line-height: 1.1;
  258. color: inherit;
  259. }
  260. h1 small,
  261. h2 small,
  262. h3 small,
  263. h4 small,
  264. h5 small,
  265. h6 small,
  266. .h1 small,
  267. .h2 small,
  268. .h3 small,
  269. .h4 small,
  270. .h5 small,
  271. .h6 small {
  272. color: #e7e9ec;
  273. }
  274. h1,
  275. h2,
  276. h3 {
  277. margin-top: 30px;
  278. margin-bottom: 15px;
  279. }
  280. h4,
  281. h5,
  282. h6 {
  283. margin-top: 15px;
  284. margin-bottom: 15px;
  285. }
  286. h6 {
  287. font-weight: normal;
  288. }
  289. h1,
  290. .h1 {
  291. font-size: 61px;
  292. }
  293. h2,
  294. .h2 {
  295. font-size: 53px;
  296. }
  297. h3,
  298. .h3 {
  299. font-size: 40px;
  300. }
  301. h4,
  302. .h4 {
  303. font-size: 29px;
  304. }
  305. h5,
  306. .h5 {
  307. font-size: 28px;
  308. }
  309. h6,
  310. .h6 {
  311. font-size: 24px;
  312. }
  313. p {
  314. font-size: 18px;
  315. line-height: 1.72222;
  316. margin: 0 0 15px;
  317. }
  318. .lead {
  319. margin-bottom: 30px;
  320. font-size: 28px;
  321. line-height: 1.46428571;
  322. font-weight: 300;
  323. }
  324. @media (min-width: 768px) {
  325. .lead {
  326. font-size: 30.006px;
  327. }
  328. }
  329. small,
  330. .small {
  331. font-size: 83%;
  332. line-height: 2.067;
  333. }
  334. .text-muted {
  335. color: #bdc3c7;
  336. }
  337. .text-inverse {
  338. color: #ffffff;
  339. }
  340. .text-primary {
  341. color: #1abc9c;
  342. }
  343. a.text-primary:hover {
  344. color: #15967d;
  345. }
  346. .text-warning {
  347. color: #f1c40f;
  348. }
  349. a.text-warning:hover {
  350. color: #c19d0c;
  351. }
  352. .text-danger {
  353. color: #e74c3c;
  354. }
  355. a.text-danger:hover {
  356. color: #b93d30;
  357. }
  358. .text-success {
  359. color: #2ecc71;
  360. }
  361. a.text-success:hover {
  362. color: #25a35a;
  363. }
  364. .text-info {
  365. color: #3498db;
  366. }
  367. a.text-info:hover {
  368. color: #2a7aaf;
  369. }
  370. .bg-primary {
  371. color: #ffffff;
  372. background-color: #34495e;
  373. }
  374. a.bg-primary:hover {
  375. background-color: #222f3d;
  376. }
  377. .bg-success {
  378. background-color: #dff0d8;
  379. }
  380. a.bg-success:hover {
  381. background-color: #c1e2b3;
  382. }
  383. .bg-info {
  384. background-color: #d9edf7;
  385. }
  386. a.bg-info:hover {
  387. background-color: #afd9ee;
  388. }
  389. .bg-warning {
  390. background-color: #fcf8e3;
  391. }
  392. a.bg-warning:hover {
  393. background-color: #f7ecb5;
  394. }
  395. .bg-danger {
  396. background-color: #f2dede;
  397. }
  398. a.bg-danger:hover {
  399. background-color: #e4b9b9;
  400. }
  401. .page-header {
  402. padding-bottom: 14px;
  403. margin: 30px 0 30px;
  404. border-bottom: 1px solid #e7e9ec;
  405. }
  406. ul,
  407. ol {
  408. margin-bottom: 15px;
  409. }
  410. dl {
  411. margin-bottom: 30px;
  412. }
  413. dt,
  414. dd {
  415. line-height: 1.72222;
  416. }
  417. @media (min-width: 768px) {
  418. .dl-horizontal dt {
  419. width: 160px;
  420. }
  421. .dl-horizontal dd {
  422. margin-left: 180px;
  423. }
  424. }
  425. abbr[title],
  426. abbr[data-original-title] {
  427. border-bottom: 1px dotted #bdc3c7;
  428. }
  429. blockquote {
  430. border-left: 3px solid #e7e9ec;
  431. padding: 0 0 0 16px;
  432. margin: 0 0 30px;
  433. }
  434. blockquote p {
  435. font-size: 20px;
  436. line-height: 1.55;
  437. font-weight: normal;
  438. margin-bottom: .4em;
  439. }
  440. blockquote small,
  441. blockquote .small {
  442. font-size: 18px;
  443. line-height: 1.72222;
  444. font-style: italic;
  445. color: inherit;
  446. }
  447. blockquote small:before,
  448. blockquote .small:before {
  449. content: "";
  450. }
  451. blockquote.pull-right {
  452. padding-right: 16px;
  453. padding-left: 0;
  454. border-right: 3px solid #e7e9ec;
  455. border-left: 0;
  456. }
  457. blockquote.pull-right small:after {
  458. content: "";
  459. }
  460. address {
  461. margin-bottom: 30px;
  462. line-height: 1.72222;
  463. }
  464. code,
  465. kbd,
  466. pre,
  467. samp {
  468. font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  469. }
  470. code {
  471. padding: 2px 6px;
  472. font-size: 85%;
  473. color: #c7254e;
  474. background-color: #f9f2f4;
  475. border-radius: 4px;
  476. }
  477. kbd {
  478. padding: 2px 6px;
  479. font-size: 85%;
  480. color: #ffffff;
  481. background-color: #34495e;
  482. border-radius: 4px;
  483. box-shadow: none;
  484. }
  485. pre {
  486. padding: 8px;
  487. margin: 0 0 15px;
  488. font-size: 13px;
  489. line-height: 1.72222;
  490. color: inherit;
  491. background-color: #ffffff;
  492. border: 2px solid #e7e9ec;
  493. border-radius: 6px;
  494. white-space: pre;
  495. }
  496. .pre-scrollable {
  497. max-height: 340px;
  498. }
  499. .thumbnail {
  500. display: block;
  501. padding: 4px;
  502. margin-bottom: 5px;
  503. line-height: 1.72222;
  504. background-color: #ffffff;
  505. border: 2px solid #bdc3c7;
  506. border-radius: 6px;
  507. -webkit-transition: all 0.25s ease-in-out;
  508. transition: all 0.25s ease-in-out;
  509. }
  510. .thumbnail > img,
  511. .thumbnail a > img {
  512. display: block;
  513. max-width: 100%;
  514. height: auto;
  515. margin-left: auto;
  516. margin-right: auto;
  517. }
  518. a.thumbnail:hover,
  519. a.thumbnail:focus,
  520. a.thumbnail.active {
  521. border-color: #16a085;
  522. }
  523. .thumbnail .caption {
  524. padding: 9px;
  525. color: #34495e;
  526. }
  527. .btn {
  528. border: none;
  529. font-size: 15px;
  530. font-weight: normal;
  531. line-height: 1.4;
  532. border-radius: 4px;
  533. padding: 10px 15px;
  534. -webkit-font-smoothing: subpixel-antialiased;
  535. -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
  536. transition: border .25s linear, color .25s linear, background-color .25s linear;
  537. }
  538. .btn:hover,
  539. .btn:focus {
  540. outline: none;
  541. color: #ffffff;
  542. }
  543. .btn:active,
  544. .btn.active {
  545. outline: none;
  546. -webkit-box-shadow: none;
  547. box-shadow: none;
  548. }
  549. .btn.disabled,
  550. .btn[disabled],
  551. fieldset[disabled] .btn {
  552. background-color: #bdc3c7;
  553. color: rgba(255, 255, 255, 0.75);
  554. opacity: 0.7;
  555. filter: alpha(opacity=70);
  556. }
  557. .btn > [class^="fui-"] {
  558. margin: 0 1px;
  559. position: relative;
  560. line-height: 1;
  561. top: 1px;
  562. }
  563. .btn-xs.btn > [class^="fui-"] {
  564. font-size: 11px;
  565. top: 0;
  566. }
  567. .btn-hg.btn > [class^="fui-"] {
  568. top: 2px;
  569. }
  570. .btn-default {
  571. color: #ffffff;
  572. background-color: #bdc3c7;
  573. }
  574. .btn-default:hover,
  575. .btn-default:focus,
  576. .btn-default:active,
  577. .btn-default.active,
  578. .open .dropdown-toggle.btn-default {
  579. color: #ffffff;
  580. background-color: #cacfd2;
  581. border-color: #cacfd2;
  582. }
  583. .btn-default:active,
  584. .btn-default.active,
  585. .open .dropdown-toggle.btn-default {
  586. background: #a1a6a9;
  587. border-color: #a1a6a9;
  588. }
  589. .btn-default.disabled,
  590. .btn-default[disabled],
  591. fieldset[disabled] .btn-default,
  592. .btn-default.disabled:hover,
  593. .btn-default[disabled]:hover,
  594. fieldset[disabled] .btn-default:hover,
  595. .btn-default.disabled:focus,
  596. .btn-default[disabled]:focus,
  597. fieldset[disabled] .btn-default:focus,
  598. .btn-default.disabled:active,
  599. .btn-default[disabled]:active,
  600. fieldset[disabled] .btn-default:active,
  601. .btn-default.disabled.active,
  602. .btn-default[disabled].active,
  603. fieldset[disabled] .btn-default.active {
  604. background-color: #bdc3c7;
  605. border-color: #bdc3c7;
  606. }
  607. .btn-primary {
  608. color: #ffffff;
  609. background-color: #1abc9c;
  610. }
  611. .btn-primary:hover,
  612. .btn-primary:focus,
  613. .btn-primary:active,
  614. .btn-primary.active,
  615. .open .dropdown-toggle.btn-primary {
  616. color: #ffffff;
  617. background-color: #48c9b0;
  618. border-color: #48c9b0;
  619. }
  620. .btn-primary:active,
  621. .btn-primary.active,
  622. .open .dropdown-toggle.btn-primary {
  623. background: #16a085;
  624. border-color: #16a085;
  625. }
  626. .btn-primary.disabled,
  627. .btn-primary[disabled],
  628. fieldset[disabled] .btn-primary,
  629. .btn-primary.disabled:hover,
  630. .btn-primary[disabled]:hover,
  631. fieldset[disabled] .btn-primary:hover,
  632. .btn-primary.disabled:focus,
  633. .btn-primary[disabled]:focus,
  634. fieldset[disabled] .btn-primary:focus,
  635. .btn-primary.disabled:active,
  636. .btn-primary[disabled]:active,
  637. fieldset[disabled] .btn-primary:active,
  638. .btn-primary.disabled.active,
  639. .btn-primary[disabled].active,
  640. fieldset[disabled] .btn-primary.active {
  641. background-color: #1abc9c;
  642. border-color: #1abc9c;
  643. }
  644. .btn-info {
  645. color: #ffffff;
  646. background-color: #3498db;
  647. }
  648. .btn-info:hover,
  649. .btn-info:focus,
  650. .btn-info:active,
  651. .btn-info.active,
  652. .open .dropdown-toggle.btn-info {
  653. color: #ffffff;
  654. background-color: #5dade2;
  655. border-color: #5dade2;
  656. }
  657. .btn-info:active,
  658. .btn-info.active,
  659. .open .dropdown-toggle.btn-info {
  660. background: #2c81ba;
  661. border-color: #2c81ba;
  662. }
  663. .btn-info.disabled,
  664. .btn-info[disabled],
  665. fieldset[disabled] .btn-info,
  666. .btn-info.disabled:hover,
  667. .btn-info[disabled]:hover,
  668. fieldset[disabled] .btn-info:hover,
  669. .btn-info.disabled:focus,
  670. .btn-info[disabled]:focus,
  671. fieldset[disabled] .btn-info:focus,
  672. .btn-info.disabled:active,
  673. .btn-info[disabled]:active,
  674. fieldset[disabled] .btn-info:active,
  675. .btn-info.disabled.active,
  676. .btn-info[disabled].active,
  677. fieldset[disabled] .btn-info.active {
  678. background-color: #3498db;
  679. border-color: #3498db;
  680. }
  681. .btn-danger {
  682. color: #ffffff;
  683. background-color: #e74c3c;
  684. }
  685. .btn-danger:hover,
  686. .btn-danger:focus,
  687. .btn-danger:active,
  688. .btn-danger.active,
  689. .open .dropdown-toggle.btn-danger {
  690. color: #ffffff;
  691. background-color: #ec7063;
  692. border-color: #ec7063;
  693. }
  694. .btn-danger:active,
  695. .btn-danger.active,
  696. .open .dropdown-toggle.btn-danger {
  697. background: #c44133;
  698. border-color: #c44133;
  699. }
  700. .btn-danger.disabled,
  701. .btn-danger[disabled],
  702. fieldset[disabled] .btn-danger,
  703. .btn-danger.disabled:hover,
  704. .btn-danger[disabled]:hover,
  705. fieldset[disabled] .btn-danger:hover,
  706. .btn-danger.disabled:focus,
  707. .btn-danger[disabled]:focus,
  708. fieldset[disabled] .btn-danger:focus,
  709. .btn-danger.disabled:active,
  710. .btn-danger[disabled]:active,
  711. fieldset[disabled] .btn-danger:active,
  712. .btn-danger.disabled.active,
  713. .btn-danger[disabled].active,
  714. fieldset[disabled] .btn-danger.active {
  715. background-color: #e74c3c;
  716. border-color: #e74c3c;
  717. }
  718. .btn-success {
  719. color: #ffffff;
  720. background-color: #2ecc71;
  721. }
  722. .btn-success:hover,
  723. .btn-success:focus,
  724. .btn-success:active,
  725. .btn-success.active,
  726. .open .dropdown-toggle.btn-success {
  727. color: #ffffff;
  728. background-color: #58d68d;
  729. border-color: #58d68d;
  730. }
  731. .btn-success:active,
  732. .btn-success.active,
  733. .open .dropdown-toggle.btn-success {
  734. background: #27ad60;
  735. border-color: #27ad60;
  736. }
  737. .btn-success.disabled,
  738. .btn-success[disabled],
  739. fieldset[disabled] .btn-success,
  740. .btn-success.disabled:hover,
  741. .btn-success[disabled]:hover,
  742. fieldset[disabled] .btn-success:hover,
  743. .btn-success.disabled:focus,
  744. .btn-success[disabled]:focus,
  745. fieldset[disabled] .btn-success:focus,
  746. .btn-success.disabled:active,
  747. .btn-success[disabled]:active,
  748. fieldset[disabled] .btn-success:active,
  749. .btn-success.disabled.active,
  750. .btn-success[disabled].active,
  751. fieldset[disabled] .btn-success.active {
  752. background-color: #2ecc71;
  753. border-color: #2ecc71;
  754. }
  755. .btn-warning {
  756. color: #ffffff;
  757. background-color: #f1c40f;
  758. }
  759. .btn-warning:hover,
  760. .btn-warning:focus,
  761. .btn-warning:active,
  762. .btn-warning.active,
  763. .open .dropdown-toggle.btn-warning {
  764. color: #ffffff;
  765. background-color: #f5d313;
  766. border-color: #f5d313;
  767. }
  768. .btn-warning:active,
  769. .btn-warning.active,
  770. .open .dropdown-toggle.btn-warning {
  771. background: #cda70d;
  772. border-color: #cda70d;
  773. }
  774. .btn-warning.disabled,
  775. .btn-warning[disabled],
  776. fieldset[disabled] .btn-warning,
  777. .btn-warning.disabled:hover,
  778. .btn-warning[disabled]:hover,
  779. fieldset[disabled] .btn-warning:hover,
  780. .btn-warning.disabled:focus,
  781. .btn-warning[disabled]:focus,
  782. fieldset[disabled] .btn-warning:focus,
  783. .btn-warning.disabled:active,
  784. .btn-warning[disabled]:active,
  785. fieldset[disabled] .btn-warning:active,
  786. .btn-warning.disabled.active,
  787. .btn-warning[disabled].active,
  788. fieldset[disabled] .btn-warning.active {
  789. background-color: #f1c40f;
  790. border-color: #f1c40f;
  791. }
  792. .btn-inverse {
  793. color: #ffffff;
  794. background-color: #34495e;
  795. }
  796. .btn-inverse:hover,
  797. .btn-inverse:focus,
  798. .btn-inverse:active,
  799. .btn-inverse.active,
  800. .open .dropdown-toggle.btn-inverse {
  801. color: #ffffff;
  802. background-color: #415b76;
  803. border-color: #415b76;
  804. }
  805. .btn-inverse:active,
  806. .btn-inverse.active,
  807. .open .dropdown-toggle.btn-inverse {
  808. background: #2c3e50;
  809. border-color: #2c3e50;
  810. }
  811. .btn-inverse.disabled,
  812. .btn-inverse[disabled],
  813. fieldset[disabled] .btn-inverse,
  814. .btn-inverse.disabled:hover,
  815. .btn-inverse[disabled]:hover,
  816. fieldset[disabled] .btn-inverse:hover,
  817. .btn-inverse.disabled:focus,
  818. .btn-inverse[disabled]:focus,
  819. fieldset[disabled] .btn-inverse:focus,
  820. .btn-inverse.disabled:active,
  821. .btn-inverse[disabled]:active,
  822. fieldset[disabled] .btn-inverse:active,
  823. .btn-inverse.disabled.active,
  824. .btn-inverse[disabled].active,
  825. fieldset[disabled] .btn-inverse.active {
  826. background-color: #34495e;
  827. border-color: #34495e;
  828. }
  829. .btn-embossed {
  830. -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
  831. box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
  832. }
  833. .btn-embossed.active,
  834. .btn-embossed:active {
  835. -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.15);
  836. box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.15);
  837. }
  838. .btn-wide {
  839. min-width: 140px;
  840. padding-left: 30px;
  841. padding-right: 30px;
  842. }
  843. .btn-link {
  844. color: #16a085;
  845. }
  846. .btn-link:hover,
  847. .btn-link:focus {
  848. color: #1abc9c;
  849. text-decoration: underline;
  850. background-color: transparent;
  851. }
  852. .btn-link[disabled]:hover,
  853. fieldset[disabled] .btn-link:hover,
  854. .btn-link[disabled]:focus,
  855. fieldset[disabled] .btn-link:focus {
  856. color: #bdc3c7;
  857. text-decoration: none;
  858. }
  859. .btn-hg {
  860. padding: 13px 20px;
  861. font-size: 22px;
  862. line-height: 1.227;
  863. border-radius: 6px;
  864. }
  865. .btn-lg {
  866. padding: 10px 19px;
  867. font-size: 17px;
  868. line-height: 1.471;
  869. border-radius: 6px;
  870. }
  871. .btn-sm {
  872. padding: 9px 13px;
  873. font-size: 13px;
  874. line-height: 1.385;
  875. border-radius: 4px;
  876. }
  877. .btn-xs {
  878. padding: 6px 9px;
  879. font-size: 12px;
  880. line-height: 1.083;
  881. border-radius: 3px;
  882. }
  883. .btn-tip {
  884. font-weight: 300;
  885. padding-left: 10px;
  886. font-size: 92%;
  887. }
  888. .btn-block {
  889. white-space: normal;
  890. }
  891. .btn-default .caret {
  892. border-top-color: #ffffff;
  893. }
  894. .btn-primary .caret,
  895. .btn-success .caret,
  896. .btn-warning .caret,
  897. .btn-danger .caret,
  898. .btn-info .caret {
  899. border-top-color: #ffffff;
  900. }
  901. .dropup .btn-default .caret {
  902. border-bottom-color: #ffffff;
  903. }
  904. .dropup .btn-primary .caret,
  905. .dropup .btn-success .caret,
  906. .dropup .btn-warning .caret,
  907. .dropup .btn-danger .caret,
  908. .dropup .btn-info .caret {
  909. border-bottom-color: #ffffff;
  910. }
  911. .btn-group-xs > .btn {
  912. padding: 6px 9px;
  913. font-size: 12px;
  914. line-height: 1.083;
  915. border-radius: 3px;
  916. }
  917. .btn-group-sm > .btn {
  918. padding: 9px 13px;
  919. font-size: 13px;
  920. line-height: 1.385;
  921. border-radius: 4px;
  922. }
  923. .btn-group-lg > .btn {
  924. padding: 10px 19px;
  925. font-size: 17px;
  926. line-height: 1.471;
  927. border-radius: 6px;
  928. }
  929. .btn-group-gh > .btn {
  930. padding: 13px 20px;
  931. font-size: 22px;
  932. line-height: 1.227;
  933. border-radius: 6px;
  934. }
  935. .btn-group > .btn + .btn {
  936. margin-left: 0;
  937. }
  938. .btn-group > .btn + .dropdown-toggle {
  939. border-left: 2px solid rgba(52, 73, 94, 0.15);
  940. padding-left: 12px;
  941. padding-right: 12px;
  942. }
  943. .btn-group > .btn + .dropdown-toggle .caret {
  944. margin-left: 3px;
  945. margin-right: 3px;
  946. }
  947. .btn-group > .btn.btn-gh + .dropdown-toggle .caret {
  948. margin-left: 7px;
  949. margin-right: 7px;
  950. }
  951. .btn-group > .btn.btn-sm + .dropdown-toggle .caret {
  952. margin-left: 0;
  953. margin-right: 0;
  954. }
  955. .dropdown-toggle .caret {
  956. margin-left: 8px;
  957. }
  958. .btn-group > .btn,
  959. .btn-group > .dropdown-menu,
  960. .btn-group > .popover {
  961. font-weight: 400;
  962. }
  963. .btn-group:focus .dropdown-toggle {
  964. outline: none;
  965. -webkit-transition: 0.25s;
  966. transition: 0.25s;
  967. }
  968. .btn-group.open .dropdown-toggle {
  969. color: rgba(255, 255, 255, 0.75);
  970. -webkit-box-shadow: none;
  971. box-shadow: none;
  972. }
  973. .btn-toolbar .btn.active {
  974. color: #ffffff;
  975. }
  976. .btn-toolbar .btn > [class^="fui-"] {
  977. font-size: 16px;
  978. margin: 0 1px;
  979. }
  980. .caret {
  981. border-width: 8px 6px;
  982. border-bottom-color: #34495e;
  983. border-top-color: #34495e;
  984. border-style: solid;
  985. border-bottom-style: none;
  986. -webkit-transition: 0.25s;
  987. transition: 0.25s;
  988. -webkit-transform: scale(1.001);
  989. -ms-transform: scale(1.001);
  990. transform: scale(1.001);
  991. }
  992. .dropup .caret,
  993. .dropup .btn-lg .caret,
  994. .navbar-fixed-bottom .dropdown .caret {
  995. border-bottom-width: 8px;
  996. }
  997. .btn-lg .caret {
  998. border-top-width: 8px;
  999. border-right-width: 6px;
  1000. border-left-width: 6px;
  1001. }
  1002. .select {
  1003. display: inline-block;
  1004. margin-bottom: 10px;
  1005. }
  1006. [class*="span"] > .select[class*="span"] {
  1007. margin-left: 0;
  1008. }
  1009. .select[class*="span"] .btn {
  1010. width: 100%;
  1011. }
  1012. .select.select-block {
  1013. display: block;
  1014. float: none;
  1015. margin-left: 0;
  1016. width: auto;
  1017. }
  1018. .select.select-block:before,
  1019. .select.select-block:after {
  1020. content: " ";
  1021. /* 1 */
  1022. display: table;
  1023. /* 2 */
  1024. }
  1025. .select.select-block:after {
  1026. clear: both;
  1027. }
  1028. .select.select-block .btn {
  1029. width: 100%;
  1030. }
  1031. .select.select-block .dropdown-menu {
  1032. width: 100%;
  1033. }
  1034. .select .btn {
  1035. width: 220px;
  1036. }
  1037. .select .btn.btn-hg .filter-option {
  1038. left: 20px;
  1039. right: 40px;
  1040. top: 13px;
  1041. }
  1042. .select .btn.btn-hg .caret {
  1043. right: 20px;
  1044. }
  1045. .select .btn.btn-lg .filter-option {
  1046. left: 18px;
  1047. right: 38px;
  1048. }
  1049. .select .btn.btn-sm .filter-option {
  1050. left: 13px;
  1051. right: 33px;
  1052. }
  1053. .select .btn.btn-sm .caret {
  1054. right: 13px;
  1055. }
  1056. .select .btn.btn-xs .filter-option {
  1057. left: 13px;
  1058. right: 33px;
  1059. top: 5px;
  1060. }
  1061. .select .btn.btn-xs .caret {
  1062. right: 13px;
  1063. }
  1064. .select .btn .filter-option {
  1065. height: 26px;
  1066. left: 13px;
  1067. overflow: hidden;
  1068. position: absolute;
  1069. right: 33px;
  1070. text-align: left;
  1071. top: 10px;
  1072. }
  1073. .select .btn .caret {
  1074. position: absolute;
  1075. right: 16px;
  1076. top: 50%;
  1077. margin-top: -3px;
  1078. }
  1079. .select .btn .dropdown-toggle {
  1080. border-radius: 6px;
  1081. }
  1082. .select .btn .dropdown-menu {
  1083. min-width: 100%;
  1084. }
  1085. .select .btn .dropdown-menu dt {
  1086. cursor: default;
  1087. display: block;
  1088. padding: 3px 20px;
  1089. }
  1090. .select .btn .dropdown-menu li:not(.disabled) > a:hover small {
  1091. color: rgba(255, 255, 255, 0.004);
  1092. }
  1093. .select .btn .dropdown-menu li > a {
  1094. min-height: 20px;
  1095. }
  1096. .select .btn .dropdown-menu li > a.opt {
  1097. padding-left: 35px;
  1098. }
  1099. .select .btn .dropdown-menu li small {
  1100. padding-left: .5em;
  1101. }
  1102. .select .btn .dropdown-menu li > dt small {
  1103. font-weight: normal;
  1104. }
  1105. .select .btn > .disabled,
  1106. .select .btn .dropdown-menu li.disabled > a {
  1107. cursor: default;
  1108. }
  1109. .select .caret {
  1110. border-bottom-color: #ffffff;
  1111. border-top-color: #ffffff;
  1112. }
  1113. legend {
  1114. display: block;
  1115. width: 100%;
  1116. padding: 0;
  1117. margin-bottom: 15px;
  1118. font-size: 24px;
  1119. line-height: inherit;
  1120. color: inherit;
  1121. border-bottom: none;
  1122. }
  1123. textarea {
  1124. font-size: 20px;
  1125. line-height: 24px;
  1126. padding: 5px 11px;
  1127. }
  1128. input[type="search"] {
  1129. -webkit-appearance: none !important;
  1130. }
  1131. label {
  1132. font-weight: normal;
  1133. font-size: 15px;
  1134. line-height: 2.4;
  1135. }
  1136. .form-control:-moz-placeholder {
  1137. color: #b2bcc5;
  1138. }
  1139. .form-control::-moz-placeholder {
  1140. color: #b2bcc5;
  1141. opacity: 1;
  1142. }
  1143. .form-control:-ms-input-placeholder {
  1144. color: #b2bcc5;
  1145. }
  1146. .form-control::-webkit-input-placeholder {
  1147. color: #b2bcc5;
  1148. }
  1149. .form-control.placeholder {
  1150. color: #b2bcc5;
  1151. }
  1152. .form-control {
  1153. border: 2px solid #bdc3c7;
  1154. color: #34495e;
  1155. font-family: "Lato", Helvetica, Arial, sans-serif;
  1156. font-size: 15px;
  1157. line-height: 1.467;
  1158. padding: 8px 12px;
  1159. height: 42px;
  1160. -webkit-appearance: none;
  1161. border-radius: 6px;
  1162. -webkit-box-shadow: none;
  1163. box-shadow: none;
  1164. -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
  1165. transition: border .25s linear, color .25s linear, background-color .25s linear;
  1166. }
  1167. .form-group.focus .form-control,
  1168. .form-control:focus {
  1169. border-color: #1abc9c;
  1170. outline: 0;
  1171. -webkit-box-shadow: none;
  1172. box-shadow: none;
  1173. }
  1174. .form-control[disabled],
  1175. .form-control[readonly],
  1176. fieldset[disabled] .form-control {
  1177. background-color: #f4f6f6;
  1178. border-color: #d5dbdb;
  1179. color: #d5dbdb;
  1180. cursor: default;
  1181. opacity: 0.7;
  1182. filter: alpha(opacity=70);
  1183. }
  1184. .form-control.flat {
  1185. border-color: transparent;
  1186. }
  1187. .form-control.flat:hover {
  1188. border-color: #bdc3c7;
  1189. }
  1190. .form-control.flat:focus {
  1191. border-color: #1abc9c;
  1192. }
  1193. .input-sm {
  1194. height: 35px;
  1195. padding: 6px 10px;
  1196. font-size: 13px;
  1197. line-height: 1.462;
  1198. border-radius: 6px;
  1199. }
  1200. select.input-sm {
  1201. height: 35px;
  1202. line-height: 35px;
  1203. }
  1204. textarea.input-sm,
  1205. select[multiple].input-sm {
  1206. height: auto;
  1207. }
  1208. .input-lg {
  1209. height: 45px;
  1210. padding: 10px 15px;
  1211. font-size: 17px;
  1212. line-height: 1.235;
  1213. border-radius: 6px;
  1214. }
  1215. select.input-lg {
  1216. height: 45px;
  1217. line-height: 45px;
  1218. }
  1219. textarea.input-lg,
  1220. select[multiple].input-lg {
  1221. height: auto;
  1222. }
  1223. .input-hg {
  1224. height: 53px;
  1225. padding: 10px 16px;
  1226. font-size: 22px;
  1227. line-height: 1.318;
  1228. border-radius: 6px;
  1229. }
  1230. select.input-hg {
  1231. height: 53px;
  1232. line-height: 53px;
  1233. }
  1234. textarea.input-hg,
  1235. select[multiple].input-hg {
  1236. height: auto;
  1237. }
  1238. .has-warning .help-block,
  1239. .has-warning .control-label,
  1240. .has-warning .radio,
  1241. .has-warning .checkbox,
  1242. .has-warning .radio-inline,
  1243. .has-warning .checkbox-inline {
  1244. color: #f1c40f;
  1245. }
  1246. .has-warning .form-control {
  1247. color: #f1c40f;
  1248. border-color: #f1c40f;
  1249. -webkit-box-shadow: none;
  1250. box-shadow: none;
  1251. }
  1252. .has-warning .form-control:-moz-placeholder {
  1253. color: #f1c40f;
  1254. }
  1255. .has-warning .form-control::-moz-placeholder {
  1256. color: #f1c40f;
  1257. opacity: 1;
  1258. }
  1259. .has-warning .form-control:-ms-input-placeholder {
  1260. color: #f1c40f;
  1261. }
  1262. .has-warning .form-control::-webkit-input-placeholder {
  1263. color: #f1c40f;
  1264. }
  1265. .has-warning .form-control.placeholder {
  1266. color: #f1c40f;
  1267. }
  1268. .has-warning .form-control:focus {
  1269. border-color: #f1c40f;
  1270. -webkit-box-shadow: none;
  1271. box-shadow: none;
  1272. }
  1273. .has-warning .input-group-addon {
  1274. color: #f1c40f;
  1275. border-color: #f1c40f;
  1276. background-color: #ffffff;
  1277. }
  1278. .has-error .help-block,
  1279. .has-error .control-label,
  1280. .has-error .radio,
  1281. .has-error .checkbox,
  1282. .has-error .radio-inline,
  1283. .has-error .checkbox-inline {
  1284. color: #e74c3c;
  1285. }
  1286. .has-error .form-control {
  1287. color: #e74c3c;
  1288. border-color: #e74c3c;
  1289. -webkit-box-shadow: none;
  1290. box-shadow: none;
  1291. }
  1292. .has-error .form-control:-moz-placeholder {
  1293. color: #e74c3c;
  1294. }
  1295. .has-error .form-control::-moz-placeholder {
  1296. color: #e74c3c;
  1297. opacity: 1;
  1298. }
  1299. .has-error .form-control:-ms-input-placeholder {
  1300. color: #e74c3c;
  1301. }
  1302. .has-error .form-control::-webkit-input-placeholder {
  1303. color: #e74c3c;
  1304. }
  1305. .has-error .form-control.placeholder {
  1306. color: #e74c3c;
  1307. }
  1308. .has-error .form-control:focus {
  1309. border-color: #e74c3c;
  1310. -webkit-box-shadow: none;
  1311. box-shadow: none;
  1312. }
  1313. .has-error .input-group-addon {
  1314. color: #e74c3c;
  1315. border-color: #e74c3c;
  1316. background-color: #ffffff;
  1317. }
  1318. .has-success .help-block,
  1319. .has-success .control-label,
  1320. .has-success .radio,
  1321. .has-success .checkbox,
  1322. .has-success .radio-inline,
  1323. .has-success .checkbox-inline {
  1324. color: #2ecc71;
  1325. }
  1326. .has-success .form-control {
  1327. color: #2ecc71;
  1328. border-color: #2ecc71;
  1329. -webkit-box-shadow: none;
  1330. box-shadow: none;
  1331. }
  1332. .has-success .form-control:-moz-placeholder {
  1333. color: #2ecc71;
  1334. }
  1335. .has-success .form-control::-moz-placeholder {
  1336. color: #2ecc71;
  1337. opacity: 1;
  1338. }
  1339. .has-success .form-control:-ms-input-placeholder {
  1340. color: #2ecc71;
  1341. }
  1342. .has-success .form-control::-webkit-input-placeholder {
  1343. color: #2ecc71;
  1344. }
  1345. .has-success .form-control.placeholder {
  1346. color: #2ecc71;
  1347. }
  1348. .has-success .form-control:focus {
  1349. border-color: #2ecc71;
  1350. -webkit-box-shadow: none;
  1351. box-shadow: none;
  1352. }
  1353. .has-success .input-group-addon {
  1354. color: #2ecc71;
  1355. border-color: #2ecc71;
  1356. background-color: #ffffff;
  1357. }
  1358. .help-block {
  1359. font-size: 15px;
  1360. margin-bottom: 5px;
  1361. color: inherit;
  1362. }
  1363. .form-group {
  1364. position: relative;
  1365. margin-bottom: 20px;
  1366. }
  1367. .form-horizontal .control-label,
  1368. .form-horizontal .radio,
  1369. .form-horizontal .checkbox,
  1370. .form-horizontal .radio-inline,
  1371. .form-horizontal .checkbox-inline {
  1372. margin-top: 0;
  1373. margin-bottom: 0;
  1374. padding-top: 6px;
  1375. }
  1376. .form-horizontal .form-group {
  1377. margin-left: -15px;
  1378. margin-right: -15px;
  1379. }
  1380. .form-horizontal .form-group:before,
  1381. .form-horizontal .form-group:after {
  1382. content: " ";
  1383. /* 1 */
  1384. display: table;
  1385. /* 2 */
  1386. }
  1387. .form-horizontal .form-group:after {
  1388. clear: both;
  1389. }
  1390. .form-horizontal .form-control-static {
  1391. padding-top: 6px;
  1392. }
  1393. .form-group {
  1394. position: relative;
  1395. }
  1396. .form-control + .input-icon {
  1397. position: absolute;
  1398. top: 2px;
  1399. right: 2px;
  1400. line-height: 37px;
  1401. vertical-align: middle;
  1402. font-size: 20px;
  1403. color: #b2bcc5;
  1404. background-color: #ffffff;
  1405. padding: 0 12px 0 0;
  1406. border-radius: 6px;
  1407. }
  1408. .input-hg + .input-icon {
  1409. line-height: 49px;
  1410. padding: 0 16px 0 0;
  1411. }
  1412. .input-lg + .input-icon {
  1413. line-height: 41px;
  1414. padding: 0 15px 0 0;
  1415. }
  1416. .input-sm + .input-icon {
  1417. font-size: 18px;
  1418. line-height: 30px;
  1419. padding: 0 10px 0 0;
  1420. }
  1421. .has-success .input-icon {
  1422. color: #2ecc71;
  1423. }
  1424. .has-warning .input-icon {
  1425. color: #f1c40f;
  1426. }
  1427. .has-error .input-icon {
  1428. color: #e74c3c;
  1429. }
  1430. .form-control[disabled] + .input-icon,
  1431. .form-control[readonly] + .input-icon,
  1432. fieldset[disabled] .form-control + .input-icon,
  1433. .form-control.disabled + .input-icon {
  1434. color: #d5dbdb;
  1435. background-color: transparent;
  1436. opacity: 0.7;
  1437. filter: alpha(opacity=70);
  1438. }
  1439. .input-group-hg > .form-control,
  1440. .input-group-hg > .input-group-addon,
  1441. .input-group-hg > .input-group-btn > .btn {
  1442. height: 53px;
  1443. padding: 10px 16px;
  1444. font-size: 22px;
  1445. line-height: 1.318;
  1446. border-radius: 6px;
  1447. }
  1448. select.input-group-hg > .form-control,
  1449. select.input-group-hg > .input-group-addon,
  1450. select.input-group-hg > .input-group-btn > .btn {
  1451. height: 53px;
  1452. line-height: 53px;
  1453. }
  1454. textarea.input-group-hg > .form-control,
  1455. textarea.input-group-hg > .input-group-addon,
  1456. textarea.input-group-hg > .input-group-btn > .btn,
  1457. select[multiple].input-group-hg > .form-control,
  1458. select[multiple].input-group-hg > .input-group-addon,
  1459. select[multiple].input-group-hg > .input-group-btn > .btn {
  1460. height: auto;
  1461. }
  1462. .input-group-lg > .form-control,
  1463. .input-group-lg > .input-group-addon,
  1464. .input-group-lg > .input-group-btn > .btn {
  1465. height: 45px;
  1466. padding: 10px 15px;
  1467. font-size: 17px;
  1468. line-height: 1.235;
  1469. border-radius: 6px;
  1470. }
  1471. select.input-group-lg > .form-control,
  1472. select.input-group-lg > .input-group-addon,
  1473. select.input-group-lg > .input-group-btn > .btn {
  1474. height: 45px;
  1475. line-height: 45px;
  1476. }
  1477. textarea.input-group-lg > .form-control,
  1478. textarea.input-group-lg > .input-group-addon,
  1479. textarea.input-group-lg > .input-group-btn > .btn,
  1480. select[multiple].input-group-lg > .form-control,
  1481. select[multiple].input-group-lg > .input-group-addon,
  1482. select[multiple].input-group-lg > .input-group-btn > .btn {
  1483. height: auto;
  1484. }
  1485. .input-group-sm > .form-control,
  1486. .input-group-sm > .input-group-addon,
  1487. .input-group-sm > .input-group-btn > .btn {
  1488. height: 35px;
  1489. padding: 6px 10px;
  1490. font-size: 13px;
  1491. line-height: 1.462;
  1492. border-radius: 6px;
  1493. }
  1494. select.input-group-sm > .form-control,
  1495. select.input-group-sm > .input-group-addon,
  1496. select.input-group-sm > .input-group-btn > .btn {
  1497. height: 35px;
  1498. line-height: 35px;
  1499. }
  1500. textarea.input-group-sm > .form-control,
  1501. textarea.input-group-sm > .input-group-addon,
  1502. textarea.input-group-sm > .input-group-btn > .btn,
  1503. select[multiple].input-group-sm > .form-control,
  1504. select[multiple].input-group-sm > .input-group-addon,
  1505. select[multiple].input-group-sm > .input-group-btn > .btn {
  1506. height: auto;
  1507. }
  1508. .input-group-addon {
  1509. padding: 10px 12px;
  1510. font-size: 15px;
  1511. color: #ffffff;
  1512. text-align: center;
  1513. background-color: #bdc3c7;
  1514. border: 1px solid #bdc3c7;
  1515. border-radius: 6px;
  1516. -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
  1517. transition: border .25s linear, color .25s linear, background-color .25s linear;
  1518. }
  1519. .input-group-hg .input-group-addon,
  1520. .input-group-lg .input-group-addon,
  1521. .input-group-sm .input-group-addon {
  1522. line-height: 1;
  1523. }
  1524. .input-group .form-control:first-child,
  1525. .input-group-addon:first-child,
  1526. .input-group-btn:first-child > .btn,
  1527. .input-group-btn:first-child > .dropdown-toggle,
  1528. .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  1529. border-bottom-right-radius: 0;
  1530. border-top-right-radius: 0;
  1531. }
  1532. .input-group .form-control:last-child,
  1533. .input-group-addon:last-child,
  1534. .input-group-btn:last-child > .btn,
  1535. .input-group-btn:last-child > .dropdown-toggle,
  1536. .input-group-btn:first-child > .btn:not(:first-child) {
  1537. border-bottom-left-radius: 0;
  1538. border-top-left-radius: 0;
  1539. }
  1540. .form-group.focus .input-group-addon,
  1541. .input-group.focus .input-group-addon {
  1542. background-color: #1abc9c;
  1543. border-color: #1abc9c;
  1544. }
  1545. .form-group.focus .input-group-btn > .btn-default + .btn-default,
  1546. .input-group.focus .input-group-btn > .btn-default + .btn-default {
  1547. border-left-color: #16a085;
  1548. }
  1549. .form-group.focus .input-group-btn .btn,
  1550. .input-group.focus .input-group-btn .btn {
  1551. border-color: #1abc9c;
  1552. background-color: #ffffff;
  1553. color: #1abc9c;
  1554. }
  1555. .form-group.focus .input-group-btn .btn-default,
  1556. .input-group.focus .input-group-btn .btn-default {
  1557. color: #ffffff;
  1558. background-color: #1abc9c;
  1559. }
  1560. .form-group.focus .input-group-btn .btn-default:hover,
  1561. .input-group.focus .input-group-btn .btn-default:hover,
  1562. .form-group.focus .input-group-btn .btn-default:focus,
  1563. .input-group.focus .input-group-btn .btn-default:focus,
  1564. .form-group.focus .input-group-btn .btn-default:active,
  1565. .input-group.focus .input-group-btn .btn-default:active,
  1566. .form-group.focus .input-group-btn .btn-default.active,
  1567. .input-group.focus .input-group-btn .btn-default.active,
  1568. .open .dropdown-toggle.form-group.focus .input-group-btn .btn-default,
  1569. .open .dropdown-toggle.input-group.focus .input-group-btn .btn-default {
  1570. color: #ffffff;
  1571. background-color: #48c9b0;
  1572. border-color: #48c9b0;
  1573. }
  1574. .form-group.focus .input-group-btn .btn-default:active,
  1575. .input-group.focus .input-group-btn .btn-default:active,
  1576. .form-group.focus .input-group-btn .btn-default.active,
  1577. .input-group.focus .input-group-btn .btn-default.active,
  1578. .open .dropdown-toggle.form-group.focus .input-group-btn .btn-default,
  1579. .open .dropdown-toggle.input-group.focus .input-group-btn .btn-default {
  1580. background: #16a085;
  1581. border-color: #16a085;
  1582. }
  1583. .form-group.focus .input-group-btn .btn-default.disabled,
  1584. .input-group.focus .input-group-btn .btn-default.disabled,
  1585. .form-group.focus .input-group-btn .btn-default[disabled],
  1586. .input-group.focus .input-group-btn .btn-default[disabled],
  1587. fieldset[disabled] .form-group.focus .input-group-btn .btn-default,
  1588. fieldset[disabled] .input-group.focus .input-group-btn .btn-default,
  1589. .form-group.focus .input-group-btn .btn-default.disabled:hover,
  1590. .input-group.focus .input-group-btn .btn-default.disabled:hover,
  1591. .form-group.focus .input-group-btn .btn-default[disabled]:hover,
  1592. .input-group.focus .input-group-btn .btn-default[disabled]:hover,
  1593. fieldset[disabled] .form-group.focus .input-group-btn .btn-default:hover,
  1594. fieldset[disabled] .input-group.focus .input-group-btn .btn-default:hover,
  1595. .form-group.focus .input-group-btn .btn-default.disabled:focus,
  1596. .input-group.focus .input-group-btn .btn-default.disabled:focus,
  1597. .form-group.focus .input-group-btn .btn-default[disabled]:focus,
  1598. .input-group.focus .input-group-btn .btn-default[disabled]:focus,
  1599. fieldset[disabled] .form-group.focus .input-group-btn .btn-default:focus,
  1600. fieldset[disabled] .input-group.focus .input-group-btn .btn-default:focus,
  1601. .form-group.focus .input-group-btn .btn-default.disabled:active,
  1602. .input-group.focus .input-group-btn .btn-default.disabled:active,
  1603. .form-group.focus .input-group-btn .btn-default[disabled]:active,
  1604. .input-group.focus .input-group-btn .btn-default[disabled]:active,
  1605. fieldset[disabled] .form-group.focus .input-group-btn .btn-default:active,
  1606. fieldset[disabled] .input-group.focus .input-group-btn .btn-default:active,
  1607. .form-group.focus .input-group-btn .btn-default.disabled.active,
  1608. .input-group.focus .input-group-btn .btn-default.disabled.active,
  1609. .form-group.focus .input-group-btn .btn-default[disabled].active,
  1610. .input-group.focus .input-group-btn .btn-default[disabled].active,
  1611. fieldset[disabled] .form-group.focus .input-group-btn .btn-default.active,
  1612. fieldset[disabled] .input-group.focus .input-group-btn .btn-default.active {
  1613. background-color: #1abc9c;
  1614. border-color: #1abc9c;
  1615. }
  1616. .input-group-btn .btn {
  1617. background-color: #ffffff;
  1618. border: 2px solid #bdc3c7;
  1619. color: #bdc3c7;
  1620. line-height: 18px;
  1621. }
  1622. .input-group-btn .btn-default {
  1623. color: #ffffff;
  1624. background-color: #bdc3c7;
  1625. }
  1626. .input-group-btn .btn-default:hover,
  1627. .input-group-btn .btn-default:focus,
  1628. .input-group-btn .btn-default:active,
  1629. .input-group-btn .btn-default.active,
  1630. .open .dropdown-toggle.input-group-btn .btn-default {
  1631. color: #ffffff;
  1632. background-color: #cacfd2;
  1633. border-color: #cacfd2;
  1634. }
  1635. .input-group-btn .btn-default:active,
  1636. .input-group-btn .btn-default.active,
  1637. .open .dropdown-toggle.input-group-btn .btn-default {
  1638. background: #a1a6a9;
  1639. border-color: #a1a6a9;
  1640. }
  1641. .input-group-btn .btn-default.disabled,
  1642. .input-group-btn .btn-default[disabled],
  1643. fieldset[disabled] .input-group-btn .btn-default,
  1644. .input-group-btn .btn-default.disabled:hover,
  1645. .input-group-btn .btn-default[disabled]:hover,
  1646. fieldset[disabled] .input-group-btn .btn-default:hover,
  1647. .input-group-btn .btn-default.disabled:focus,
  1648. .input-group-btn .btn-default[disabled]:focus,
  1649. fieldset[disabled] .input-group-btn .btn-default:focus,
  1650. .input-group-btn .btn-default.disabled:active,
  1651. .input-group-btn .btn-default[disabled]:active,
  1652. fieldset[disabled] .input-group-btn .btn-default:active,
  1653. .input-group-btn .btn-default.disabled.active,
  1654. .input-group-btn .btn-default[disabled].active,
  1655. fieldset[disabled] .input-group-btn .btn-default.active {
  1656. background-color: #bdc3c7;
  1657. border-color: #bdc3c7;
  1658. }
  1659. .input-group-hg .input-group-btn .btn {
  1660. line-height: 31px;
  1661. }
  1662. .input-group-lg .input-group-btn .btn {
  1663. line-height: 21px;
  1664. }
  1665. .input-group-sm .input-group-btn .btn {
  1666. line-height: 19px;
  1667. }
  1668. .input-group-btn:first-child > .btn {
  1669. border-right-width: 0;
  1670. margin-right: -2px;
  1671. }
  1672. .input-group-btn:last-child > .btn {
  1673. border-left-width: 0;
  1674. margin-left: -2px;
  1675. }
  1676. .input-group-btn > .btn-default + .btn-default {
  1677. border-left: 2px solid #bdc3c7;
  1678. }
  1679. .input-group-btn > .btn:first-child + .btn .caret {
  1680. margin-left: 0;
  1681. }
  1682. .input-group-rounded .input-group-btn + .form-control,
  1683. .input-group-rounded .input-group-btn:last-child .btn {
  1684. border-bottom-right-radius: 20px;
  1685. border-top-right-radius: 20px;
  1686. }
  1687. .input-group-hg.input-group-rounded .input-group-btn + .form-control,
  1688. .input-group-hg.input-group-rounded .input-group-btn:last-child .btn {
  1689. border-bottom-right-radius: 27px;
  1690. border-top-right-radius: 27px;
  1691. }
  1692. .input-group-lg.input-group-rounded .input-group-btn + .form-control,
  1693. .input-group-lg.input-group-rounded .input-group-btn:last-child .btn {
  1694. border-bottom-right-radius: 25px;
  1695. border-top-right-radius: 25px;
  1696. }
  1697. .input-group-rounded .form-control:first-child,
  1698. .input-group-rounded .input-group-btn:first-child .btn {
  1699. border-bottom-left-radius: 20px;
  1700. border-top-left-radius: 20px;
  1701. }
  1702. .input-group-hg.input-group-rounded .form-control:first-child,
  1703. .input-group-hg.input-group-rounded .input-group-btn:first-child .btn {
  1704. border-bottom-left-radius: 27px;
  1705. border-top-left-radius: 27px;
  1706. }
  1707. .input-group-lg.input-group-rounded .form-control:first-child,
  1708. .input-group-lg.input-group-rounded .input-group-btn:first-child .btn {
  1709. border-bottom-left-radius: 25px;
  1710. border-top-left-radius: 25px;
  1711. }
  1712. .input-group-rounded .input-group-btn + .form-control {
  1713. padding-left: 0;
  1714. }
  1715. .checkbox,
  1716. .radio {
  1717. margin-bottom: 12px;
  1718. padding-left: 32px;
  1719. position: relative;
  1720. -webkit-transition: color 0.25s linear;
  1721. transition: color 0.25s linear;
  1722. font-size: 14px;
  1723. line-height: 1.5;
  1724. }
  1725. .checkbox input,
  1726. .radio input {
  1727. outline: none !important;
  1728. display: none;
  1729. }
  1730. .checkbox .icons,
  1731. .radio .icons {
  1732. color: #bdc3c7;
  1733. display: block;
  1734. height: 20px;
  1735. left: 0;
  1736. position: absolute;
  1737. top: 0;
  1738. width: 20px;
  1739. text-align: center;
  1740. line-height: 21px;
  1741. font-size: 20px;
  1742. cursor: pointer;
  1743. -webkit-transition: color 0.25s linear;
  1744. transition: color 0.25s linear;
  1745. }
  1746. .checkbox .icons .first-icon,
  1747. .radio .icons .first-icon,
  1748. .checkbox .icons .second-icon,
  1749. .radio .icons .second-icon {
  1750. display: inline-table;
  1751. position: absolute;
  1752. left: 0;
  1753. top: 0;
  1754. background-color: transparent;
  1755. margin: 0;
  1756. opacity: 1;
  1757. filter: alpha(opacity=100);
  1758. }
  1759. .checkbox .icons .second-icon,
  1760. .radio .icons .second-icon {
  1761. opacity: 0;
  1762. filter: alpha(opacity=0);
  1763. }
  1764. .checkbox:hover,
  1765. .radio:hover {
  1766. -webkit-transition: color 0.25s linear;
  1767. transition: color 0.25s linear;
  1768. }
  1769. .checkbox:hover .first-icon,
  1770. .radio:hover .first-icon {
  1771. opacity: 0;
  1772. filter: alpha(opacity=0);
  1773. }
  1774. .checkbox:hover .second-icon,
  1775. .radio:hover .second-icon {
  1776. opacity: 1;
  1777. filter: alpha(opacity=100);
  1778. }
  1779. .checkbox.checked,
  1780. .radio.checked {
  1781. color: #1abc9c;
  1782. }
  1783. .checkbox.checked .first-icon,
  1784. .radio.checked .first-icon {
  1785. opacity: 0;
  1786. filter: alpha(opacity=0);
  1787. }
  1788. .checkbox.checked .second-icon,
  1789. .radio.checked .second-icon {
  1790. opacity: 1;
  1791. filter: alpha(opacity=100);
  1792. color: #1abc9c;
  1793. -webkit-transition: color 0.25s linear;
  1794. transition: color 0.25s linear;
  1795. }
  1796. .checkbox.disabled,
  1797. .radio.disabled {
  1798. cursor: default;
  1799. color: #e6e8ea;
  1800. }
  1801. .checkbox.disabled .icons,
  1802. .radio.disabled .icons {
  1803. color: #e6e8ea;
  1804. }
  1805. .checkbox.disabled .first-icon,
  1806. .radio.disabled .first-icon {
  1807. opacity: 1;
  1808. filter: alpha(opacity=100);
  1809. }
  1810. .checkbox.disabled .second-icon,
  1811. .radio.disabled .second-icon {
  1812. opacity: 0;
  1813. filter: alpha(opacity=0);
  1814. }
  1815. .checkbox.disabled.checked .icons,
  1816. .radio.disabled.checked .icons {
  1817. color: #e6e8ea;
  1818. }
  1819. .checkbox.disabled.checked .first-icon,
  1820. .radio.disabled.checked .first-icon {
  1821. opacity: 0;
  1822. filter: alpha(opacity=0);
  1823. }
  1824. .checkbox.disabled.checked .second-icon,
  1825. .radio.disabled.checked .second-icon {
  1826. opacity: 1;
  1827. filter: alpha(opacity=100);
  1828. color: #e6e8ea;
  1829. }
  1830. .checkbox.primary .icons,
  1831. .radio.primary .icons {
  1832. color: #34495e;
  1833. }
  1834. .checkbox.primary.checked,
  1835. .radio.primary.checked {
  1836. color: #1abc9c;
  1837. }
  1838. .checkbox.primary.checked .icons,
  1839. .radio.primary.checked .icons {
  1840. color: #1abc9c;
  1841. }
  1842. .checkbox.primary.disabled,
  1843. .radio.primary.disabled {
  1844. cursor: default;
  1845. color: #bdc3c7;
  1846. }
  1847. .checkbox.primary.disabled .icons,
  1848. .radio.primary.disabled .icons {
  1849. color: #bdc3c7;
  1850. }
  1851. .checkbox.primary.disabled.checked .icons,
  1852. .radio.primary.disabled.checked .icons {
  1853. color: #bdc3c7;
  1854. }
  1855. .radio + .radio,
  1856. .checkbox + .checkbox {
  1857. margin-top: 10px;
  1858. }
  1859. .navbar {
  1860. font-size: 16px;
  1861. min-height: 53px;
  1862. margin-bottom: 30px;
  1863. border: none;
  1864. border-radius: 6px;
  1865. }
  1866. @media (min-width: 768px) {
  1867. .navbar-header {
  1868. float: left;
  1869. }
  1870. }
  1871. .navbar-collapse {
  1872. box-shadow: none;
  1873. padding-right: 21px;
  1874. padding-left: 21px;
  1875. }
  1876. @media (min-width: 768px) {
  1877. .navbar-collapse .navbar-nav.navbar-left:first-child {
  1878. margin-left: -21px;
  1879. }
  1880. .navbar-collapse .navbar-nav.navbar-left:first-child > li:first-child a {
  1881. border-bottom-left-radius: 6px;
  1882. border-top-left-radius: 6px;
  1883. }
  1884. .navbar-collapse .navbar-nav.navbar-right:last-child {
  1885. margin-right: -21px;
  1886. }
  1887. .navbar > .container .navbar-collapse .navbar-nav.navbar-right:last-child {
  1888. margin-right: -36px;
  1889. }
  1890. .navbar-collapse .navbar-nav.navbar-right:last-child > .dropdown:last-child > a {
  1891. border-radius: 0 6px 6px 0;
  1892. }
  1893. .navbar-collapse .navbar-form.navbar-right:last-child {
  1894. margin-right: -17px;
  1895. }
  1896. .navbar-fixed-top .navbar-collapse .navbar-form.navbar-right:last-child,
  1897. .navbar-fixed-bottom .navbar-collapse .navbar-form.navbar-right:last-child {
  1898. margin-right: 0;
  1899. }
  1900. }
  1901. @media (max-width: 767px) {
  1902. .navbar-collapse .navbar-nav.navbar-right:last-child {
  1903. margin-bottom: 3px;
  1904. }
  1905. }
  1906. .container > .navbar-header,
  1907. .container-fluid > .navbar-header,
  1908. .container > .navbar-collapse,
  1909. .container-fluid > .navbar-collapse {
  1910. margin-right: -21px;
  1911. margin-left: -21px;
  1912. }
  1913. @media (min-width: 768px) {
  1914. .container > .navbar-header,
  1915. .container-fluid > .navbar-header,
  1916. .container > .navbar-collapse,
  1917. .container-fluid > .navbar-collapse {
  1918. margin-right: 0;
  1919. margin-left: 0;
  1920. }
  1921. }
  1922. .navbar-static-top {
  1923. z-index: 1000;
  1924. border-width: 0;
  1925. border-radius: 0;
  1926. }
  1927. .navbar-fixed-top,
  1928. .navbar-fixed-bottom {
  1929. z-index: 1030;
  1930. border-radius: 0;
  1931. }
  1932. .navbar-fixed-top {
  1933. border-width: 0;
  1934. }
  1935. .navbar-fixed-bottom {
  1936. margin-bottom: 0;
  1937. border-width: 0;
  1938. }
  1939. .navbar-brand {
  1940. font-size: 24px;
  1941. line-height: 1.042;
  1942. font-weight: 700;
  1943. padding: 14px 21px;
  1944. }
  1945. .navbar-brand > [class*="fui-"] {
  1946. font-size: 19px;
  1947. line-height: 1.263;
  1948. vertical-align: top;
  1949. }
  1950. @media (min-width: 768px) {
  1951. .navbar > .container .navbar-brand,
  1952. .navbar > .container-fluid .navbar-brand {
  1953. margin-left: -21px;
  1954. }
  1955. }
  1956. .navbar-toggle {
  1957. border: none;
  1958. color: #34495e;
  1959. margin: 0 0 0 21px;
  1960. padding: 0 21px;
  1961. height: 53px;
  1962. line-height: 53px;
  1963. }
  1964. .navbar-toggle:before {
  1965. color: #16a085;
  1966. content: "\e00c";
  1967. font-family: "Flat-UI-Icons";
  1968. font-size: 22px;
  1969. font-style: normal;
  1970. font-weight: normal;
  1971. -webkit-font-smoothing: antialiased;
  1972. -webkit-transition: color 0.25s linear;
  1973. transition: color 0.25s linear;
  1974. }
  1975. .navbar-toggle:hover,
  1976. .navbar-toggle:focus {
  1977. outline: none;
  1978. }
  1979. .navbar-toggle:hover:before,
  1980. .navbar-toggle:focus:before {
  1981. color: #1abc9c;
  1982. }
  1983. .navbar-toggle .icon-bar {
  1984. display: none;
  1985. }
  1986. @media (min-width: 768px) {
  1987. .navbar-toggle {
  1988. display: none;
  1989. }
  1990. }
  1991. .navbar-nav {
  1992. margin: 0;
  1993. }
  1994. .navbar-nav > li > a {
  1995. font-size: 16px;
  1996. padding: 15px 21px;
  1997. line-height: 23px;
  1998. font-weight: 700;
  1999. }
  2000. .navbar-nav .dropdown-toggle .caret {
  2001. border-top-color: #16a085;
  2002. border-bottom-color: #16a085;
  2003. border-width: 8px 6px 0;
  2004. margin-left: 12px;
  2005. }
  2006. .navbar-nav > li > a:hover,
  2007. .navbar-nav > li > a:focus,
  2008. .navbar-nav .open > a:focus,
  2009. .navbar-nav .open > a:hover {
  2010. background-color: transparent;
  2011. }
  2012. .navbar-nav > li > a:hover .caret,
  2013. .navbar-nav > li > a:focus .caret,
  2014. .navbar-nav .open > a:focus .caret,
  2015. .navbar-nav .open > a:hover .caret {
  2016. border-top-color: #1abc9c;
  2017. border-bottom-color: #1abc9c;
  2018. }
  2019. .navbar-nav [class^="fui-"] {
  2020. line-height: 20px;
  2021. position: relative;
  2022. top: 1px;
  2023. }
  2024. .navbar-nav .visible-sm > [class^="fui-"],
  2025. .navbar-nav .visible-xs > [class^="fui-"] {
  2026. margin-left: 12px;
  2027. }
  2028. @media (max-width: 767px) {
  2029. .navbar-nav {
  2030. margin: 0 -21px;
  2031. }
  2032. .navbar-nav .open .dropdown-menu > li > a,
  2033. .navbar-nav .open .dropdown-menu .dropdown-header {
  2034. padding: 7px 15px 7px 31px !important;
  2035. }
  2036. .navbar-nav .open .dropdown-menu > li > a {
  2037. line-height: 23px;
  2038. }
  2039. .navbar-nav > li > a {
  2040. padding-top: 7px;
  2041. padding-bottom: 7px;
  2042. }
  2043. }
  2044. .navbar-input {
  2045. height: 35px;
  2046. padding: 5px 10px;
  2047. font-size: 13px;
  2048. line-height: 1.4;
  2049. border-radius: 6px;
  2050. }
  2051. select.navbar-input {
  2052. height: 35px;
  2053. line-height: 35px;
  2054. }
  2055. textarea.navbar-input,
  2056. select[multiple].navbar-input {
  2057. height: auto;
  2058. }
  2059. .navbar-form {
  2060. -webkit-box-shadow: none;
  2061. box-shadow: none;
  2062. margin-top: 0;
  2063. margin-bottom: 0;
  2064. padding-right: 19px;
  2065. padding-left: 19px;
  2066. padding-top: 9px;
  2067. padding-bottom: 9px;
  2068. }
  2069. @media (max-width: 767px) {
  2070. .navbar-form .form-group {
  2071. margin-bottom: 5px;
  2072. }
  2073. }
  2074. @media (max-width: 767px) {
  2075. .navbar-form {
  2076. margin: 3px -21px;
  2077. width: auto;
  2078. }
  2079. }
  2080. @media (min-width: 768px) {
  2081. .navbar-nav + .navbar-form.navbar-left,
  2082. .navbar-form.navbar-right:last-child {
  2083. width: 260px;
  2084. }
  2085. }
  2086. .navbar-form .form-control,
  2087. .navbar-form .input-group-addon,
  2088. .navbar-form .btn {
  2089. height: 35px;
  2090. padding: 5px 10px;
  2091. font-size: 13px;
  2092. line-height: 1.4;
  2093. border-radius: 6px;
  2094. }
  2095. select.navbar-form .form-control,
  2096. select.navbar-form .input-group-addon,
  2097. select.navbar-form .btn {
  2098. height: 35px;
  2099. line-height: 35px;
  2100. }
  2101. textarea.navbar-form .form-control,
  2102. textarea.navbar-form .input-group-addon,
  2103. textarea.navbar-form .btn,
  2104. select[multiple].navbar-form .form-control,
  2105. select[multiple].navbar-form .input-group-addon,
  2106. select[multiple].navbar-form .btn {
  2107. height: auto;
  2108. }
  2109. .navbar-form .input-group .form-control:first-child,
  2110. .navbar-form .input-group-addon:first-child,
  2111. .navbar-form .input-group-btn:first-child > .btn,
  2112. .navbar-form .input-group-btn:first-child > .dropdown-toggle,
  2113. .navbar-form .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  2114. border-bottom-right-radius: 0;
  2115. border-top-right-radius: 0;
  2116. }
  2117. .navbar-form .input-group .form-control:last-child,
  2118. .navbar-form .input-group-addon:last-child,
  2119. .navbar-form .input-group-btn:last-child > .btn,
  2120. .navbar-form .input-group-btn:last-child > .dropdown-toggle,
  2121. .navbar-form .input-group-btn:first-child > .btn:not(:first-child) {
  2122. border-bottom-left-radius: 0;
  2123. border-top-left-radius: 0;
  2124. }
  2125. .navbar-form .form-control {
  2126. font-size: 15px;
  2127. border-radius: 5px;
  2128. display: table-cell;
  2129. }
  2130. .navbar-form .form-group + .btn {
  2131. font-size: 15px;
  2132. border-radius: 5px;
  2133. margin-left: 4px;
  2134. }
  2135. @media (max-width: 767px) {
  2136. .navbar-form .form-group {
  2137. margin-bottom: 0;
  2138. }
  2139. .navbar-form .form-group + .btn {
  2140. margin-top: 9px;
  2141. margin-left: 0;
  2142. }
  2143. }
  2144. .navbar-nav > li > .dropdown-menu {
  2145. min-width: 100%;
  2146. border-radius: 4px;
  2147. }
  2148. @media (max-width: 767px) {
  2149. .navbar-nav > li > .dropdown-menu {
  2150. -webkit-transition: all 0s;
  2151. transition: all 0s;
  2152. display: none;
  2153. }
  2154. }
  2155. @media (max-width: 767px) {
  2156. .navbar-nav > li.open > .dropdown-menu {
  2157. margin-top: 0 !important;
  2158. display: block;
  2159. }
  2160. }
  2161. .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  2162. border-bottom-right-radius: 4px;
  2163. border-bottom-left-radius: 4px;
  2164. }
  2165. .navbar-nav > .open > .dropdown-toggle,
  2166. .navbar-nav > .open > .dropdown-toggle:focus,
  2167. .navbar-nav > .open > .dropdown-toggle:hover {
  2168. background-color: transparent;
  2169. }
  2170. .navbar-text {
  2171. font-size: 16px;
  2172. line-height: 1.438;
  2173. color: #34495e;
  2174. margin-top: 0;
  2175. margin-bottom: 0;
  2176. padding-top: 15px;
  2177. padding-bottom: 15px;
  2178. }
  2179. @media (min-width: 768px) {
  2180. .navbar-text {
  2181. margin-left: 21px;
  2182. margin-right: 21px;
  2183. }
  2184. .navbar-text.navbar-right:last-child {
  2185. margin-right: 0;
  2186. }
  2187. }
  2188. .navbar-btn {
  2189. margin-top: 6px;
  2190. margin-bottom: 6px;
  2191. }
  2192. .navbar-btn.btn-sm {
  2193. margin-top: 9px;
  2194. margin-bottom: 8px;
  2195. }
  2196. .navbar-btn.btn-xs {
  2197. margin-top: 14px;
  2198. margin-bottom: 14px;
  2199. }
  2200. .navbar-unread,
  2201. .navbar-new {
  2202. font-family: "Lato", Helvetica, Arial, sans-serif;
  2203. background-color: #1abc9c;
  2204. border-radius: 50%;
  2205. color: #ffffff;
  2206. font-size: 0;
  2207. font-weight: 700;
  2208. height: 6px;
  2209. line-height: 1;
  2210. position: absolute;
  2211. right: 12px;
  2212. text-align: center;
  2213. top: 35%;
  2214. width: 6px;
  2215. z-index: 10;
  2216. }
  2217. @media (max-width: 768px) {
  2218. .navbar-unread,
  2219. .navbar-new {
  2220. position: static;
  2221. float: right;
  2222. margin: 0 0 0 10px;
  2223. }
  2224. }
  2225. .active .navbar-unread,
  2226. .active .navbar-new {
  2227. background-color: #ffffff;
  2228. display: none;
  2229. }
  2230. .navbar-new {
  2231. background-color: #e74c3c;
  2232. font-size: 12px;
  2233. height: 18px;
  2234. line-height: 17px;
  2235. margin: -6px -10px;
  2236. min-width: 18px;
  2237. padding: 0 1px;
  2238. width: auto;
  2239. -webkit-font-smoothing: subpixel-antialiased;
  2240. }
  2241. .navbar-default {
  2242. background-color: #ecf0f1;
  2243. }
  2244. .navbar-default .navbar-brand {
  2245. color: #34495e;
  2246. }
  2247. .navbar-default .navbar-brand:hover,
  2248. .navbar-default .navbar-brand:focus {
  2249. color: #1abc9c;
  2250. background-color: transparent;
  2251. }
  2252. .navbar-default .navbar-toggle:before {
  2253. color: #34495e;
  2254. }
  2255. .navbar-default .navbar-toggle:hover,
  2256. .navbar-default .navbar-toggle:focus {
  2257. background-color: transparent;
  2258. }
  2259. .navbar-default .navbar-toggle:hover:before,
  2260. .navbar-default .navbar-toggle:focus:before {
  2261. color: #1abc9c;
  2262. }
  2263. .navbar-default .navbar-collapse,
  2264. .navbar-default .navbar-form {
  2265. border-color: #e5e9ea;
  2266. border-width: 2px;
  2267. }
  2268. .navbar-default .navbar-nav > li > a {
  2269. color: #34495e;
  2270. }
  2271. .navbar-default .navbar-nav > li > a:hover,
  2272. .navbar-default .navbar-nav > li > a:focus {
  2273. color: #1abc9c;
  2274. background-color: transparent;
  2275. }
  2276. .navbar-default .navbar-nav > .active > a,
  2277. .navbar-default .navbar-nav > .active > a:hover,
  2278. .navbar-default .navbar-nav > .active > a:focus {
  2279. color: #1abc9c;
  2280. background-color: transparent;
  2281. }
  2282. .navbar-default .navbar-nav > .disabled > a,
  2283. .navbar-default .navbar-nav > .disabled > a:hover,
  2284. .navbar-default .navbar-nav > .disabled > a:focus {
  2285. color: #cccccc;
  2286. background-color: transparent;
  2287. }
  2288. .navbar-default .navbar-nav > .dropdown > a .caret {
  2289. border-top-color: #34495e;
  2290. border-bottom-color: #34495e;
  2291. }
  2292. .navbar-default .navbar-nav > .active > a .caret {
  2293. border-top-color: #1abc9c;
  2294. border-bottom-color: #1abc9c;
  2295. }
  2296. .navbar-default .navbar-nav > .dropdown > a:hover .caret,
  2297. .navbar-default .navbar-nav > .dropdown > a:focus .caret {
  2298. border-top-color: #1abc9c;
  2299. border-bottom-color: #1abc9c;
  2300. }
  2301. .navbar-default .navbar-nav > .open > a,
  2302. .navbar-default .navbar-nav > .open > a:hover,
  2303. .navbar-default .navbar-nav > .open > a:focus {
  2304. background-color: transparent;
  2305. color: #1abc9c;
  2306. }
  2307. .navbar-default .navbar-nav > .open > a .caret,
  2308. .navbar-default .navbar-nav > .open > a:hover .caret,
  2309. .navbar-default .navbar-nav > .open > a:focus .caret {
  2310. border-top-color: #1abc9c;
  2311. border-bottom-color: #1abc9c;
  2312. }
  2313. @media (max-width: 767px) {
  2314. .navbar-default .navbar-nav .open .dropdown-menu > li > a {
  2315. color: #34495e;
  2316. }
  2317. .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  2318. .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  2319. color: #1abc9c;
  2320. background-color: transparent;
  2321. }
  2322. .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  2323. .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  2324. .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  2325. color: #1abc9c;
  2326. background-color: transparent;
  2327. }
  2328. .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  2329. .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  2330. .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  2331. color: #cccccc;
  2332. background-color: transparent;
  2333. }
  2334. }
  2335. .navbar-default .navbar-form .form-control {
  2336. border-color: transparent;
  2337. }
  2338. .navbar-default .navbar-form .form-control:-moz-placeholder {
  2339. color: #aeb6bf;
  2340. }
  2341. .navbar-default .navbar-form .form-control::-moz-placeholder {
  2342. color: #aeb6bf;
  2343. opacity: 1;
  2344. }
  2345. .navbar-default .navbar-form .form-control:-ms-input-placeholder {
  2346. color: #aeb6bf;
  2347. }
  2348. .navbar-default .navbar-form .form-control::-webkit-input-placeholder {
  2349. color: #aeb6bf;
  2350. }
  2351. .navbar-default .navbar-form .form-control.placeholder {
  2352. color: #aeb6bf;
  2353. }
  2354. .navbar-default .navbar-form .form-control:focus {
  2355. border-color: #1abc9c;
  2356. color: #1abc9c;
  2357. }
  2358. .navbar-default .navbar-form .input-group-btn .btn {
  2359. border-color: transparent;
  2360. color: #919ba4;
  2361. }
  2362. .navbar-default .navbar-form .input-group.focus .form-control,
  2363. .navbar-default .navbar-form .input-group.focus .input-group-btn .btn {
  2364. border-color: #1abc9c;
  2365. color: #1abc9c;
  2366. }
  2367. .navbar-default .navbar-text {
  2368. color: #34495e;
  2369. }
  2370. .navbar-default .navbar-text a {
  2371. color: #34495e;
  2372. }
  2373. .navbar-default .navbar-text a:hover,
  2374. .navbar-default .navbar-text a:focus {
  2375. color: #1abc9c;
  2376. }
  2377. .navbar-inverse {
  2378. background-color: #34495e;
  2379. }
  2380. .navbar-inverse .navbar-brand {
  2381. color: #ffffff;
  2382. }
  2383. .navbar-inverse .navbar-brand:hover,
  2384. .navbar-inverse .navbar-brand:focus {
  2385. color: #1abc9c;
  2386. background-color: transparent;
  2387. }
  2388. .navbar-inverse .navbar-toggle:before {
  2389. color: #ffffff;
  2390. }
  2391. .navbar-inverse .navbar-toggle:hover,
  2392. .navbar-inverse .navbar-toggle:focus {
  2393. background-color: transparent;
  2394. }
  2395. .navbar-inverse .navbar-toggle:hover:before,
  2396. .navbar-inverse .navbar-toggle:focus:before {
  2397. color: #1abc9c;
  2398. }
  2399. .navbar-inverse .navbar-collapse {
  2400. border-color: #2f4154;
  2401. border-width: 2px;
  2402. }
  2403. .navbar-inverse .navbar-nav > li > a {
  2404. color: #ffffff;
  2405. }
  2406. .navbar-inverse .navbar-nav > li > a:hover,
  2407. .navbar-inverse .navbar-nav > li > a:focus {
  2408. color: #1abc9c;
  2409. background-color: transparent;
  2410. }
  2411. .navbar-inverse .navbar-nav > .active > a,
  2412. .navbar-inverse .navbar-nav > .active > a:hover,
  2413. .navbar-inverse .navbar-nav > .active > a:focus {
  2414. color: #ffffff;
  2415. background-color: #1abc9c;
  2416. }
  2417. .navbar-inverse .navbar-nav > .disabled > a,
  2418. .navbar-inverse .navbar-nav > .disabled > a:hover,
  2419. .navbar-inverse .navbar-nav > .disabled > a:focus {
  2420. color: #444444;
  2421. background-color: transparent;
  2422. }
  2423. .navbar-inverse .navbar-nav > .dropdown > a:hover .caret,
  2424. .navbar-inverse .navbar-nav > .dropdown > a:focus .caret {
  2425. border-top-color: #1abc9c;
  2426. border-bottom-color: #1abc9c;
  2427. }
  2428. .navbar-inverse .navbar-nav > .open > a,
  2429. .navbar-inverse .navbar-nav > .open > a:hover,
  2430. .navbar-inverse .navbar-nav > .open > a:focus {
  2431. background-color: #1abc9c;
  2432. color: #ffffff;
  2433. border-left-color: transparent;
  2434. }
  2435. .navbar-inverse .navbar-nav > .open > a .caret,
  2436. .navbar-inverse .navbar-nav > .open > a:hover .caret,
  2437. .navbar-inverse .navbar-nav > .open > a:focus .caret {
  2438. border-top-color: #ffffff;
  2439. border-bottom-color: #ffffff;
  2440. }
  2441. .navbar-inverse .navbar-nav > .dropdown > a .caret {
  2442. border-top-color: #4b6075;
  2443. border-bottom-color: #4b6075;
  2444. }
  2445. .navbar-inverse .navbar-nav > .open > .dropdown-arrow {
  2446. border-top-color: #34495e;
  2447. border-bottom-color: #34495e;
  2448. }
  2449. .navbar-inverse .navbar-nav > .open > .dropdown-menu {
  2450. background-color: #34495e;
  2451. padding: 3px 4px;
  2452. }
  2453. .navbar-inverse .navbar-nav > .open > .dropdown-menu > li > a {
  2454. color: #e1e4e7;
  2455. border-radius: 4px;
  2456. padding: 6px 9px;
  2457. }
  2458. .navbar-inverse .navbar-nav > .open > .dropdown-menu > li > a:hover,
  2459. .navbar-inverse .navbar-nav > .open > .dropdown-menu > li > a:focus {
  2460. color: #ffffff;
  2461. background-color: #1abc9c;
  2462. }
  2463. .navbar-inverse .navbar-nav > .open > .dropdown-menu > .divider {
  2464. background-color: #2f4154;
  2465. height: 2px;
  2466. margin-left: -4px;
  2467. margin-right: -4px;
  2468. }
  2469. @media (max-width: 767px) {
  2470. .navbar-inverse .navbar-nav > li > a {
  2471. border-left-width: 0;
  2472. }
  2473. .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
  2474. color: #ffffff;
  2475. }
  2476. .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  2477. .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
  2478. color: #1abc9c;
  2479. background-color: transparent;
  2480. }
  2481. .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  2482. .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  2483. .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
  2484. color: #ffffff;
  2485. background-color: #1abc9c;
  2486. }
  2487. .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  2488. .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  2489. .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  2490. color: #444444;
  2491. background-color: transparent;
  2492. }
  2493. .navbar-inverse .navbar-nav .dropdown-menu .divider {
  2494. background-color: #2f4154;
  2495. }
  2496. }
  2497. .navbar-inverse .navbar-form .form-control {
  2498. color: #536a81;
  2499. border-color: transparent;
  2500. background-color: #293a4a;
  2501. }
  2502. .navbar-inverse .navbar-form .form-control:-moz-placeholder {
  2503. color: #536a81;
  2504. }
  2505. .navbar-inverse .navbar-form .form-control::-moz-placeholder {
  2506. color: #536a81;
  2507. opacity: 1;
  2508. }
  2509. .navbar-inverse .navbar-form .form-control:-ms-input-placeholder {
  2510. color: #536a81;
  2511. }
  2512. .navbar-inverse .navbar-form .form-control::-webkit-input-placeholder {
  2513. color: #536a81;
  2514. }
  2515. .navbar-inverse .navbar-form .form-control.placeholder {
  2516. color: #536a81;
  2517. }
  2518. .navbar-inverse .navbar-form .form-control:focus {
  2519. border-color: #1abc9c;
  2520. color: #1abc9c;
  2521. }
  2522. .navbar-inverse .navbar-form .btn {
  2523. color: #ffffff;
  2524. background-color: #1abc9c;
  2525. }
  2526. .navbar-inverse .navbar-form .btn:hover,
  2527. .navbar-inverse .navbar-form .btn:focus,
  2528. .navbar-inverse .navbar-form .btn:active,
  2529. .navbar-inverse .navbar-form .btn.active,
  2530. .open .dropdown-toggle.navbar-inverse .navbar-form .btn {
  2531. color: #ffffff;
  2532. background-color: #48c9b0;
  2533. border-color: #48c9b0;
  2534. }
  2535. .navbar-inverse .navbar-form .btn:active,
  2536. .navbar-inverse .navbar-form .btn.active,
  2537. .open .dropdown-toggle.navbar-inverse .navbar-form .btn {
  2538. background: #16a085;
  2539. border-color: #16a085;
  2540. }
  2541. .navbar-inverse .navbar-form .btn.disabled,
  2542. .navbar-inverse .navbar-form .btn[disabled],
  2543. fieldset[disabled] .navbar-inverse .navbar-form .btn,
  2544. .navbar-inverse .navbar-form .btn.disabled:hover,
  2545. .navbar-inverse .navbar-form .btn[disabled]:hover,
  2546. fieldset[disabled] .navbar-inverse .navbar-form .btn:hover,
  2547. .navbar-inverse .navbar-form .btn.disabled:focus,
  2548. .navbar-inverse .navbar-form .btn[disabled]:focus,
  2549. fieldset[disabled] .navbar-inverse .navbar-form .btn:focus,
  2550. .navbar-inverse .navbar-form .btn.disabled:active,
  2551. .navbar-inverse .navbar-form .btn[disabled]:active,
  2552. fieldset[disabled] .navbar-inverse .navbar-form .btn:active,
  2553. .navbar-inverse .navbar-form .btn.disabled.active,
  2554. .navbar-inverse .navbar-form .btn[disabled].active,
  2555. fieldset[disabled] .navbar-inverse .navbar-form .btn.active {
  2556. background-color: #1abc9c;
  2557. border-color: #1abc9c;
  2558. }
  2559. .navbar-inverse .navbar-form .input-group-btn .btn {
  2560. border-color: transparent;
  2561. background-color: #293a4a;
  2562. color: #526a82;
  2563. }
  2564. .navbar-inverse .navbar-form .input-group.focus .form-control,
  2565. .navbar-inverse .navbar-form .input-group.focus .input-group-btn .btn {
  2566. border-color: #1abc9c;
  2567. color: #1abc9c;
  2568. }
  2569. @media (max-width: 767px) {
  2570. .navbar-inverse .navbar-form {
  2571. border-color: #2f4154;
  2572. border-width: 2px 0;
  2573. }
  2574. }
  2575. .navbar-inverse .navbar-text {
  2576. color: #ffffff;
  2577. }
  2578. .navbar-inverse .navbar-text a {
  2579. color: #ffffff;
  2580. }
  2581. .navbar-inverse .navbar-text a:hover,
  2582. .navbar-inverse .navbar-text a:focus {
  2583. color: #1abc9c;
  2584. }
  2585. .navbar-inverse .navbar-btn {
  2586. color: #ffffff;
  2587. background-color: #1abc9c;
  2588. }
  2589. .navbar-inverse .navbar-btn:hover,
  2590. .navbar-inverse .navbar-btn:focus,
  2591. .navbar-inverse .navbar-btn:active,
  2592. .navbar-inverse .navbar-btn.active,
  2593. .open .dropdown-toggle.navbar-inverse .navbar-btn {
  2594. color: #ffffff;
  2595. background-color: #48c9b0;
  2596. border-color: #48c9b0;
  2597. }
  2598. .navbar-inverse .navbar-btn:active,
  2599. .navbar-inverse .navbar-btn.active,
  2600. .open .dropdown-toggle.navbar-inverse .navbar-btn {
  2601. background: #16a085;
  2602. border-color: #16a085;
  2603. }
  2604. .navbar-inverse .navbar-btn.disabled,
  2605. .navbar-inverse .navbar-btn[disabled],
  2606. fieldset[disabled] .navbar-inverse .navbar-btn,
  2607. .navbar-inverse .navbar-btn.disabled:hover,
  2608. .navbar-inverse .navbar-btn[disabled]:hover,
  2609. fieldset[disabled] .navbar-inverse .navbar-btn:hover,
  2610. .navbar-inverse .navbar-btn.disabled:focus,
  2611. .navbar-inverse .navbar-btn[disabled]:focus,
  2612. fieldset[disabled] .navbar-inverse .navbar-btn:focus,
  2613. .navbar-inverse .navbar-btn.disabled:active,
  2614. .navbar-inverse .navbar-btn[disabled]:active,
  2615. fieldset[disabled] .navbar-inverse .navbar-btn:active,
  2616. .navbar-inverse .navbar-btn.disabled.active,
  2617. .navbar-inverse .navbar-btn[disabled].active,
  2618. fieldset[disabled] .navbar-inverse .navbar-btn.active {
  2619. background-color: #1abc9c;
  2620. border-color: #1abc9c;
  2621. }
  2622. @media (min-width: 768px) {
  2623. .navbar-embossed > .navbar-collapse {
  2624. border-radius: 6px;
  2625. -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
  2626. box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
  2627. }
  2628. .navbar-embossed.navbar-inverse .navbar-nav .active > a,
  2629. .navbar-embossed.navbar-inverse .navbar-nav .open > a {
  2630. -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
  2631. box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
  2632. }
  2633. }
  2634. .navbar-lg {
  2635. min-height: 76px;
  2636. }
  2637. .navbar-lg .navbar-brand {
  2638. line-height: 1;
  2639. padding-top: 26px;
  2640. padding-bottom: 26px;
  2641. }
  2642. .navbar-lg .navbar-brand > [class*="fui-"] {
  2643. font-size: 24px;
  2644. line-height: 1;
  2645. }
  2646. .navbar-lg .navbar-nav > li > a {
  2647. font-size: 15px;
  2648. line-height: 1.6;
  2649. }
  2650. @media (min-width: 768px) {
  2651. .navbar-lg .navbar-nav > li > a {
  2652. padding-top: 26px;
  2653. padding-bottom: 26px;
  2654. }
  2655. }
  2656. .navbar-lg .navbar-toggle {
  2657. height: 76px;
  2658. line-height: 76px;
  2659. }
  2660. .navbar-lg .navbar-form {
  2661. padding-top: 20.5px;
  2662. padding-bottom: 20.5px;
  2663. }
  2664. .navbar-lg .navbar-text {
  2665. padding-top: 26.5px;
  2666. padding-bottom: 26.5px;
  2667. }
  2668. .navbar-lg .navbar-btn {
  2669. margin-top: 17.5px;
  2670. margin-bottom: 17.5px;
  2671. }
  2672. .navbar-lg .navbar-btn.btn-sm {
  2673. margin-top: 20.5px;
  2674. margin-bottom: 20.5px;
  2675. }
  2676. .navbar-lg .navbar-btn.btn-xs {
  2677. margin-top: 25.5px;
  2678. margin-bottom: 25.5px;
  2679. }
  2680. .tagsinput {
  2681. background: white;
  2682. border: 2px solid #1abc9c;
  2683. border-radius: 6px;
  2684. height: 100px;
  2685. margin-bottom: 18px;
  2686. padding: 6px 1px 1px 6px;
  2687. overflow-y: auto;
  2688. text-align: left;
  2689. }
  2690. .tagsinput .tag {
  2691. border-radius: 4px;
  2692. background-color: #1abc9c;
  2693. color: #ffffff;
  2694. font-size: 14px;
  2695. cursor: pointer;
  2696. display: inline-block;
  2697. margin-right: 5px;
  2698. margin-bottom: 5px;
  2699. overflow: hidden;
  2700. line-height: 15px;
  2701. padding: 6px 13px 8px 19px;
  2702. position: relative;
  2703. vertical-align: middle;
  2704. -webkit-transition: 0.25s linear;
  2705. transition: 0.25s linear;
  2706. }
  2707. .tagsinput .tag:hover {
  2708. background-color: #16a085;
  2709. color: #ffffff;
  2710. padding-left: 12px;
  2711. padding-right: 20px;
  2712. }
  2713. .tagsinput .tag:hover .tagsinput-remove-link {
  2714. color: #ffffff;
  2715. opacity: 1;
  2716. display: block\9;
  2717. }
  2718. .tagsinput input {
  2719. background: transparent;
  2720. border: none;
  2721. color: #34495e;
  2722. font-family: "Lato", Helvetica, Arial, sans-serif;
  2723. font-size: 14px;
  2724. margin: 0px;
  2725. padding: 0 0 0 5px;
  2726. outline: none !important;
  2727. margin: 6px 5px 0 0;
  2728. vertical-align: top;
  2729. width: 12px;
  2730. }
  2731. .tagsinput-remove-link {
  2732. bottom: 0;
  2733. color: #ffffff;
  2734. cursor: pointer;
  2735. font-size: 12px;
  2736. opacity: 0;
  2737. padding: 7px 7px 5px 0;
  2738. position: absolute;
  2739. right: 0;
  2740. text-align: right;
  2741. text-decoration: none;
  2742. top: 0;
  2743. width: 100%;
  2744. z-index: 2;
  2745. display: none\9;
  2746. }
  2747. .tagsinput-remove-link:before {
  2748. color: #ffffff;
  2749. content: "\e00b";
  2750. font-family: "Flat-UI-Icons";
  2751. }
  2752. .tagsinput-add-container {
  2753. vertical-align: middle;
  2754. display: inline-block;
  2755. }
  2756. .tagsinput-add {
  2757. background-color: #d6dbdf;
  2758. border-radius: 3px;
  2759. color: #ffffff;
  2760. cursor: pointer;
  2761. display: inline-block;
  2762. font-size: 14px;
  2763. line-height: 1;
  2764. margin-bottom: 5px;
  2765. padding: 7px 9px;
  2766. vertical-align: top;
  2767. -webkit-transition: 0.25s linear;
  2768. transition: 0.25s linear;
  2769. }
  2770. .tagsinput-add:hover {
  2771. background-color: #1abc9c;
  2772. }
  2773. .tagsinput-add:before {
  2774. content: "\e009";
  2775. font-family: "Flat-UI-Icons";
  2776. }
  2777. .tags_clear {
  2778. clear: both;
  2779. width: 100%;
  2780. height: 0px;
  2781. }
  2782. .not_valid {
  2783. background: #fbd8db !important;
  2784. color: #90111a !important;
  2785. margin-left: 5px !important;
  2786. }
  2787. .twitter-typeahead {
  2788. width: 100%;
  2789. }
  2790. .twitter-typeahead .tt-query,
  2791. .twitter-typeahead .tt-hint {
  2792. border: 2px solid #bdc3c7;
  2793. color: #34495e;
  2794. font-family: "Lato", Helvetica, Arial, sans-serif;
  2795. font-size: 15px;
  2796. line-height: 1.467;
  2797. padding: 8px 12px;
  2798. height: 42px;
  2799. -webkit-appearance: none;
  2800. border-radius: 6px;
  2801. -webkit-box-shadow: none;
  2802. box-shadow: none;
  2803. -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
  2804. transition: border .25s linear, color .25s linear, background-color .25s linear;
  2805. }
  2806. .twitter-typeahead .tt-query:-moz-placeholder,
  2807. .twitter-typeahead .tt-hint:-moz-placeholder {
  2808. color: #b2bcc5;
  2809. }
  2810. .twitter-typeahead .tt-query::-moz-placeholder,
  2811. .twitter-typeahead .tt-hint::-moz-placeholder {
  2812. color: #b2bcc5;
  2813. opacity: 1;
  2814. }
  2815. .twitter-typeahead .tt-query:-ms-input-placeholder,
  2816. .twitter-typeahead .tt-hint:-ms-input-placeholder {
  2817. color: #b2bcc5;
  2818. }
  2819. .twitter-typeahead .tt-query::-webkit-input-placeholder,
  2820. .twitter-typeahead .tt-hint::-webkit-input-placeholder {
  2821. color: #b2bcc5;
  2822. }
  2823. .twitter-typeahead .tt-query.placeholder,
  2824. .twitter-typeahead .tt-hint.placeholder {
  2825. color: #b2bcc5;
  2826. }
  2827. .form-group.focus .twitter-typeahead .tt-query,
  2828. .form-group.focus .twitter-typeahead .tt-hint,
  2829. .twitter-typeahead .tt-query:focus,
  2830. .twitter-typeahead .tt-hint:focus {
  2831. border-color: #1abc9c;
  2832. outline: 0;
  2833. -webkit-box-shadow: none;
  2834. box-shadow: none;
  2835. }
  2836. .twitter-typeahead .tt-query[disabled],
  2837. .twitter-typeahead .tt-hint[disabled],
  2838. .twitter-typeahead .tt-query[readonly],
  2839. .twitter-typeahead .tt-hint[readonly],
  2840. fieldset[disabled] .twitter-typeahead .tt-query,
  2841. fieldset[disabled] .twitter-typeahead .tt-hint {
  2842. background-color: #f4f6f6;
  2843. border-color: #d5dbdb;
  2844. color: #d5dbdb;
  2845. cursor: default;
  2846. opacity: 0.7;
  2847. filter: alpha(opacity=70);
  2848. }
  2849. .twitter-typeahead .tt-query.flat,
  2850. .twitter-typeahead .tt-hint.flat {
  2851. border-color: transparent;
  2852. }
  2853. .twitter-typeahead .tt-query.flat:hover,
  2854. .twitter-typeahead .tt-hint.flat:hover {
  2855. border-color: #bdc3c7;
  2856. }
  2857. .twitter-typeahead .tt-query.flat:focus,
  2858. .twitter-typeahead .tt-hint.flat:focus {
  2859. border-color: #1abc9c;
  2860. }
  2861. .twitter-typeahead .tt-query + .input-icon,
  2862. .twitter-typeahead .tt-hint + .input-icon {
  2863. position: absolute;
  2864. top: 2px;
  2865. right: 2px;
  2866. line-height: 37px;
  2867. vertical-align: middle;
  2868. font-size: 20px;
  2869. color: #b2bcc5;
  2870. background-color: #ffffff;
  2871. padding: 0 12px 0 0;
  2872. border-radius: 6px;
  2873. }
  2874. .twitter-typeahead .tt-dropdown-menu {
  2875. width: 100%;
  2876. margin-top: 5px;
  2877. border: 2px solid #1abc9c;
  2878. padding: 5px 0;
  2879. background-color: #ffffff;
  2880. border-radius: 6px;
  2881. }
  2882. .twitter-typeahead .tt-suggestion p {
  2883. padding: 6px 14px;
  2884. font-size: 14px;
  2885. line-height: 1.429;
  2886. margin: 0;
  2887. }
  2888. .twitter-typeahead .tt-suggestion:first-child p,
  2889. .twitter-typeahead .tt-suggestion:last-child p {
  2890. padding: 6px 14px;
  2891. }
  2892. .twitter-typeahead .tt-suggestion.tt-is-under-cursor {
  2893. color: #fff;
  2894. background-color: #16a085;
  2895. }
  2896. .progress {
  2897. background: #ebedef;
  2898. border-radius: 32px;
  2899. height: 12px;
  2900. -webkit-box-shadow: none;
  2901. box-shadow: none;
  2902. }
  2903. .progress-bar {
  2904. background: #1abc9c;
  2905. line-height: 12px;
  2906. -webkit-box-shadow: none;
  2907. box-shadow: none;
  2908. }
  2909. .progress-bar-success {
  2910. background-color: #2ecc71;
  2911. }
  2912. .progress-bar-warning {
  2913. background-color: #f1c40f;
  2914. }
  2915. .progress-bar-danger {
  2916. background-color: #e74c3c;
  2917. }
  2918. .progress-bar-info {
  2919. background-color: #3498db;
  2920. }
  2921. .ui-slider {
  2922. background: #ebedef;
  2923. border-radius: 32px;
  2924. height: 12px;
  2925. -webkit-box-shadow: none;
  2926. box-shadow: none;
  2927. margin-bottom: 20px;
  2928. position: relative;
  2929. cursor: pointer;
  2930. }
  2931. .ui-slider-handle {
  2932. background-color: #16a085;
  2933. border-radius: 50%;
  2934. cursor: pointer;
  2935. height: 18px;
  2936. position: absolute;
  2937. width: 18px;
  2938. z-index: 2;
  2939. -webkit-transition: background 0.25s;
  2940. transition: background 0.25s;
  2941. }
  2942. .ui-slider-handle:hover,
  2943. .ui-slider-handle:focus {
  2944. background-color: #48c9b0;
  2945. outline: none;
  2946. }
  2947. .ui-slider-handle:active {
  2948. background-color: #16a085;
  2949. }
  2950. .ui-slider-range {
  2951. background-color: #1abc9c;
  2952. display: block;
  2953. height: 100%;
  2954. position: absolute;
  2955. z-index: 1;
  2956. }
  2957. .ui-slider-segment {
  2958. background-color: #d9dbdd;
  2959. border-radius: 50%;
  2960. height: 6px;
  2961. width: 6px;
  2962. }
  2963. .ui-slider-value {
  2964. float: right;
  2965. font-size: 13px;
  2966. margin-top: 12px;
  2967. }
  2968. .ui-slider-value.first {
  2969. clear: left;
  2970. float: left;
  2971. }
  2972. .ui-slider-horizontal .ui-slider-handle {
  2973. margin-left: -9px;
  2974. top: -3px;
  2975. }
  2976. .ui-slider-horizontal .ui-slider-handle[style*="100"] {
  2977. margin-left: -15px;
  2978. }
  2979. .ui-slider-horizontal .ui-slider-range {
  2980. border-radius: 30px 0 0 30px;
  2981. }
  2982. .ui-slider-horizontal .ui-slider-segment {
  2983. float: left;
  2984. margin: 3px -6px 0 0;
  2985. }
  2986. .ui-slider-vertical {
  2987. width: 12px;
  2988. }
  2989. .ui-slider-vertical .ui-slider-handle {
  2990. margin-left: -3px;
  2991. margin-bottom: -11px;
  2992. top: auto;
  2993. }
  2994. .ui-slider-vertical .ui-slider-range {
  2995. width: 100%;
  2996. bottom: 0;
  2997. border-radius: 0 0 30px 30px;
  2998. }
  2999. .ui-slider-vertical .ui-slider-segment {
  3000. position: absolute;
  3001. right: 3px;
  3002. }
  3003. .pager {
  3004. background-color: #34495e;
  3005. border-radius: 6px;
  3006. color: #ffffff;
  3007. font-size: 16px;
  3008. font-weight: 700;
  3009. display: inline-block;
  3010. }
  3011. .pager li:first-child > a,
  3012. .pager li:first-child > span {
  3013. border-left: none;
  3014. border-radius: 6px 0 0 6px;
  3015. }
  3016. .pager li > a,
  3017. .pager li > span {
  3018. background: none;
  3019. border: none;
  3020. border-left: 2px solid #2c3e50;
  3021. color: #ffffff;
  3022. padding: 9px 15px 10px;
  3023. text-decoration: none;
  3024. white-space: nowrap;
  3025. border-radius: 0 6px 6px 0;
  3026. line-height: 1.313;
  3027. }
  3028. .pager li > a:hover,
  3029. .pager li > span:hover,
  3030. .pager li > a:focus,
  3031. .pager li > span:focus {
  3032. background-color: #2c3e50;
  3033. }
  3034. .pager li > a:active,
  3035. .pager li > span:active {
  3036. background-color: #2c3e50;
  3037. }
  3038. .pager li > a [class*="fui-"] + span,
  3039. .pager li > span [class*="fui-"] + span {
  3040. margin-left: 8px;
  3041. }
  3042. .pager li > a span + [class*="fui-"],
  3043. .pager li > span span + [class*="fui-"] {
  3044. margin-left: 8px;
  3045. }
  3046. .pagination {
  3047. position: relative;
  3048. }
  3049. .pagination ul {
  3050. background: #d6dbdf;
  3051. color: #ffffff;
  3052. padding: 0;
  3053. margin: 0;
  3054. display: inline-block;
  3055. border-radius: 6px;
  3056. }
  3057. .pagination ul li {
  3058. display: inline-block;
  3059. margin-right: -3px;
  3060. vertical-align: middle;
  3061. }
  3062. .pagination ul li:first-child {
  3063. border-radius: 6px 0 0 6px;
  3064. }
  3065. .pagination ul li:first-child.previous + li > a,
  3066. .pagination ul li:first-child.previous + li > span {
  3067. border-left-width: 5px;
  3068. }
  3069. .pagination ul li:last-child {
  3070. border-radius: 0 6px 6px 0;
  3071. margin-right: 0;
  3072. }
  3073. .pagination ul li.previous > a,
  3074. .pagination ul li.next > a,
  3075. .pagination ul li.previous > span,
  3076. .pagination ul li.next > span {
  3077. background: transparent;
  3078. border: none;
  3079. border-right: 2px solid #e4e7ea;
  3080. font-size: 16px;
  3081. margin: 0 9px 0 0;
  3082. padding: 12px 17px;
  3083. border-radius: 6px 0 0 6px;
  3084. }
  3085. .pagination ul li.previous > a,
  3086. .pagination ul li.next > a,
  3087. .pagination ul li.previous > span,
  3088. .pagination ul li.next > span,
  3089. .pagination ul li.previous > a:hover,
  3090. .pagination ul li.next > a:hover,
  3091. .pagination ul li.previous > span:hover,
  3092. .pagination ul li.next > span:hover,
  3093. .pagination ul li.previous > a:focus,
  3094. .pagination ul li.next > a:focus,
  3095. .pagination ul li.previous > span:focus,
  3096. .pagination ul li.next > span:focus {
  3097. border-color: #e4e7ea !important;
  3098. }
  3099. @media (max-width: 480px) {
  3100. .pagination ul li.previous > a,
  3101. .pagination ul li.next > a,
  3102. .pagination ul li.previous > span,
  3103. .pagination ul li.next > span {
  3104. margin-right: 0;
  3105. }
  3106. }
  3107. .pagination ul li.next {
  3108. margin-left: 9px;
  3109. }
  3110. .pagination ul li.next > a,
  3111. .pagination ul li.next > span {
  3112. border-left: 2px solid #e4e7ea;
  3113. border-right: none;
  3114. margin: 0;
  3115. border-radius: 0 6px 6px 0;
  3116. }
  3117. .pagination ul li.active > a,
  3118. .pagination ul li.active > span {
  3119. background-color: #ffffff;
  3120. border-color: #ffffff;
  3121. border-width: 2px !important;
  3122. color: #d6dbdf;
  3123. margin: 10px 5px 9px;
  3124. }
  3125. .pagination ul li.active > a:hover,
  3126. .pagination ul li.active > span:hover,
  3127. .pagination ul li.active > a:focus,
  3128. .pagination ul li.active > span:focus {
  3129. background-color: #ffffff;
  3130. border-color: #ffffff;
  3131. color: #d6dbdf;
  3132. }
  3133. .pagination ul li.active.previous,
  3134. .pagination ul li.active.next {
  3135. border-color: #e4e7ea;
  3136. }
  3137. .pagination ul li.active.previous > a,
  3138. .pagination ul li.active.next > a,
  3139. .pagination ul li.active.previous > span,
  3140. .pagination ul li.active.next > span {
  3141. margin: 0;
  3142. }
  3143. .pagination ul li.active.previous > a,
  3144. .pagination ul li.active.next > a,
  3145. .pagination ul li.active.previous > span,
  3146. .pagination ul li.active.next > span,
  3147. .pagination ul li.active.previous > a:hover,
  3148. .pagination ul li.active.next > a:hover,
  3149. .pagination ul li.active.previous > span:hover,
  3150. .pagination ul li.active.next > span:hover,
  3151. .pagination ul li.active.previous > a:focus,
  3152. .pagination ul li.active.next > a:focus,
  3153. .pagination ul li.active.previous > span:focus,
  3154. .pagination ul li.active.next > span:focus {
  3155. background-color: #1abc9c;
  3156. color: #ffffff;
  3157. }
  3158. .pagination ul li.active.previous {
  3159. margin-right: 6px;
  3160. }
  3161. .pagination ul li > a,
  3162. .pagination ul li > span {
  3163. display: inline-block;
  3164. background: #ffffff;
  3165. border: 5px solid #d6dbdf;
  3166. color: #ffffff;
  3167. font-size: 14px;
  3168. line-height: 16px;
  3169. margin: 7px 2px 6px;
  3170. min-width: 0;
  3171. min-height: 16px;
  3172. padding: 0 4px;
  3173. border-radius: 50px;
  3174. -webkit-transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;
  3175. transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;
  3176. }
  3177. .pagination ul li > a:hover,
  3178. .pagination ul li > span:hover,
  3179. .pagination ul li > a:focus,
  3180. .pagination ul li > span:focus {
  3181. background-color: #1abc9c;
  3182. border-color: #1abc9c;
  3183. color: #ffffff;
  3184. -webkit-transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
  3185. transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
  3186. }
  3187. .pagination ul li > a:active,
  3188. .pagination ul li > span:active {
  3189. background-color: #16a085;
  3190. border-color: #16a085;
  3191. }
  3192. .pagination > .btn.previous,
  3193. .pagination > .btn.next {
  3194. margin-right: 8px;
  3195. font-size: 14px;
  3196. line-height: 1.429;
  3197. padding-left: 23px;
  3198. padding-right: 23px;
  3199. }
  3200. .pagination > .btn.previous [class*="fui-"],
  3201. .pagination > .btn.next [class*="fui-"] {
  3202. font-size: 16px;
  3203. margin-left: -2px;
  3204. margin-top: -2px;
  3205. }
  3206. .pagination > .btn.next {
  3207. margin-left: 8px;
  3208. margin-right: 0;
  3209. }
  3210. .pagination > .btn.next [class*="fui-"] {
  3211. margin-right: -2px;
  3212. margin-left: 4px;
  3213. }
  3214. .tooltip {
  3215. font-size: 14px;
  3216. line-height: 1.286;
  3217. }
  3218. .tooltip.in {
  3219. opacity: 1;
  3220. }
  3221. .tooltip.top {
  3222. padding-bottom: 9px;
  3223. }
  3224. .tooltip.top .tooltip-arrow {
  3225. border-top-color: #34495e;
  3226. border-width: 9px 9px 0;
  3227. bottom: 0;
  3228. margin-left: -9px;
  3229. }
  3230. .tooltip.right .tooltip-arrow {
  3231. border-right-color: #34495e;
  3232. border-width: 9px 9px 9px 0;
  3233. margin-top: -9px;
  3234. left: -3px;
  3235. }
  3236. .tooltip.bottom {
  3237. padding-top: 8px;
  3238. }
  3239. .tooltip.bottom .tooltip-arrow {
  3240. border-bottom-color: #34495e;
  3241. border-width: 0 9px 9px;
  3242. margin-left: -9px;
  3243. top: -1px;
  3244. }
  3245. .tooltip.left .tooltip-arrow {
  3246. border-left-color: #34495e;
  3247. border-width: 9px 0 9px 9px;
  3248. margin-top: -9px;
  3249. right: -3px;
  3250. }
  3251. .tooltip-inner {
  3252. background-color: #34495e;
  3253. line-height: 1.286;
  3254. padding: 12px 12px;
  3255. text-align: center;
  3256. width: 183px;
  3257. border-radius: 6px;
  3258. }
  3259. .dropdown-menu {
  3260. background-color: #f3f4f5;
  3261. border: none;
  3262. display: block;
  3263. margin-top: 8px;
  3264. opacity: 0;
  3265. padding: 0;
  3266. visibility: hidden;
  3267. -webkit-box-shadow: none;
  3268. box-shadow: none;
  3269. -webkit-transition: 0.25s;
  3270. transition: 0.25s;
  3271. }
  3272. .open > .dropdown-menu {
  3273. margin-top: 18px !important;
  3274. opacity: 1;
  3275. visibility: visible;
  3276. }
  3277. .dropdown-menu li:first-child dt + a {
  3278. border-radius: 0;
  3279. }
  3280. .dropdown-menu li:first-child > a {
  3281. border-radius: 6px 6px 0 0;
  3282. padding-top: 8px;
  3283. }
  3284. .dropdown-menu li:last-child > a {
  3285. border-radius: 0 0 6px 6px;
  3286. padding-bottom: 10px;
  3287. }
  3288. .dropdown-menu li.active > a,
  3289. .dropdown-menu li.selected > a,
  3290. .dropdown-menu li.active > a.highlighted,
  3291. .dropdown-menu li.selected > a.highlighted {
  3292. background: #1abc9c;
  3293. color: #ffffff;
  3294. }
  3295. .dropdown-menu li.active > a:hover,
  3296. .dropdown-menu li.selected > a:hover,
  3297. .dropdown-menu li.active > a.highlighted:hover,
  3298. .dropdown-menu li.selected > a.highlighted:hover,
  3299. .dropdown-menu li.active > a:focus,
  3300. .dropdown-menu li.selected > a:focus,
  3301. .dropdown-menu li.active > a.highlighted:focus,
  3302. .dropdown-menu li.selected > a.highlighted:focus {
  3303. background: #16a085;
  3304. color: #ffffff;
  3305. }
  3306. .dropdown-menu li > a {
  3307. color: rgba(52, 73, 94, 0.75);
  3308. padding: 6px 15px 8px;
  3309. text-decoration: none;
  3310. -webkit-transition: background-color 0.25s;
  3311. transition: background-color 0.25s;
  3312. }
  3313. .dropdown-menu li > a:before,
  3314. .dropdown-menu li > a:after {
  3315. content: " ";
  3316. /* 1 */
  3317. display: table;
  3318. /* 2 */
  3319. }
  3320. .dropdown-menu li > a:after {
  3321. clear: both;
  3322. }
  3323. .dropdown-menu li > a:hover,
  3324. .dropdown-menu li > a:active,
  3325. .dropdown-menu li > a:focus {
  3326. background: #e1e4e7;
  3327. color: inherit;
  3328. outline: none;
  3329. }
  3330. .dropdown-menu li > a.highlighted {
  3331. background: #c9cfd4;
  3332. color: #ffffff;
  3333. }
  3334. .dropdown-menu li > a.highlighted:hover,
  3335. .dropdown-menu li > a.highlighted:focus {
  3336. background: #bac1c8;
  3337. color: #ffffff;
  3338. }
  3339. .dropdown-menu li > a:before {
  3340. float: right;
  3341. margin-top: 3px;
  3342. }
  3343. .dropdown-menu li dt {
  3344. font-weight: 300;
  3345. margin-bottom: 3px;
  3346. margin-top: 12px;
  3347. padding: 0 15px;
  3348. }
  3349. @media (max-width: 991px) {
  3350. .dropdown-menu {
  3351. border-radius: 0 0 6px 6px !important;
  3352. }
  3353. }
  3354. .dropdown-menu .divider {
  3355. margin-top: 3px;
  3356. margin-bottom: 3px;
  3357. }
  3358. .dropup .dropdown-menu,
  3359. .navbar-fixed-bottom .dropdown .dropdown-menu {
  3360. margin-bottom: 8px;
  3361. }
  3362. .dropup .dropdown-arrow,
  3363. .navbar-fixed-bottom .dropdown .dropdown-arrow {
  3364. border-bottom: none;
  3365. border-top: 8px outset #f3f4f5;
  3366. bottom: 100%;
  3367. top: auto;
  3368. }
  3369. .navbar-fixed-bottom .nav > li > ul:before {
  3370. border-bottom: none;
  3371. border-top: 9px outset #34495e;
  3372. bottom: 4px;
  3373. top: auto;
  3374. }
  3375. .open.dropup > .dropdown-menu {
  3376. margin-bottom: 18px;
  3377. }
  3378. .open.dropup > .dropdown-arrow {
  3379. margin-bottom: 10px;
  3380. }
  3381. .open.dropup > .dropdown-arrow.dropdown-arrow-inverse {
  3382. border-top-color: #34495e;
  3383. }
  3384. .open > .dropdown-arrow {
  3385. margin-top: 11px;
  3386. opacity: 1;
  3387. }
  3388. .dropdown-arrow {
  3389. border-style: solid;
  3390. border-width: 0 8px 7px;
  3391. border-color: transparent transparent #f3f4f5 transparent;
  3392. height: 0;
  3393. margin-top: 0;
  3394. opacity: 0;
  3395. position: absolute;
  3396. right: 19px;
  3397. top: 100%;
  3398. width: 0;
  3399. z-index: 10;
  3400. -webkit-transform: rotate(360deg);
  3401. -webkit-transition: 0.25s;
  3402. transition: 0.25s;
  3403. }
  3404. .dropdown-inverse {
  3405. background-color: #34495e;
  3406. color: #cccccc;
  3407. padding: 4px 0 6px;
  3408. }
  3409. .dropdown-inverse li {
  3410. margin: 0 4px -2px;
  3411. }
  3412. .dropdown-inverse li:first-child > a,
  3413. .dropdown-inverse li:last-child > a {
  3414. border-radius: 2px;
  3415. padding-bottom: 7px;
  3416. padding-top: 5px;
  3417. }
  3418. .dropdown-inverse li:first-child dt + a,
  3419. .dropdown-inverse li:last-child dt + a {
  3420. border-radius: 2px;
  3421. }
  3422. .dropdown-inverse li.active > a,
  3423. .dropdown-inverse li.selected > a {
  3424. background: #1abc9c;
  3425. color: #ffffff;
  3426. position: relative;
  3427. z-index: 1;
  3428. }
  3429. .dropdown-inverse li dt {
  3430. padding-left: 11px;
  3431. padding-right: 11px;
  3432. }
  3433. .dropdown-inverse li .divider {
  3434. margin-left: 11px;
  3435. margin-right: 11px;
  3436. }
  3437. .dropdown-inverse li > a {
  3438. border-radius: 2px;
  3439. color: #ffffff;
  3440. padding: 5px 11px 7px;
  3441. }
  3442. .dropdown-inverse li > a:hover,
  3443. .dropdown-inverse li > a:active,
  3444. .dropdown-inverse li > a:focus {
  3445. background: #2c3e50;
  3446. }
  3447. .dropdown-inverse li > a.highlighted {
  3448. background: #526476;
  3449. }
  3450. .dropdown-inverse li > a.highlighted:hover,
  3451. .dropdown-inverse li > a.highlighted:focus {
  3452. background: #677786;
  3453. }
  3454. .dropdown-inverse li .divider {
  3455. background-color: #526476;
  3456. border-bottom-color: #526476;
  3457. }
  3458. /* ============================================================
  3459. * bootstrapSwitch v1.3 by Larentis Mattia @spiritualGuru
  3460. * http://www.larentis.eu/switch/
  3461. * ============================================================
  3462. * Licensed under the Apache License, Version 2.0
  3463. * http://www.apache.org/licenses/LICENSE-2.0
  3464. * ============================================================ */
  3465. .has-switch {
  3466. border-radius: 30px;
  3467. display: inline-block;
  3468. cursor: pointer;
  3469. line-height: 1.72222;
  3470. overflow: hidden;
  3471. position: relative;
  3472. text-align: left;
  3473. width: 80px;
  3474. -webkit-mask: url('../images/switch/mask.png') 0 0 no-repeat;
  3475. mask: url('../images/switch/mask.png') 0 0 no-repeat;
  3476. -webkit-user-select: none;
  3477. -moz-user-select: none;
  3478. -ms-user-select: none;
  3479. -o-user-select: none;
  3480. user-select: none;
  3481. }
  3482. .has-switch.deactivate {
  3483. opacity: 0.5;
  3484. filter: alpha(opacity=50);
  3485. cursor: default !important;
  3486. }
  3487. .has-switch.deactivate label,
  3488. .has-switch.deactivate span {
  3489. cursor: default !important;
  3490. }
  3491. .has-switch > div {
  3492. width: 130px;
  3493. position: relative;
  3494. top: 0;
  3495. }
  3496. .has-switch > div.switch-animate {
  3497. -webkit-transition: left 0.25s ease-out;
  3498. transition: left 0.25s ease-out;
  3499. }
  3500. .has-switch > div.switch-off {
  3501. left: -50px;
  3502. }
  3503. .has-switch > div.switch-off label {
  3504. background-color: #7f8c9a;
  3505. border-color: #bdc3c7;
  3506. -webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
  3507. box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
  3508. }
  3509. .has-switch > div.switch-on {
  3510. left: 0;
  3511. }
  3512. .has-switch > div.switch-on label {
  3513. background-color: #1abc9c;
  3514. }
  3515. .has-switch input[type=checkbox] {
  3516. display: none;
  3517. }
  3518. .has-switch span {
  3519. cursor: pointer;
  3520. font-size: 15px;
  3521. font-weight: 700;
  3522. float: left;
  3523. height: 29px;
  3524. line-height: 19px;
  3525. margin: 0;
  3526. padding-bottom: 6px;
  3527. padding-top: 5px;
  3528. position: relative;
  3529. text-align: center;
  3530. width: 50%;
  3531. z-index: 1;
  3532. -webkit-transition: 0.25s ease-out;
  3533. transition: 0.25s ease-out;
  3534. }
  3535. .has-switch span.switch-left {
  3536. border-radius: 30px 0 0 30px;
  3537. background-color: #34495e;
  3538. color: #1abc9c;
  3539. border-left: 1px solid transparent;
  3540. }
  3541. .has-switch span.switch-right {
  3542. border-radius: 0 30px 30px 0;
  3543. background-color: #bdc3c7;
  3544. color: #ffffff;
  3545. text-indent: 7px;
  3546. }
  3547. .has-switch span.switch-right [class*="fui-"] {
  3548. text-indent: 0;
  3549. }
  3550. .has-switch label {
  3551. border: 4px solid #34495e;
  3552. border-radius: 50%;
  3553. float: left;
  3554. height: 29px;
  3555. margin: 0 -15px;
  3556. padding: 0;
  3557. position: relative;
  3558. vertical-align: middle;
  3559. width: 29px;
  3560. z-index: 100;
  3561. -webkit-transition: 0.25s ease-out;
  3562. transition: 0.25s ease-out;
  3563. }
  3564. .switch-square {
  3565. border-radius: 6px;
  3566. -webkit-mask: url('../images/switch/mask.png') 0 0 no-repeat;
  3567. mask: url('../images/switch/mask.png') 0 0 no-repeat;
  3568. }
  3569. .switch-square > div.switch-off label {
  3570. border-color: #7f8c9a;
  3571. border-radius: 6px 0 0 6px;
  3572. }
  3573. .switch-square span.switch-left {
  3574. border-radius: 6px 0 0 6px;
  3575. }
  3576. .switch-square span.switch-left [class*="fui-"] {
  3577. text-indent: -10px;
  3578. }
  3579. .switch-square span.switch-right {
  3580. border-radius: 0 6px 6px 0;
  3581. }
  3582. .switch-square span.switch-right [class*="fui-"] {
  3583. text-indent: 5px;
  3584. }
  3585. .switch-square label {
  3586. border-radius: 0 6px 6px 0;
  3587. border-color: #1abc9c;
  3588. }
  3589. .share {
  3590. background-color: #eff0f2;
  3591. position: relative;
  3592. border-radius: 6px;
  3593. }
  3594. .share:before {
  3595. content: "";
  3596. border-style: solid;
  3597. border-width: 0 9px 9px 9px;
  3598. border-color: transparent transparent #eff0f2 transparent;
  3599. height: 0;
  3600. position: absolute;
  3601. left: 23px;
  3602. top: -9px;
  3603. width: 0;
  3604. -webkit-transform: rotate(360deg);
  3605. }
  3606. .share ul {
  3607. list-style-type: none;
  3608. margin: 0;
  3609. padding: 15px;
  3610. }
  3611. .share li {
  3612. font-size: 15px;
  3613. line-height: 1.4;
  3614. padding-top: 11px;
  3615. }
  3616. .share li:before,
  3617. .share li:after {
  3618. content: " ";
  3619. /* 1 */
  3620. display: table;
  3621. /* 2 */
  3622. }
  3623. .share li:after {
  3624. clear: both;
  3625. }
  3626. .share li:first-child {
  3627. padding-top: 0;
  3628. }
  3629. .share .toggle {
  3630. float: right;
  3631. margin: 0;
  3632. }
  3633. .share .btn {
  3634. border-radius: 0 0 6px 6px;
  3635. }
  3636. .share-label {
  3637. float: left;
  3638. font-size: 15px;
  3639. line-height: 1.4;
  3640. padding-top: 5px;
  3641. width: 50%;
  3642. }
  3643. .pallete-item {
  3644. width: 140px;
  3645. float: left;
  3646. margin: 0 0 20px 20px;
  3647. }
  3648. .palette {
  3649. font-size: 14px;
  3650. line-height: 1.214;
  3651. color: #ffffff;
  3652. margin: 0;
  3653. padding: 15px;
  3654. text-transform: uppercase;
  3655. }
  3656. .palette dt,
  3657. .palette dd {
  3658. line-height: 1.429;
  3659. }
  3660. .palette dt {
  3661. display: block;
  3662. font-weight: bold;
  3663. opacity: 0.8;
  3664. filter: alpha(opacity=80);
  3665. }
  3666. .palette dd {
  3667. font-weight: 300;
  3668. margin-left: 0;
  3669. opacity: 0.8;
  3670. filter: alpha(opacity=80);
  3671. -webkit-font-smoothing: subpixel-antialiased;
  3672. }
  3673. .palette-turquoise {
  3674. background-color: #1abc9c;
  3675. }
  3676. .palette-green-sea {
  3677. background-color: #16a085;
  3678. }
  3679. .palette-emerald {
  3680. background-color: #2ecc71;
  3681. }
  3682. .palette-nephritis {
  3683. background-color: #27ae60;
  3684. }
  3685. .palette-peter-river {
  3686. background-color: #3498db;
  3687. }
  3688. .palette-belize-hole {
  3689. background-color: #2980b9;
  3690. }
  3691. .palette-amethyst {
  3692. background-color: #9b59b6;
  3693. }
  3694. .palette-wisteria {
  3695. background-color: #8e44ad;
  3696. }
  3697. .palette-wet-asphalt {
  3698. background-color: #34495e;
  3699. }
  3700. .palette-midnight-blue {
  3701. background-color: #2c3e50;
  3702. }
  3703. .palette-sun-flower {
  3704. background-color: #f1c40f;
  3705. }
  3706. .palette-orange {
  3707. background-color: #f39c12;
  3708. }
  3709. .palette-carrot {
  3710. background-color: #e67e22;
  3711. }
  3712. .palette-pumpkin {
  3713. background-color: #d35400;
  3714. }
  3715. .palette-alizarin {
  3716. background-color: #e74c3c;
  3717. }
  3718. .palette-pomegranate {
  3719. background-color: #c0392b;
  3720. }
  3721. .palette-clouds {
  3722. background-color: #ecf0f1;
  3723. }
  3724. .palette-silver {
  3725. background-color: #bdc3c7;
  3726. }
  3727. .palette-concrete {
  3728. background-color: #95a5a6;
  3729. }
  3730. .palette-asbestos {
  3731. background-color: #7f8c8d;
  3732. }
  3733. .palette-clouds {
  3734. color: #bdc3c7;
  3735. }
  3736. .palette-paragraph {
  3737. color: #7f8c8d;
  3738. font-size: 12px;
  3739. line-height: 17px;
  3740. }
  3741. .palette-paragraph span {
  3742. color: #bdc3c7;
  3743. }
  3744. .palette-headline {
  3745. color: #7f8c8d;
  3746. font-size: 13px;
  3747. font-weight: 700;
  3748. margin-top: -3px;
  3749. }
  3750. .tile {
  3751. background-color: #eff0f2;
  3752. border-radius: 6px;
  3753. padding: 14px;
  3754. position: relative;
  3755. text-align: center;
  3756. }
  3757. .tile.tile-hot:before {
  3758. background: url(../images/tile/ribbon.png) 0 0 no-repeat;
  3759. background-size: 82px 82px;
  3760. content: '';
  3761. height: 82px;
  3762. position: absolute;
  3763. right: -4px;
  3764. top: -4px;
  3765. width: 82px;
  3766. }
  3767. .tile p {
  3768. font-size: 15px;
  3769. margin-bottom: 33px;
  3770. }
  3771. .tile-image {
  3772. height: 100px;
  3773. margin: 31px 0 27px;
  3774. vertical-align: bottom;
  3775. }
  3776. .tile-image.big-illustration {
  3777. height: 111px;
  3778. margin-top: 20px;
  3779. width: 112px;
  3780. }
  3781. .tile-title {
  3782. font-size: 20px;
  3783. margin: 0;
  3784. }
  3785. @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
  3786. .tile.tile-hot:before {
  3787. background-image: url(../images/tile/ribbon-2x.png);
  3788. }
  3789. }
  3790. .todo {
  3791. color: #798795;
  3792. margin-bottom: 20px;
  3793. border-radius: 6px;
  3794. }
  3795. .todo ul {
  3796. background-color: #2c3e50;
  3797. margin: 0;
  3798. padding: 0;
  3799. list-style-type: none;
  3800. border-radius: 0 0 6px 6px;
  3801. }
  3802. .todo li {
  3803. background: #34495e url(../images/todo/todo.png) 92% center no-repeat;
  3804. background-size: 20px 20px;
  3805. cursor: pointer;
  3806. font-size: 14px;
  3807. line-height: 1.214;
  3808. margin-top: 2px;
  3809. padding: 18px 42px 21px 25px;
  3810. position: relative;
  3811. -webkit-transition: 0.25s;
  3812. transition: 0.25s;
  3813. }
  3814. .todo li:first-child {
  3815. margin-top: 0;
  3816. }
  3817. .todo li:last-child {
  3818. border-radius: 0 0 6px 6px;
  3819. padding-bottom: 21px;
  3820. }
  3821. .todo li.todo-done {
  3822. background: transparent url(../images/todo/done.png) 92% center no-repeat;
  3823. background-size: 20px 20px;
  3824. color: #1abc9c;
  3825. }
  3826. .todo li.todo-done .todo-name {
  3827. color: #1abc9c;
  3828. }
  3829. .todo-search {
  3830. position: relative;
  3831. background: #1abc9c;
  3832. background-size: 16px 16px;
  3833. border-radius: 6px 6px 0 0;
  3834. color: #34495e;
  3835. padding: 19px 25px 20px;
  3836. }
  3837. .todo-search:before {
  3838. position: absolute;
  3839. font-family: 'Flat-UI-Icons';
  3840. content: "\e01c";
  3841. font-size: 16px;
  3842. line-height: 17px;
  3843. display: inline-block;
  3844. top: 50%;
  3845. left: 92%;
  3846. margin: -0.5em 0 0 -1em;
  3847. }
  3848. input.todo-search-field {
  3849. background: none;
  3850. border: none;
  3851. color: #34495e;
  3852. font-size: 19px;
  3853. font-weight: 700;
  3854. margin: 0;
  3855. line-height: 23px;
  3856. padding: 5px 0;
  3857. text-indent: 0;
  3858. -webkit-box-shadow: none;
  3859. box-shadow: none;
  3860. }
  3861. input.todo-search-field:-moz-placeholder {
  3862. color: #34495e;
  3863. }
  3864. input.todo-search-field::-moz-placeholder {
  3865. color: #34495e;
  3866. opacity: 1;
  3867. }
  3868. input.todo-search-field:-ms-input-placeholder {
  3869. color: #34495e;
  3870. }
  3871. input.todo-search-field::-webkit-input-placeholder {
  3872. color: #34495e;
  3873. }
  3874. input.todo-search-field.placeholder {
  3875. color: #34495e;
  3876. }
  3877. .todo-icon {
  3878. float: left;
  3879. font-size: 24px;
  3880. padding: 11px 22px 0 0;
  3881. }
  3882. .todo-content {
  3883. padding-top: 1px;
  3884. overflow: hidden;
  3885. }
  3886. .todo-name {
  3887. color: #ffffff;
  3888. font-size: 17px;
  3889. margin: 1px 0 3px;
  3890. }
  3891. @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
  3892. .todo li {
  3893. background-image: url(../images/todo/todo-2x.png);
  3894. }
  3895. .todo li.todo-done {
  3896. background-image: url(../images/todo/done-2x.png);
  3897. }
  3898. }
  3899. .video-js {
  3900. background-color: transparent;
  3901. margin-top: -95px;
  3902. position: relative;
  3903. padding: 0;
  3904. font-size: 10px;
  3905. vertical-align: middle;
  3906. border-radius: 6px 6px 0 0;
  3907. -webkit-backface-visibility: hidden;
  3908. -moz-backface-visibility: hidden;
  3909. -ms-backface-visibility: hidden;
  3910. backface-visibility: hidden;
  3911. }
  3912. .video-js .vjs-tech {
  3913. position: absolute;
  3914. top: 0;
  3915. left: 0;
  3916. width: 100%;
  3917. height: 100%;
  3918. border-radius: 6px 6px 0 0;
  3919. }
  3920. .video-js:-moz-full-screen {
  3921. position: absolute;
  3922. }
  3923. body.vjs-full-window {
  3924. padding: 0;
  3925. margin: 0;
  3926. height: 100%;
  3927. overflow-y: auto;
  3928. }
  3929. .video-js.vjs-fullscreen {
  3930. position: fixed;
  3931. overflow: hidden;
  3932. z-index: 1000;
  3933. left: 0;
  3934. top: 0;
  3935. bottom: 0;
  3936. right: 0;
  3937. width: 100% !important;
  3938. height: 100% !important;
  3939. _position: absolute;
  3940. }
  3941. .video-js:-webkit-full-screen {
  3942. width: 100% !important;
  3943. height: 100% !important;
  3944. }
  3945. .vjs-poster {
  3946. margin: 0 auto;
  3947. padding: 0;
  3948. cursor: pointer;
  3949. position: relative;
  3950. width: 100%;
  3951. max-height: 100%;
  3952. border-radius: 6px 6px 0 0;
  3953. }
  3954. .video-js .vjs-text-track-display {
  3955. text-align: center;
  3956. position: absolute;
  3957. bottom: 4em;
  3958. left: 1em;
  3959. right: 1em;
  3960. font-family: "Lato", Helvetica, Arial, sans-serif;
  3961. }
  3962. .video-js .vjs-text-track {
  3963. display: none;
  3964. color: #ffffff;
  3965. font-size: 1.4em;
  3966. text-align: center;
  3967. margin-bottom: .1em;
  3968. background: #000;
  3969. background: rgba(0, 0, 0, 0.5);
  3970. }
  3971. .video-js .vjs-subtitles {
  3972. color: #fff;
  3973. }
  3974. .video-js .vjs-captions {
  3975. color: #fc6;
  3976. }
  3977. .vjs-tt-cue {
  3978. display: block;
  3979. }
  3980. .vjs-fade-in {
  3981. visibility: visible !important;
  3982. opacity: 1 !important;
  3983. -webkit-transition: visibility 0s linear 0s, opacity .3s linear;
  3984. transition: visibility 0s linear 0s, opacity .3s linear;
  3985. }
  3986. .vjs-fade-out {
  3987. visibility: hidden !important;
  3988. opacity: 0 !important;
  3989. -webkit-transition: visibility 0s linear 1.5s, opacity 1.5s linear;
  3990. transition: visibility 0s linear 1.5s, opacity 1.5s linear;
  3991. }
  3992. .vjs-control-bar {
  3993. position: absolute;
  3994. bottom: -47px;
  3995. left: 0;
  3996. right: 0;
  3997. margin: 0;
  3998. padding: 0;
  3999. height: 47px;
  4000. color: #ffffff;
  4001. background: #273747;
  4002. border-radius: 0 0 6px 6px;
  4003. }
  4004. .vjs-control-bar.vjs-fade-out {
  4005. visibility: visible !important;
  4006. opacity: 1 !important;
  4007. }
  4008. .vjs-control {
  4009. background-position: center center;
  4010. background-repeat: no-repeat;
  4011. position: relative;
  4012. float: left;
  4013. text-align: center;
  4014. margin: 0;
  4015. padding: 0;
  4016. height: 18px;
  4017. width: 18px;
  4018. }
  4019. .vjs-control:focus {
  4020. outline: 0;
  4021. }
  4022. .vjs-control div {
  4023. background-position: center center;
  4024. background-repeat: no-repeat;
  4025. }
  4026. .vjs-control-text {
  4027. border: 0;
  4028. clip: rect(0 0 0 0);
  4029. height: 1px;
  4030. margin: -1px;
  4031. overflow: hidden;
  4032. padding: 0;
  4033. position: absolute;
  4034. width: 1px;
  4035. }
  4036. .vjs-play-control {
  4037. cursor: pointer !important;
  4038. height: 47px;
  4039. left: 0;
  4040. position: absolute;
  4041. top: 0;
  4042. width: 58px;
  4043. }
  4044. .vjs-play-control div {
  4045. position: relative;
  4046. height: 47px;
  4047. }
  4048. .vjs-play-control div:before,
  4049. .vjs-play-control div:after {
  4050. position: absolute;
  4051. font-family: "Flat-UI-Icons";
  4052. color: #1abc9c;
  4053. font-size: 16px;
  4054. top: 50%;
  4055. left: 50%;
  4056. margin: -0.55em 0 0 -0.5em;
  4057. -webkit-transition: color .25s, opacity .25s;
  4058. transition: color .25s, opacity .25s;
  4059. }
  4060. .vjs-play-control div:after {
  4061. content: "\e03b";
  4062. }
  4063. .vjs-play-control div:before {
  4064. content: "\e03c";
  4065. }
  4066. .vjs-paused .vjs-play-control:hover div:before {
  4067. color: #16a085;
  4068. }
  4069. .vjs-paused .vjs-play-control div:after {
  4070. opacity: 0;
  4071. filter: alpha(opacity=0);
  4072. }
  4073. .vjs-paused .vjs-play-control div:before {
  4074. opacity: 1;
  4075. filter: alpha(opacity=100);
  4076. }
  4077. .vjs-playing .vjs-play-control:hover div:after {
  4078. color: #16a085;
  4079. }
  4080. .vjs-playing .vjs-play-control div:after {
  4081. opacity: 1;
  4082. filter: alpha(opacity=100);
  4083. }
  4084. .vjs-playing .vjs-play-control div:before {
  4085. opacity: 0;
  4086. filter: alpha(opacity=0);
  4087. }
  4088. .vjs-rewind-control {
  4089. width: 5em;
  4090. cursor: pointer !important;
  4091. }
  4092. .vjs-rewind-control div {
  4093. width: 19px;
  4094. height: 16px;
  4095. background: none transparent;
  4096. margin: .5em auto 0;
  4097. }
  4098. .vjs-mute-control {
  4099. background: url(../images/video/volume-full.png) center -48px no-repeat;
  4100. background-size: 16px 64px;
  4101. cursor: pointer !important;
  4102. position: absolute;
  4103. right: 51px;
  4104. top: 14px;
  4105. }
  4106. .vjs-mute-control:hover div,
  4107. .vjs-mute-control:focus div {
  4108. opacity: 0;
  4109. }
  4110. .vjs-mute-control.vjs-vol-0,
  4111. .vjs-mute-control.vjs-vol-0 div {
  4112. background-image: url(../images/video/volume-off.png);
  4113. }
  4114. .vjs-mute-control div {
  4115. background: #273747 url(../images/video/volume-full.png) no-repeat center 2px;
  4116. background-size: 16px 64px;
  4117. height: 18px;
  4118. -webkit-transition: opacity 0.25s;
  4119. transition: opacity 0.25s;
  4120. }
  4121. .vjs-volume-control,
  4122. .vjs-volume-level,
  4123. .vjs-volume-handle,
  4124. .vjs-volume-bar {
  4125. display: none;
  4126. }
  4127. .vjs-progress-control {
  4128. position: absolute;
  4129. left: 60px;
  4130. right: 180px;
  4131. height: 12px;
  4132. width: auto;
  4133. top: 18px;
  4134. background: #425669;
  4135. border-radius: 32px;
  4136. }
  4137. .vjs-progress-holder {
  4138. position: relative;
  4139. cursor: pointer !important;
  4140. padding: 0;
  4141. margin: 0;
  4142. height: 12px;
  4143. }
  4144. .vjs-play-progress,
  4145. .vjs-load-progress {
  4146. position: absolute;
  4147. display: block;
  4148. height: 12px;
  4149. margin: 0;
  4150. padding: 0;
  4151. left: 0;
  4152. top: 0;
  4153. border-radius: 32px;
  4154. }
  4155. .vjs-play-progress {
  4156. background: #1abc9c;
  4157. left: -1px;
  4158. }
  4159. .vjs-load-progress {
  4160. background: #d6dbdf;
  4161. border-radius: 32px 0 0 32px;
  4162. }
  4163. .vjs-load-progress[style*='100%'],
  4164. .vjs-load-progress[style*='99%'] {
  4165. border-radius: 32px;
  4166. }
  4167. .vjs-seek-handle {
  4168. background-color: #16a085;
  4169. position: absolute;
  4170. width: 18px;
  4171. height: 18px;
  4172. margin: -3px 0 0 1px;
  4173. left: 0;
  4174. top: 0;
  4175. border-radius: 50%;
  4176. -webkit-transition: background-color 0.25s;
  4177. transition: background-color 0.25s;
  4178. }
  4179. .vjs-seek-handle[style*='95.'] {
  4180. margin-left: 3px;
  4181. }
  4182. .vjs-seek-handle[style='left: 0%;'] {
  4183. margin-left: -2px;
  4184. }
  4185. .vjs-seek-handle:hover,
  4186. .vjs-seek-handle:focus {
  4187. background-color: #148d75;
  4188. }
  4189. .vjs-seek-handle:active {
  4190. background-color: #117a65;
  4191. }
  4192. .vjs-time-controls {
  4193. position: absolute;
  4194. height: 20px;
  4195. width: 50px;
  4196. top: 16px;
  4197. font: 300 13px "Lato", Helvetica, Arial, sans-serif;
  4198. }
  4199. .vjs-current-time {
  4200. right: 128px;
  4201. text-align: right;
  4202. }
  4203. .vjs-duration {
  4204. color: #5d6d7e;
  4205. right: 69px;
  4206. text-align: left;
  4207. }
  4208. .vjs-remaining-time {
  4209. display: none;
  4210. }
  4211. .vjs-time-divider {
  4212. color: #5d6d7e;
  4213. font-size: 14px;
  4214. position: absolute;
  4215. right: 121px;
  4216. top: 15px;
  4217. }
  4218. .vjs-secondary-controls {
  4219. float: right;
  4220. }
  4221. .vjs-fullscreen-control {
  4222. background-image: url(../images/video/fullscreen.png);
  4223. background-position: center -47px;
  4224. background-size: 15px 64px;
  4225. cursor: pointer !important;
  4226. position: absolute;
  4227. right: 17px;
  4228. top: 13px;
  4229. }
  4230. .vjs-fullscreen-control:hover div,
  4231. .vjs-fullscreen-control:focus div {
  4232. opacity: 0;
  4233. }
  4234. .vjs-fullscreen-control div {
  4235. height: 18px;
  4236. background: url(../images/video/fullscreen.png) no-repeat center 2px;
  4237. background-size: 15px 64px;
  4238. -webkit-transition: opacity 0.25s;
  4239. transition: opacity 0.25s;
  4240. }
  4241. .vjs-menu-button {
  4242. display: none !important;
  4243. }
  4244. @-webkit-keyframes sharp {
  4245. 0% {
  4246. background: #e74c3c;
  4247. border-radius: 10px;
  4248. -webkit-transform: rotate(0deg);
  4249. -ms-transform: rotate(0deg);
  4250. transform: rotate(0deg);
  4251. }
  4252. 50% {
  4253. background: #ebedee;
  4254. border-radius: 0;
  4255. -webkit-transform: rotate(180deg);
  4256. -ms-transform: rotate(180deg);
  4257. transform: rotate(180deg);
  4258. }
  4259. 100% {
  4260. background: #e74c3c;
  4261. border-radius: 10px;
  4262. -webkit-transform: rotate(360deg);
  4263. -ms-transform: rotate(360deg);
  4264. transform: rotate(360deg);
  4265. }
  4266. }
  4267. @-moz-keyframes sharp {
  4268. 0% {
  4269. background: #e74c3c;
  4270. border-radius: 10px;
  4271. -webkit-transform: rotate(0deg);
  4272. -ms-transform: rotate(0deg);
  4273. transform: rotate(0deg);
  4274. }
  4275. 50% {
  4276. background: #ebedee;
  4277. border-radius: 0;
  4278. -webkit-transform: rotate(180deg);
  4279. -ms-transform: rotate(180deg);
  4280. transform: rotate(180deg);
  4281. }
  4282. 100% {
  4283. background: #e74c3c;
  4284. border-radius: 10px;
  4285. -webkit-transform: rotate(360deg);
  4286. -ms-transform: rotate(360deg);
  4287. transform: rotate(360deg);
  4288. }
  4289. }
  4290. @-o-keyframes sharp {
  4291. 0% {
  4292. background: #e74c3c;
  4293. border-radius: 10px;
  4294. -webkit-transform: rotate(0deg);
  4295. -ms-transform: rotate(0deg);
  4296. transform: rotate(0deg);
  4297. }
  4298. 50% {
  4299. background: #ebedee;
  4300. border-radius: 0;
  4301. -webkit-transform: rotate(180deg);
  4302. -ms-transform: rotate(180deg);
  4303. transform: rotate(180deg);
  4304. }
  4305. 100% {
  4306. background: #e74c3c;
  4307. border-radius: 10px;
  4308. -webkit-transform: rotate(360deg);
  4309. -ms-transform: rotate(360deg);
  4310. transform: rotate(360deg);
  4311. }
  4312. }
  4313. @keyframes sharp {
  4314. 0% {
  4315. background: #e74c3c;
  4316. border-radius: 10px;
  4317. -webkit-transform: rotate(0deg);
  4318. -ms-transform: rotate(0deg);
  4319. transform: rotate(0deg);
  4320. }
  4321. 50% {
  4322. background: #ebedee;
  4323. border-radius: 0;
  4324. -webkit-transform: rotate(180deg);
  4325. -ms-transform: rotate(180deg);
  4326. transform: rotate(180deg);
  4327. }
  4328. 100% {
  4329. background: #e74c3c;
  4330. border-radius: 10px;
  4331. -webkit-transform: rotate(360deg);
  4332. -ms-transform: rotate(360deg);
  4333. transform: rotate(360deg);
  4334. }
  4335. }
  4336. .vjs-loading-spinner {
  4337. background: #ebedee;
  4338. display: none;
  4339. height: 16px;
  4340. left: 50%;
  4341. margin: -8px 0 0 -8px;
  4342. position: absolute;
  4343. top: 50%;
  4344. width: 16px;
  4345. border-radius: 10px;
  4346. -webkit-animation: sharp 2s ease infinite;
  4347. animation: sharp 2s ease infinite;
  4348. }
  4349. .login {
  4350. background: url(../images/login/imac.png) 0 0 no-repeat;
  4351. background-size: 940px 778px;
  4352. color: #ffffff;
  4353. margin-bottom: 77px;
  4354. padding: 38px 38px 267px;
  4355. position: relative;
  4356. }
  4357. .login-screen {
  4358. background-color: #1abc9c;
  4359. min-height: 473px;
  4360. padding: 123px 199px 33px 306px;
  4361. }
  4362. .login-icon {
  4363. left: 200px;
  4364. position: absolute;
  4365. top: 160px;
  4366. width: 96px;
  4367. }
  4368. .login-icon > img {
  4369. display: block;
  4370. margin-bottom: 6px;
  4371. width: 100%;
  4372. }
  4373. .login-icon > h4 {
  4374. font-size: 17px;
  4375. font-weight: 300;
  4376. line-height: 34px;
  4377. opacity: 0.95;
  4378. filter: alpha(opacity=95);
  4379. }
  4380. .login-icon > h4 small {
  4381. color: inherit;
  4382. display: block;
  4383. font-size: inherit;
  4384. font-weight: 700;
  4385. }
  4386. .login-form {
  4387. background-color: #edeff1;
  4388. padding: 24px 23px 20px;
  4389. position: relative;
  4390. border-radius: 6px;
  4391. }
  4392. .login-form:before {
  4393. content: '';
  4394. border-style: solid;
  4395. border-width: 12px 12px 12px 0;
  4396. border-color: transparent #edeff1 transparent transparent;
  4397. height: 0;
  4398. position: absolute;
  4399. left: -12px;
  4400. top: 35px;
  4401. width: 0;
  4402. -webkit-transform: rotate(360deg);
  4403. }
  4404. .login-form .control-group {
  4405. margin-bottom: 6px;
  4406. position: relative;
  4407. }
  4408. .login-form .login-field {
  4409. border-color: transparent;
  4410. font-size: 17px;
  4411. text-indent: 3px;
  4412. }
  4413. .login-form .login-field:focus {
  4414. border-color: #1abc9c;
  4415. }
  4416. .login-form .login-field:focus + .login-field-icon {
  4417. color: #1abc9c;
  4418. }
  4419. .login-form .login-field-icon {
  4420. color: #bfc9ca;
  4421. font-size: 16px;
  4422. position: absolute;
  4423. right: 15px;
  4424. top: 3px;
  4425. -webkit-transition: 0.25s;
  4426. transition: 0.25s;
  4427. }
  4428. .login-link {
  4429. color: #bfc9ca;
  4430. display: block;
  4431. font-size: 13px;
  4432. margin-top: 15px;
  4433. text-align: center;
  4434. }
  4435. @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
  4436. .login {
  4437. background-image: url(../images/login/imac-2x.png);
  4438. }
  4439. }
  4440. footer {
  4441. background-color: #edeff1;
  4442. color: #bac1c8;
  4443. font-size: 15px;
  4444. padding: 0;
  4445. }
  4446. footer a {
  4447. color: #9aa4af;
  4448. font-weight: 700;
  4449. }
  4450. footer p {
  4451. font-size: 15px;
  4452. line-height: 20px;
  4453. margin-bottom: 10px;
  4454. }
  4455. .footer-title {
  4456. margin: 0 0 22px;
  4457. padding-top: 21px;
  4458. font-size: 24px;
  4459. line-height: 40px;
  4460. }
  4461. .footer-brand {
  4462. display: block;
  4463. margin-bottom: 26px;
  4464. width: 220px;
  4465. }
  4466. .footer-brand img {
  4467. width: 216px;
  4468. }
  4469. .footer-banner {
  4470. background-color: #1abc9c;
  4471. color: #d1f2eb;
  4472. margin-left: 42px;
  4473. min-height: 316px;
  4474. padding: 0 30px 30px;
  4475. }
  4476. .footer-banner .footer-title {
  4477. color: #ffffff;
  4478. }
  4479. .footer-banner a {
  4480. color: #b7f5e9;
  4481. text-decoration: underline;
  4482. }
  4483. .footer-banner a:hover {
  4484. text-decoration: none;
  4485. }
  4486. .footer-banner ul {
  4487. list-style-type: none;
  4488. margin: 0 0 26px;
  4489. padding: 0;
  4490. }
  4491. .footer-banner ul li {
  4492. border-top: 1px solid #1bc5a3;
  4493. line-height: 19px;
  4494. padding: 6px 0;
  4495. }
  4496. .footer-banner ul li:first-child {
  4497. border-top: none;
  4498. padding-top: 1px;
  4499. }
  4500. .last-col {
  4501. overflow: hidden;
  4502. }
  4503. .ptn,
  4504. .pvn,
  4505. .pan {
  4506. padding-top: 0;
  4507. }
  4508. .ptx,
  4509. .pvx,
  4510. .pax {
  4511. padding-top: 3px;
  4512. }
  4513. .pts,
  4514. .pvs,
  4515. .pas {
  4516. padding-top: 5px;
  4517. }
  4518. .ptm,
  4519. .pvm,
  4520. .pam {
  4521. padding-top: 10px;
  4522. }
  4523. .ptl,
  4524. .pvl,
  4525. .pal {
  4526. padding-top: 20px;
  4527. }
  4528. .prn,
  4529. .phn,
  4530. .pan {
  4531. padding-right: 0;
  4532. }
  4533. .prx,
  4534. .phx,
  4535. .pax {
  4536. padding-right: 3px;
  4537. }
  4538. .prs,
  4539. .phs,
  4540. .pas {
  4541. padding-right: 5px;
  4542. }
  4543. .prm,
  4544. .phm,
  4545. .pam {
  4546. padding-right: 10px;
  4547. }
  4548. .prl,
  4549. .phl,
  4550. .pal {
  4551. padding-right: 20px;
  4552. }
  4553. .pbn,
  4554. .pvn,
  4555. .pan {
  4556. padding-bottom: 0;
  4557. }
  4558. .pbx,
  4559. .pvx,
  4560. .pax {
  4561. padding-bottom: 3px;
  4562. }
  4563. .pbs,
  4564. .pvs,
  4565. .pas {
  4566. padding-bottom: 5px;
  4567. }
  4568. .pbm,
  4569. .pvm,
  4570. .pam {
  4571. padding-bottom: 10px;
  4572. }
  4573. .pbl,
  4574. .pvl,
  4575. .pal {
  4576. padding-bottom: 20px;
  4577. }
  4578. .pln,
  4579. .phn,
  4580. .pan {
  4581. padding-left: 0;
  4582. }
  4583. .plx,
  4584. .phx,
  4585. .pax {
  4586. padding-left: 3px;
  4587. }
  4588. .pls,
  4589. .phs,
  4590. .pas {
  4591. padding-left: 5px;
  4592. }
  4593. .plm,
  4594. .phm,
  4595. .pam {
  4596. padding-left: 10px;
  4597. }
  4598. .pll,
  4599. .phl,
  4600. .pal {
  4601. padding-left: 20px;
  4602. }
  4603. .mtn,
  4604. .mvn,
  4605. .man {
  4606. margin-top: 0px;
  4607. }
  4608. .mtx,
  4609. .mvx,
  4610. .max {
  4611. margin-top: 3px;
  4612. }
  4613. .mts,
  4614. .mvs,
  4615. .mas {
  4616. margin-top: 5px;
  4617. }
  4618. .mtm,
  4619. .mvm,
  4620. .mam {
  4621. margin-top: 10px;
  4622. }
  4623. .mtl,
  4624. .mvl,
  4625. .mal {
  4626. margin-top: 20px;
  4627. }
  4628. .mrn,
  4629. .mhn,
  4630. .man {
  4631. margin-right: 0px;
  4632. }
  4633. .mrx,
  4634. .mhx,
  4635. .max {
  4636. margin-right: 3px;
  4637. }
  4638. .mrs,
  4639. .mhs,
  4640. .mas {
  4641. margin-right: 5px;
  4642. }
  4643. .mrm,
  4644. .mhm,
  4645. .mam {
  4646. margin-right: 10px;
  4647. }
  4648. .mrl,
  4649. .mhl,
  4650. .mal {
  4651. margin-right: 20px;
  4652. }
  4653. .mbn,
  4654. .mvn,
  4655. .man {
  4656. margin-bottom: 0px;
  4657. }
  4658. .mbx,
  4659. .mvx,
  4660. .max {
  4661. margin-bottom: 3px;
  4662. }
  4663. .mbs,
  4664. .mvs,
  4665. .mas {
  4666. margin-bottom: 5px;
  4667. }
  4668. .mbm,
  4669. .mvm,
  4670. .mam {
  4671. margin-bottom: 10px;
  4672. }
  4673. .mbl,
  4674. .mvl,
  4675. .mal {
  4676. margin-bottom: 20px;
  4677. }
  4678. .mln,
  4679. .mhn,
  4680. .man {
  4681. margin-left: 0px;
  4682. }
  4683. .mlx,
  4684. .mhx,
  4685. .max {
  4686. margin-left: 3px;
  4687. }
  4688. .mls,
  4689. .mhs,
  4690. .mas {
  4691. margin-left: 5px;
  4692. }
  4693. .mlm,
  4694. .mhm,
  4695. .mam {
  4696. margin-left: 10px;
  4697. }
  4698. .mll,
  4699. .mhl,
  4700. .mal {
  4701. margin-left: 20px;
  4702. }