sonata_admin_css_AdminLTE_4.css 108 KB

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