Нет описания

style.min862f.css 113KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594459545964597459845994600460146024603460446054606460746084609461046114612461346144615461646174618461946204621462246234624462546264627462846294630463146324633463446354636463746384639464046414642464346444645464646474648464946504651465246534654465546564657465846594660466146624663466446654666466746684669467046714672467346744675467646774678467946804681468246834684468546864687468846894690469146924693469446954696469746984699470047014702470347044705470647074708470947104711471247134714471547164717471847194720472147224723472447254726472747284729473047314732473347344735473647374738473947404741474247434744474547464747474847494750475147524753475447554756475747584759476047614762476347644765476647674768476947704771477247734774477547764777477847794780478147824783478447854786478747884789479047914792479347944795479647974798479948004801480248034804480548064807480848094810481148124813481448154816481748184819482048214822482348244825482648274828482948304831483248334834483548364837483848394840484148424843484448454846484748484849485048514852485348544855485648574858485948604861486248634864486548664867486848694870487148724873487448754876487748784879488048814882488348844885488648874888488948904891489248934894489548964897489848994900490149024903490449054906490749084909491049114912491349144915491649174918491949204921492249234924492549264927492849294930493149324933493449354936493749384939494049414942494349444945494649474948494949504951495249534954495549564957495849594960496149624963496449654966496749684969497049714972497349744975497649774978497949804981498249834984498549864987498849894990499149924993499449954996499749984999500050015002500350045005500650075008500950105011501250135014501550165017501850195020502150225023502450255026502750285029503050315032503350345035503650375038503950405041504250435044504550465047504850495050505150525053505450555056505750585059506050615062506350645065506650675068506950705071507250735074507550765077507850795080508150825083508450855086508750885089509050915092509350945095509650975098509951005101510251035104510551065107510851095110511151125113511451155116511751185119512051215122512351245125512651275128512951305131513251335134513551365137513851395140514151425143514451455146514751485149515051515152515351545155515651575158515951605161516251635164516551665167516851695170517151725173517451755176517751785179518051815182518351845185518651875188518951905191519251935194519551965197519851995200520152025203520452055206520752085209521052115212521352145215521652175218521952205221522252235224522552265227522852295230523152325233523452355236523752385239524052415242524352445245524652475248524952505251525252535254525552565257525852595260526152625263526452655266526752685269527052715272527352745275527652775278527952805281528252835284528552865287528852895290529152925293529452955296529752985299530053015302530353045305530653075308530953105311531253135314531553165317531853195320532153225323532453255326532753285329533053315332533353345335533653375338533953405341534253435344534553465347534853495350535153525353535453555356535753585359536053615362536353645365536653675368536953705371537253735374537553765377537853795380538153825383538453855386538753885389539053915392539353945395539653975398539954005401540254035404540554065407540854095410541154125413541454155416541754185419542054215422542354245425542654275428542954305431543254335434543554365437543854395440544154425443544454455446544754485449545054515452545354545455545654575458545954605461546254635464546554665467546854695470547154725473547454755476547754785479548054815482548354845485548654875488548954905491549254935494549554965497549854995500550155025503550455055506550755085509551055115512551355145515551655175518551955205521552255235524552555265527552855295530553155325533553455355536553755385539554055415542554355445545554655475548554955505551555255535554555555565557555855595560556155625563556455655566556755685569557055715572557355745575557655775578557955805581558255835584558555865587558855895590559155925593559455955596559755985599560056015602560356045605560656075608560956105611561256135614561556165617561856195620562156225623562456255626562756285629563056315632563356345635563656375638563956405641564256435644564556465647564856495650565156525653565456555656565756585659566056615662566356645665566656675668566956705671567256735674567556765677567856795680568156825683568456855686568756885689569056915692569356945695569656975698569957005701570257035704570557065707570857095710571157125713571457155716571757185719572057215722572357245725572657275728572957305731573257335734573557365737573857395740574157425743574457455746574757485749575057515752575357545755575657575758575957605761576257635764576557665767576857695770577157725773577457755776577757785779578057815782578357845785578657875788578957905791579257935794579557965797579857995800580158025803580458055806580758085809581058115812581358145815581658175818581958205821582258235824582558265827582858295830583158325833583458355836583758385839584058415842584358445845584658475848584958505851585258535854585558565857585858595860586158625863586458655866586758685869587058715872587358745875587658775878587958805881588258835884588558865887588858895890589158925893589458955896589758985899590059015902590359045905590659075908590959105911591259135914591559165917591859195920592159225923592459255926592759285929593059315932593359345935593659375938593959405941594259435944594559465947594859495950595159525953595459555956595759585959596059615962596359645965596659675968596959705971597259735974597559765977597859795980598159825983598459855986598759885989599059915992599359945995599659975998599960006001600260036004600560066007600860096010601160126013601460156016601760186019602060216022602360246025602660276028602960306031603260336034603560366037603860396040604160426043604460456046604760486049605060516052605360546055605660576058605960606061606260636064606560666067606860696070607160726073607460756076607760786079608060816082608360846085608660876088608960906091609260936094609560966097609860996100610161026103610461056106610761086109611061116112611361146115611661176118611961206121612261236124612561266127612861296130613161326133613461356136613761386139614061416142614361446145614661476148614961506151615261536154615561566157615861596160616161626163616461656166616761686169617061716172617361746175617661776178617961806181618261836184618561866187618861896190619161926193619461956196619761986199620062016202620362046205620662076208620962106211621262136214621562166217621862196220622162226223622462256226622762286229623062316232623362346235623662376238623962406241624262436244624562466247624862496250625162526253625462556256625762586259626062616262626362646265626662676268626962706271627262736274627562766277627862796280628162826283628462856286628762886289629062916292629362946295629662976298629963006301630263036304630563066307630863096310631163126313631463156316631763186319632063216322632363246325632663276328632963306331633263336334633563366337633863396340634163426343634463456346634763486349635063516352635363546355635663576358635963606361636263636364636563666367636863696370637163726373637463756376637763786379638063816382638363846385638663876388638963906391639263936394639563966397639863996400640164026403640464056406640764086409641064116412641364146415641664176418641964206421642264236424642564266427642864296430643164326433643464356436643764386439644064416442644364446445644664476448644964506451645264536454645564566457645864596460646164626463646464656466646764686469647064716472647364746475647664776478647964806481648264836484648564866487648864896490649164926493649464956496649764986499650065016502650365046505650665076508650965106511651265136514651565166517651865196520652165226523652465256526652765286529653065316532653365346535653665376538653965406541654265436544654565466547654865496550655165526553655465556556655765586559656065616562656365646565656665676568656965706571657265736574657565766577657865796580658165826583658465856586658765886589659065916592659365946595659665976598659966006601660266036604660566066607660866096610661166126613661466156616661766186619662066216622662366246625662666276628662966306631663266336634663566366637663866396640664166426643664466456646664766486649665066516652665366546655665666576658665966606661666266636664666566666667666866696670667166726673667466756676667766786679668066816682668366846685668666876688668966906691669266936694669566966697669866996700670167026703670467056706670767086709671067116712671367146715671667176718671967206721672267236724672567266727672867296730673167326733673467356736673767386739674067416742674367446745674667476748674967506751675267536754675567566757675867596760676167626763676467656766676767686769677067716772677367746775677667776778677967806781678267836784678567866787678867896790679167926793679467956796679767986799680068016802680368046805680668076808680968106811681268136814681568166817681868196820682168226823682468256826682768286829683068316832683368346835683668376838683968406841684268436844684568466847684868496850685168526853685468556856685768586859686068616862686368646865686668676868686968706871687268736874687568766877687868796880688168826883688468856886688768886889689068916892689368946895689668976898689969006901690269036904690569066907690869096910691169126913691469156916691769186919692069216922692369246925692669276928692969306931693269336934693569366937693869396940694169426943694469456946694769486949695069516952695369546955695669576958695969606961696269636964696569666967696869696970697169726973697469756976697769786979698069816982698369846985698669876988698969906991699269936994699569966997699869997000700170027003700470057006700770087009701070117012701370147015701670177018701970207021702270237024702570267027702870297030703170327033703470357036703770387039704070417042704370447045704670477048704970507051705270537054705570567057705870597060706170627063706470657066706770687069707070717072707370747075707670777078707970807081708270837084708570867087708870897090709170927093709470957096709770987099710071017102710371047105710671077108710971107111711271137114711571167117711871197120712171227123712471257126712771287129713071317132713371347135713671377138713971407141714271437144714571467147714871497150715171527153715471557156715771587159716071617162716371647165716671677168716971707171717271737174717571767177717871797180718171827183718471857186718771887189719071917192719371947195719671977198719972007201720272037204720572067207720872097210721172127213721472157216721772187219722072217222722372247225722672277228722972307231723272337234723572367237723872397240724172427243724472457246724772487249725072517252725372547255725672577258725972607261726272637264726572667267726872697270727172727273727472757276727772787279728072817282728372847285728672877288728972907291729272937294729572967297729872997300730173027303730473057306730773087309731073117312731373147315731673177318731973207321732273237324732573267327
  1. h1,
  2. h2,
  3. h3,
  4. h4,
  5. h5,
  6. h6 {
  7. font-weight: 100
  8. }
  9. h1 {
  10. font-size: 30px
  11. }
  12. h2 {
  13. font-size: 24px
  14. }
  15. h3 {
  16. font-size: 16px
  17. }
  18. h4 {
  19. font-size: 14px
  20. }
  21. h5 {
  22. font-size: 12px
  23. }
  24. h6 {
  25. font-size: 10px
  26. }
  27. h3,
  28. h4,
  29. h5 {
  30. margin-top: 5px;
  31. font-weight: 600
  32. }
  33. a:focus {
  34. outline: 0
  35. }
  36. .nav>li>a {
  37. /*color: #f5f5f5;*/
  38. color: #fff;
  39. font-weight: 600;
  40. padding: 14px 20px 14px 25px
  41. }
  42. .nav li>a {
  43. display: block
  44. }
  45. .nav.navbar-right>li>a {
  46. color: #999c9e
  47. }
  48. .nav>li.active>a {
  49. color: #fff
  50. }
  51. .navbar-default .nav>li>a:focus,
  52. .navbar-default .nav>li>a:hover {
  53. /*background-color: #293846;*/
  54. background-color: #265487;
  55. color: #dedede;
  56. }
  57. .nav .open>a,
  58. .nav .open>a:focus,
  59. .nav .open>a:hover {
  60. background: #fff
  61. }
  62. .nav>li>a i {
  63. margin-right: 6px
  64. }
  65. .navbar {
  66. border: 0
  67. }
  68. .navbar-default {
  69. background-color: transparent;
  70. border-color: #2f4050;
  71. position: relative
  72. }
  73. .navbar-top-links li {
  74. display: inline-block
  75. }
  76. .navbar-top-links li:last-child {
  77. margin-right: 30px
  78. }
  79. body.body-small .navbar-top-links li:last-child {
  80. margin-right: 10px
  81. }
  82. .navbar-top-links li a {
  83. padding: 20px 10px;
  84. min-height: 50px
  85. }
  86. .dropdown-menu {
  87. border: medium none;
  88. display: none;
  89. float: left;
  90. font-size: 12px;
  91. left: 0;
  92. list-style: none outside none;
  93. padding: 0;
  94. position: absolute;
  95. text-shadow: none;
  96. top: 100%;
  97. z-index: 1000;
  98. border-radius: 0;
  99. box-shadow: 0 0 3px rgba(86, 96, 117, .3)
  100. }
  101. .dropdown-menu>li>a {
  102. border-radius: 3px;
  103. color: inherit;
  104. line-height: 25px;
  105. margin: 4px;
  106. text-align: left;
  107. font-weight: 400
  108. }
  109. .dropdown-menu>li>a.font-bold {
  110. font-weight: 600
  111. }
  112. .navbar-top-links .dropdown-menu li {
  113. display: block
  114. }
  115. .navbar-top-links .dropdown-menu li:last-child {
  116. margin-right: 0
  117. }
  118. .navbar-top-links .dropdown-menu li a {
  119. padding: 3px 20px;
  120. min-height: 0
  121. }
  122. .navbar-top-links .dropdown-menu li a div {
  123. white-space: normal
  124. }
  125. .navbar-top-links .dropdown-alerts,
  126. .navbar-top-links .dropdown-messages,
  127. .navbar-top-links .dropdown-tasks {
  128. width: 310px;
  129. min-width: 0
  130. }
  131. .navbar-top-links .dropdown-messages {
  132. margin-left: 5px
  133. }
  134. .navbar-top-links .dropdown-tasks {
  135. margin-left: -59px
  136. }
  137. .navbar-top-links .dropdown-alerts {
  138. margin-left: -123px
  139. }
  140. .navbar-top-links .dropdown-user {
  141. right: 0;
  142. left: auto
  143. }
  144. .dropdown-alerts,
  145. .dropdown-messages {
  146. padding: 10px
  147. }
  148. .dropdown-alerts li a,
  149. .dropdown-messages li a {
  150. font-size: 12px
  151. }
  152. .dropdown-alerts li em,
  153. .dropdown-messages li em {
  154. font-size: 10px
  155. }
  156. .nav.navbar-top-links .dropdown-alerts a {
  157. font-size: 12px
  158. }
  159. .nav-header {
  160. padding: 33px 25px;
  161. /*background: url(patterns/header-profile.png) no-repeat*/
  162. background-color: #2E70BA;
  163. }
  164. .nav>li.active {
  165. /*border-left: 4px solid #19aa8d;*/
  166. background: #2E70BA;
  167. }
  168. .nav.nav-second-level>li.active {
  169. border: none
  170. }
  171. .nav.nav-second-level.collapse[style] {
  172. height: auto!important
  173. }
  174. .nav-header a {
  175. color: #DFE4ED
  176. }
  177. .nav-header .text-muted {
  178. color: #8095a8
  179. }
  180. .minimalize-styl-2 {
  181. padding: 4px 12px;
  182. margin: 14px 5px 5px 20px;
  183. font-size: 14px;
  184. float: left
  185. }
  186. .navbar-form-custom {
  187. float: left;
  188. height: 50px;
  189. padding: 0;
  190. width: 200px;
  191. display: inline-table
  192. }
  193. .navbar-form-custom .form-group {
  194. margin-bottom: 0
  195. }
  196. .nav.navbar-top-links a {
  197. font-size: 14px
  198. }
  199. .navbar-form-custom .form-control {
  200. background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  201. border: medium none;
  202. font-size: 14px;
  203. height: 60px;
  204. margin: 0;
  205. z-index: 2000
  206. }
  207. .count-info .label {
  208. line-height: 12px;
  209. padding: 1px 5px;
  210. position: absolute;
  211. right: 6px;
  212. top: 12px
  213. }
  214. .arrow {
  215. float: right;
  216. margin-top: 2px
  217. }
  218. .fa.arrow:before {
  219. content: "\f104"
  220. }
  221. .active>a>.fa.arrow:before {
  222. content: "\f107"
  223. }
  224. .nav-second-level li,
  225. .nav-third-level li {
  226. border-bottom: none!important
  227. }
  228. .nav-second-level li a {
  229. padding: 7px 15px 7px 10px;
  230. padding-left: 52px
  231. }
  232. .nav-third-level li a {
  233. padding-left: 62px
  234. }
  235. .nav-second-level li:last-child {
  236. margin-bottom: 10px
  237. }
  238. .mini-navbar .nav li:focus>.nav-second-level,
  239. body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover>.nav-second-level {
  240. display: block;
  241. border-radius: 0 2px 2px 0;
  242. min-width: 140px;
  243. height: auto
  244. }
  245. body.mini-navbar .navbar-default .nav>li>.nav-second-level li a {
  246. font-size: 12px;
  247. border-radius: 0 2px 2px 0
  248. }
  249. .fixed-nav .slimScrollDiv #side-menu {
  250. padding-bottom: 60px;
  251. position: relative
  252. }
  253. .slimScrollDiv>* {
  254. overflow: hidden
  255. }
  256. .mini-navbar .nav-second-level li a {
  257. padding: 10px 10px 10px 15px
  258. }
  259. .canvas-menu.mini-navbar .nav-second-level {
  260. background: #293846
  261. }
  262. .mini-navbar li.active .nav-second-level {
  263. left: 65px
  264. }
  265. .navbar-default .special_link a {
  266. background: #1ab394;
  267. color: #fff
  268. }
  269. .navbar-default .special_link a:hover {
  270. background: #17987e!important;
  271. color: #fff
  272. }
  273. .navbar-default .special_link a span.label {
  274. background: #fff;
  275. color: #1ab394
  276. }
  277. .navbar-default .landing_link a {
  278. background: #1cc09f;
  279. color: #fff
  280. }
  281. .navbar-default .landing_link a:hover {
  282. background: #1ab394!important;
  283. color: #fff
  284. }
  285. .navbar-default .landing_link a span.label {
  286. background: #fff;
  287. color: #1cc09f
  288. }
  289. .logo-element {
  290. text-align: center;
  291. font-size: 18px;
  292. font-weight: 600;
  293. color: #fff;
  294. display: none;
  295. padding: 18px 0
  296. }
  297. .pace-done #page-wrapper,
  298. .pace-done .footer,
  299. .pace-done .nav-header,
  300. .pace-done .navbar-static-side,
  301. .pace-done li.active {
  302. -webkit-transition: all .5s;
  303. transition: all .5s
  304. }
  305. .navbar-fixed-top {
  306. -webkit-transition-duration: .5s;
  307. transition-duration: .5s;
  308. z-index: 2030
  309. }
  310. .navbar-fixed-top,
  311. .navbar-static-top {
  312. background: #f3f3f4
  313. }
  314. .fixed-nav #wrapper {
  315. padding-top: 60px;
  316. box-sizing: border-box
  317. }
  318. .fixed-nav .minimalize-styl-2 {
  319. margin: 14px 5px 5px 15px
  320. }
  321. .body-small .navbar-fixed-top {
  322. margin-left: 0
  323. }
  324. body.mini-navbar .navbar-static-side {
  325. width: 70px
  326. }
  327. body.mini-navbar .nav-label,
  328. body.mini-navbar .navbar-default .nav li a span,
  329. body.mini-navbar .profile-element {
  330. display: none
  331. }
  332. body.canvas-menu .profile-element {
  333. display: block
  334. }
  335. body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level {
  336. display: none
  337. }
  338. body.mini-navbar .navbar-default .nav>li>a {
  339. font-size: 16px
  340. }
  341. body.mini-navbar .logo-element {
  342. display: block
  343. }
  344. body.canvas-menu .logo-element {
  345. display: none
  346. }
  347. body.mini-navbar .nav-header {
  348. padding: 0;
  349. /*background-color: #1ab394;*/
  350. background-color: #2E70BA;
  351. }
  352. body.canvas-menu .nav-header {
  353. padding: 33px 25px
  354. }
  355. body.mini-navbar #page-wrapper {
  356. margin: 0 0 0 70px
  357. }
  358. body.canvas-menu.mini-navbar #page-wrapper,
  359. body.canvas-menu.mini-navbar .footer {
  360. margin: 0
  361. }
  362. body.canvas-menu .navbar-static-side,
  363. body.fixed-sidebar .navbar-static-side {
  364. position: fixed;
  365. width: 220px;
  366. z-index: 2001;
  367. height: calc(100% - 95px);
  368. }
  369. body.fixed-sidebar.mini-navbar .navbar-static-side {
  370. width: 70px
  371. }
  372. body.body-small.fixed-sidebar.mini-navbar #page-wrapper,
  373. body.fixed-sidebar.mini-navbar #page-wrapper {
  374. margin: 0 0 0 70px
  375. }
  376. body.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
  377. width: 70px
  378. }
  379. .fixed-sidebar.mini-navbar .nav li>.nav-second-level {
  380. display: none
  381. }
  382. .fixed-sidebar.mini-navbar .nav li.active {
  383. border-left-width: 0
  384. }
  385. .canvas-menu.mini-navbar .nav li:hover>.nav-second-level,
  386. .fixed-sidebar.mini-navbar .nav li:hover>.nav-second-level {
  387. position: absolute;
  388. left: 70px;
  389. top: 0;
  390. background-color: #2f4050;
  391. padding: 10px 10px 0;
  392. font-size: 12px;
  393. display: block;
  394. min-width: 140px;
  395. border-radius: 2px
  396. }
  397. body.fixed-sidebar.mini-navbar .navbar-default .nav>li>.nav-second-level li a {
  398. font-size: 12px;
  399. border-radius: 3px
  400. }
  401. body.canvas-menu.mini-navbar .navbar-default .nav>li>.nav-second-level li a {
  402. font-size: 13px;
  403. border-radius: 3px
  404. }
  405. .canvas-menu.mini-navbar .nav-second-level li a,
  406. .fixed-sidebar.mini-navbar .nav-second-level li a {
  407. padding: 10px 10px 10px 15px
  408. }
  409. .canvas-menu.mini-navbar .nav-second-level,
  410. .fixed-sidebar.mini-navbar .nav-second-level {
  411. position: relative;
  412. padding: 0;
  413. font-size: 13px
  414. }
  415. .canvas-menu.mini-navbar li.active .nav-second-level,
  416. .fixed-sidebar.mini-navbar li.active .nav-second-level {
  417. left: 0
  418. }
  419. body.canvas-menu nav.navbar-static-side {
  420. z-index: 2001;
  421. background: #2f4050;
  422. height: 100%;
  423. position: fixed;
  424. display: none
  425. }
  426. body.canvas-menu.mini-navbar nav.navbar-static-side {
  427. display: block;
  428. width: 70px
  429. }
  430. .top-navigation #page-wrapper {
  431. margin-left: 0
  432. }
  433. .top-navigation .navbar-nav .dropdown-menu>.active>a {
  434. background: #fff;
  435. color: #1ab394;
  436. font-weight: 700
  437. }
  438. .white-bg .navbar-fixed-top,
  439. .white-bg .navbar-static-top {
  440. background: #fff
  441. }
  442. .top-navigation .navbar {
  443. margin-bottom: 0
  444. }
  445. .top-navigation .nav>li>a {
  446. padding: 15px 20px;
  447. color: #676a6c
  448. }
  449. .top-navigation .nav>li a:focus,
  450. .top-navigation .nav>li a:hover {
  451. background: #fff;
  452. color: #1ab394
  453. }
  454. .top-navigation .nav>li.active {
  455. background: #fff;
  456. border: none
  457. }
  458. .top-navigation .nav>li.active>a {
  459. color: #1ab394
  460. }
  461. .top-navigation .navbar-right {
  462. padding-right: 10px
  463. }
  464. .top-navigation .navbar-nav .dropdown-menu {
  465. box-shadow: none;
  466. border: 1px solid #e7eaec
  467. }
  468. .top-navigation .dropdown-menu>li>a {
  469. margin: 0;
  470. padding: 7px 20px
  471. }
  472. .navbar .dropdown-menu {
  473. margin-top: 0
  474. }
  475. .top-navigation .navbar-brand {
  476. background: #1ab394;
  477. color: #fff;
  478. padding: 15px 25px
  479. }
  480. .top-navigation .navbar-top-links li:last-child {
  481. margin-right: 0
  482. }
  483. .body-small.fixed-sidebar.mini-navbar .top-navigation #page-wrapper,
  484. .canvas-menu #page-wrapper,
  485. .mini-navbar .top-navigation #page-wrapper,
  486. .top-navigation.body-small.fixed-sidebar.mini-navbar #page-wrapper,
  487. .top-navigation.mini-navbar #page-wrapper {
  488. margin: 0
  489. }
  490. .fixed-nav #wrapper.top-navigation,
  491. .top-navigation.fixed-nav #wrapper {
  492. margin-top: 50px
  493. }
  494. .top-navigation .footer.fixed {
  495. margin-left: 0!important
  496. }
  497. .top-navigation .wrapper.wrapper-content {
  498. padding: 40px
  499. }
  500. .body-small .top-navigation .wrapper.wrapper-content,
  501. .top-navigation.body-small .wrapper.wrapper-content {
  502. padding: 40px 0
  503. }
  504. .navbar-toggle {
  505. color: #fff;
  506. padding: 6px 12px;
  507. font-size: 14px
  508. }
  509. .top-navigation .navbar-nav .open .dropdown-menu .dropdown-header,
  510. .top-navigation .navbar-nav .open .dropdown-menu>li>a {
  511. padding: 10px 15px 10px 20px
  512. }
  513. @media (max-width:768px) {
  514. .top-navigation .navbar-header {
  515. display: block;
  516. float: none
  517. }
  518. }
  519. .menu-visible-lg,
  520. .menu-visible-md {
  521. display: none!important
  522. }
  523. @media (min-width:1200px) {
  524. .menu-visible-lg {
  525. display: block!important
  526. }
  527. }
  528. @media (min-width:992px) {
  529. .menu-visible-md {
  530. display: block!important
  531. }
  532. }
  533. @media (max-width:767px) {
  534. .menu-visible-lg,
  535. .menu-visible-md {
  536. display: block!important
  537. }
  538. }
  539. .btn {
  540. border-radius: 3px
  541. }
  542. .float-e-margins .btn {
  543. margin-bottom: 5px
  544. }
  545. .btn-w-m {
  546. min-width: 120px
  547. }
  548. .btn-primary.btn-outline {
  549. color: #1ab394
  550. }
  551. .btn-success.btn-outline {
  552. color: #1c84c6
  553. }
  554. .btn-info.btn-outline {
  555. color: #23c6c8
  556. }
  557. .btn-warning.btn-outline {
  558. color: #f8ac59
  559. }
  560. .btn-danger.btn-outline {
  561. color: #ed5565
  562. }
  563. .btn-danger.btn-outline:hover,
  564. .btn-info.btn-outline:hover,
  565. .btn-primary.btn-outline:hover,
  566. .btn-success.btn-outline:hover,
  567. .btn-warning.btn-outline:hover {
  568. color: #fff
  569. }
  570. .btn-primary {
  571. /*background-color: #1ab394;
  572. border-color: #1ab394;*/
  573. background-color: #FF9800;
  574. border-color: #FF9800;
  575. color: #FFF
  576. }
  577. .btn-primary.active,
  578. .btn-primary:active,
  579. .btn-primary:focus,
  580. .btn-primary:hover,
  581. .open .dropdown-toggle.btn-primary {
  582. /*background-color: #18a689;
  583. border-color: #18a689;*/
  584. background-color: #ec8e02;
  585. border-color: #ec8e02;
  586. color: #FFF
  587. }
  588. .btn-primary.active,
  589. .btn-primary:active,
  590. .open .dropdown-toggle.btn-primary {
  591. background-image: none
  592. }
  593. .btn-primary.active[disabled],
  594. .btn-primary.disabled,
  595. .btn-primary.disabled.active,
  596. .btn-primary.disabled:active,
  597. .btn-primary.disabled:focus,
  598. .btn-primary.disabled:hover,
  599. .btn-primary[disabled],
  600. .btn-primary[disabled]:active,
  601. .btn-primary[disabled]:focus,
  602. .btn-primary[disabled]:hover,
  603. fieldset[disabled] .btn-primary,
  604. fieldset[disabled] .btn-primary.active,
  605. fieldset[disabled] .btn-primary:active,
  606. fieldset[disabled] .btn-primary:focus,
  607. fieldset[disabled] .btn-primary:hover {
  608. background-color: #1dc5a3;
  609. border-color: #1dc5a3
  610. }
  611. .btn-success {
  612. background-color: #1c84c6;
  613. border-color: #1c84c6;
  614. color: #FFF
  615. }
  616. .btn-success.active,
  617. .btn-success:active,
  618. .btn-success:focus,
  619. .btn-success:hover,
  620. .open .dropdown-toggle.btn-success {
  621. background-color: #1a7bb9;
  622. border-color: #1a7bb9;
  623. color: #FFF
  624. }
  625. .btn-success.active,
  626. .btn-success:active,
  627. .open .dropdown-toggle.btn-success {
  628. background-image: none
  629. }
  630. .btn-success.active[disabled],
  631. .btn-success.disabled,
  632. .btn-success.disabled.active,
  633. .btn-success.disabled:active,
  634. .btn-success.disabled:focus,
  635. .btn-success.disabled:hover,
  636. .btn-success[disabled],
  637. .btn-success[disabled]:active,
  638. .btn-success[disabled]:focus,
  639. .btn-success[disabled]:hover,
  640. fieldset[disabled] .btn-success,
  641. fieldset[disabled] .btn-success.active,
  642. fieldset[disabled] .btn-success:active,
  643. fieldset[disabled] .btn-success:focus,
  644. fieldset[disabled] .btn-success:hover {
  645. background-color: #1f90d8;
  646. border-color: #1f90d8
  647. }
  648. .btn-info {
  649. background-color: #23c6c8;
  650. border-color: #23c6c8;
  651. color: #FFF
  652. }
  653. .btn-info.active,
  654. .btn-info:active,
  655. .btn-info:focus,
  656. .btn-info:hover,
  657. .open .dropdown-toggle.btn-info {
  658. background-color: #21b9bb;
  659. border-color: #21b9bb;
  660. color: #FFF
  661. }
  662. .btn-info.active,
  663. .btn-info:active,
  664. .open .dropdown-toggle.btn-info {
  665. background-image: none
  666. }
  667. .btn-info.active[disabled],
  668. .btn-info.disabled,
  669. .btn-info.disabled.active,
  670. .btn-info.disabled:active,
  671. .btn-info.disabled:focus,
  672. .btn-info.disabled:hover,
  673. .btn-info[disabled],
  674. .btn-info[disabled]:active,
  675. .btn-info[disabled]:focus,
  676. .btn-info[disabled]:hover,
  677. fieldset[disabled] .btn-info,
  678. fieldset[disabled] .btn-info.active,
  679. fieldset[disabled] .btn-info:active,
  680. fieldset[disabled] .btn-info:focus,
  681. fieldset[disabled] .btn-info:hover {
  682. background-color: #26d7d9;
  683. border-color: #26d7d9
  684. }
  685. .btn-default {
  686. background-color: #c2c2c2;
  687. border-color: #c2c2c2;
  688. color: #FFF
  689. }
  690. .btn-default.active,
  691. .btn-default:active,
  692. .btn-default:focus,
  693. .btn-default:hover,
  694. .open .dropdown-toggle.btn-default {
  695. background-color: #bababa;
  696. border-color: #bababa;
  697. color: #FFF
  698. }
  699. .btn-default.active,
  700. .btn-default:active,
  701. .open .dropdown-toggle.btn-default {
  702. background-image: none
  703. }
  704. .btn-default.active[disabled],
  705. .btn-default.disabled,
  706. .btn-default.disabled.active,
  707. .btn-default.disabled:active,
  708. .btn-default.disabled:focus,
  709. .btn-default.disabled:hover,
  710. .btn-default[disabled],
  711. .btn-default[disabled]:active,
  712. .btn-default[disabled]:focus,
  713. .btn-default[disabled]:hover,
  714. fieldset[disabled] .btn-default,
  715. fieldset[disabled] .btn-default.active,
  716. fieldset[disabled] .btn-default:active,
  717. fieldset[disabled] .btn-default:focus,
  718. fieldset[disabled] .btn-default:hover {
  719. background-color: #ccc;
  720. border-color: #ccc
  721. }
  722. .btn-warning {
  723. background-color: #f8ac59;
  724. border-color: #f8ac59;
  725. color: #FFF
  726. }
  727. .btn-warning.active,
  728. .btn-warning:active,
  729. .btn-warning:focus,
  730. .btn-warning:hover,
  731. .open .dropdown-toggle.btn-warning {
  732. background-color: #f7a54a;
  733. border-color: #f7a54a;
  734. color: #FFF
  735. }
  736. .btn-warning.active,
  737. .btn-warning:active,
  738. .open .dropdown-toggle.btn-warning {
  739. background-image: none
  740. }
  741. .btn-warning.active[disabled],
  742. .btn-warning.disabled,
  743. .btn-warning.disabled.active,
  744. .btn-warning.disabled:active,
  745. .btn-warning.disabled:focus,
  746. .btn-warning.disabled:hover,
  747. .btn-warning[disabled],
  748. .btn-warning[disabled]:active,
  749. .btn-warning[disabled]:focus,
  750. .btn-warning[disabled]:hover,
  751. fieldset[disabled] .btn-warning,
  752. fieldset[disabled] .btn-warning.active,
  753. fieldset[disabled] .btn-warning:active,
  754. fieldset[disabled] .btn-warning:focus,
  755. fieldset[disabled] .btn-warning:hover {
  756. background-color: #f9b66d;
  757. border-color: #f9b66d
  758. }
  759. .btn-danger {
  760. background-color: #ed5565;
  761. border-color: #ed5565;
  762. color: #FFF
  763. }
  764. .btn-danger.active,
  765. .btn-danger:active,
  766. .btn-danger:focus,
  767. .btn-danger:hover,
  768. .open .dropdown-toggle.btn-danger {
  769. background-color: #ec4758;
  770. border-color: #ec4758;
  771. color: #FFF
  772. }
  773. .btn-danger.active,
  774. .btn-danger:active,
  775. .open .dropdown-toggle.btn-danger {
  776. background-image: none
  777. }
  778. .btn-danger.active[disabled],
  779. .btn-danger.disabled,
  780. .btn-danger.disabled.active,
  781. .btn-danger.disabled:active,
  782. .btn-danger.disabled:focus,
  783. .btn-danger.disabled:hover,
  784. .btn-danger[disabled],
  785. .btn-danger[disabled]:active,
  786. .btn-danger[disabled]:focus,
  787. .btn-danger[disabled]:hover,
  788. fieldset[disabled] .btn-danger,
  789. fieldset[disabled] .btn-danger.active,
  790. fieldset[disabled] .btn-danger:active,
  791. fieldset[disabled] .btn-danger:focus,
  792. fieldset[disabled] .btn-danger:hover {
  793. background-color: #ef6776;
  794. border-color: #ef6776
  795. }
  796. .btn-link {
  797. color: inherit
  798. }
  799. .btn-link.active,
  800. .btn-link:active,
  801. .btn-link:focus,
  802. .btn-link:hover,
  803. .open .dropdown-toggle.btn-link {
  804. color: #1ab394;
  805. text-decoration: none
  806. }
  807. .btn-link.active,
  808. .btn-link:active,
  809. .open .dropdown-toggle.btn-link {
  810. background-image: none
  811. }
  812. .btn-link.active[disabled],
  813. .btn-link.disabled,
  814. .btn-link.disabled.active,
  815. .btn-link.disabled:active,
  816. .btn-link.disabled:focus,
  817. .btn-link.disabled:hover,
  818. .btn-link[disabled],
  819. .btn-link[disabled]:active,
  820. .btn-link[disabled]:focus,
  821. .btn-link[disabled]:hover,
  822. fieldset[disabled] .btn-link,
  823. fieldset[disabled] .btn-link.active,
  824. fieldset[disabled] .btn-link:active,
  825. fieldset[disabled] .btn-link:focus,
  826. fieldset[disabled] .btn-link:hover {
  827. color: #cacaca
  828. }
  829. .btn-white {
  830. color: inherit;
  831. background: #fff;
  832. border: 1px solid #e7eaec
  833. }
  834. .btn-white.active,
  835. .btn-white:active,
  836. .btn-white:focus,
  837. .btn-white:hover,
  838. .open .dropdown-toggle.btn-white {
  839. color: inherit;
  840. border: 1px solid #d2d2d2
  841. }
  842. .btn-white.active,
  843. .btn-white:active {
  844. box-shadow: 0 2px 5px rgba(0, 0, 0, .15)inset
  845. }
  846. .btn-white.active,
  847. .btn-white:active,
  848. .open .dropdown-toggle.btn-white {
  849. background-image: none
  850. }
  851. .btn-white.active[disabled],
  852. .btn-white.disabled,
  853. .btn-white.disabled.active,
  854. .btn-white.disabled:active,
  855. .btn-white.disabled:focus,
  856. .btn-white.disabled:hover,
  857. .btn-white[disabled],
  858. .btn-white[disabled]:active,
  859. .btn-white[disabled]:focus,
  860. .btn-white[disabled]:hover,
  861. fieldset[disabled] .btn-white,
  862. fieldset[disabled] .btn-white.active,
  863. fieldset[disabled] .btn-white:active,
  864. fieldset[disabled] .btn-white:focus,
  865. fieldset[disabled] .btn-white:hover {
  866. color: #cacaca
  867. }
  868. .form-control,
  869. .form-control:focus,
  870. .has-error .form-control:focus,
  871. .has-success .form-control:focus,
  872. .has-warning .form-control:focus,
  873. .navbar-collapse,
  874. .navbar-form,
  875. .navbar-form-custom .form-control:focus,
  876. .navbar-form-custom .form-control:hover,
  877. .open .btn.dropdown-toggle,
  878. .panel,
  879. .popover,
  880. .progress,
  881. .progress-bar {
  882. box-shadow: none
  883. }
  884. .btn-outline {
  885. color: inherit;
  886. background-color: transparent;
  887. -webkit-transition: all .5s;
  888. transition: all .5s
  889. }
  890. .btn-rounded {
  891. border-radius: 50px
  892. }
  893. .btn-large-dim {
  894. width: 90px;
  895. height: 90px;
  896. font-size: 42px
  897. }
  898. button.dim {
  899. display: inline-block;
  900. color: #fff;
  901. text-decoration: none;
  902. text-transform: uppercase;
  903. text-align: center;
  904. padding-top: 6px;
  905. margin-right: 10px;
  906. position: relative;
  907. cursor: pointer;
  908. border-radius: 5px;
  909. font-weight: 600;
  910. margin-bottom: 20px!important
  911. }
  912. button.dim:active {
  913. top: 3px
  914. }
  915. button.btn-primary.dim {
  916. box-shadow: inset 0 0 0 #16987e, 0 5px 0 0 #16987e, 0 10px 5px #999
  917. }
  918. button.btn-primary.dim:active {
  919. box-shadow: inset 0 0 0 #16987e, 0 2px 0 0 #16987e, 0 5px 3px #999
  920. }
  921. button.btn-default.dim {
  922. box-shadow: inset 0 0 0 #b3b3b3, 0 5px 0 0 #b3b3b3, 0 10px 5px #999
  923. }
  924. button.btn-default.dim:active {
  925. box-shadow: inset 0 0 0 #b3b3b3, 0 2px 0 0 #b3b3b3, 0 5px 3px #999
  926. }
  927. button.btn-warning.dim {
  928. box-shadow: inset 0 0 0 #f79d3c, 0 5px 0 0 #f79d3c, 0 10px 5px #999
  929. }
  930. button.btn-warning.dim:active {
  931. box-shadow: inset 0 0 0 #f79d3c, 0 2px 0 0 #f79d3c, 0 5px 3px #999
  932. }
  933. button.btn-info.dim {
  934. box-shadow: inset 0 0 0 #1eacae, 0 5px 0 0 #1eacae, 0 10px 5px #999
  935. }
  936. button.btn-info.dim:active {
  937. box-shadow: inset 0 0 0 #1eacae, 0 2px 0 0 #1eacae, 0 5px 3px #999
  938. }
  939. button.btn-success.dim {
  940. box-shadow: inset 0 0 0 #1872ab, 0 5px 0 0 #1872ab, 0 10px 5px #999
  941. }
  942. button.btn-success.dim:active {
  943. box-shadow: inset 0 0 0 #1872ab, 0 2px 0 0 #1872ab, 0 5px 3px #999
  944. }
  945. button.btn-danger.dim {
  946. box-shadow: inset 0 0 0 #ea394c, 0 5px 0 0 #ea394c, 0 10px 5px #999
  947. }
  948. button.btn-danger.dim:active {
  949. box-shadow: inset 0 0 0 #ea394c, 0 2px 0 0 #ea394c, 0 5px 3px #999
  950. }
  951. button.dim:before {
  952. font-size: 50px;
  953. line-height: 1em;
  954. font-weight: 400;
  955. color: #fff;
  956. display: block;
  957. padding-top: 10px
  958. }
  959. button.dim:active:before {
  960. top: 7px;
  961. font-size: 50px
  962. }
  963. .label {
  964. background-color: #d1dade;
  965. color: #5e5e5e;
  966. font-size: 10px;
  967. font-weight: 600;
  968. padding: 3px 8px;
  969. text-shadow: none
  970. }
  971. .badge {
  972. background-color: #d1dade;
  973. color: #5e5e5e;
  974. font-size: 11px;
  975. font-weight: 600;
  976. padding-bottom: 4px;
  977. padding-left: 6px;
  978. padding-right: 6px;
  979. text-shadow: none
  980. }
  981. .badge-primary,
  982. .label-primary {
  983. background-color: #1ab394;
  984. color: #FFF
  985. }
  986. .badge-success,
  987. .label-success {
  988. background-color: #1c84c6;
  989. color: #FFF
  990. }
  991. .badge-warning,
  992. .label-warning {
  993. background-color: #f8ac59;
  994. color: #FFF
  995. }
  996. .badge-warning-light,
  997. .label-warning-light {
  998. background-color: #f8ac59;
  999. color: #fff
  1000. }
  1001. .badge-danger,
  1002. .label-danger {
  1003. background-color: #ed5565;
  1004. color: #FFF
  1005. }
  1006. .badge-info,
  1007. .label-info {
  1008. background-color: #23c6c8;
  1009. color: #FFF
  1010. }
  1011. .badge-inverse,
  1012. .label-inverse {
  1013. background-color: #262626;
  1014. color: #FFF
  1015. }
  1016. .badge-white,
  1017. .label-white {
  1018. background-color: #FFF;
  1019. color: #5E5E5E
  1020. }
  1021. .badge-disable,
  1022. .label-white {
  1023. background-color: #2A2E36;
  1024. color: #8B91A0
  1025. }
  1026. .chosen-container-single .chosen-single {
  1027. background: #fff;
  1028. box-shadow: none;
  1029. -moz-box-sizing: border-box;
  1030. background-color: #FFF;
  1031. border: 1px solid #CBD5DD;
  1032. border-radius: 2px;
  1033. cursor: text;
  1034. height: auto!important;
  1035. margin: 0;
  1036. min-height: 30px;
  1037. overflow: hidden;
  1038. padding: 4px 12px;
  1039. position: relative;
  1040. width: 100%
  1041. }
  1042. .chosen-container-multi .chosen-choices li.search-choice {
  1043. background: #f1f1f1;
  1044. border: 1px solid #ededed;
  1045. border-radius: 2px;
  1046. box-shadow: none;
  1047. color: #333;
  1048. cursor: default;
  1049. line-height: 13px;
  1050. margin: 3px 0 3px 5px;
  1051. padding: 3px 20px 3px 5px;
  1052. position: relative
  1053. }
  1054. .pagination>.active>a,
  1055. .pagination>.active>a:focus,
  1056. .pagination>.active>a:hover,
  1057. .pagination>.active>span,
  1058. .pagination>.active>span:focus,
  1059. .pagination>.active>span:hover {
  1060. background-color: #f4f4f4;
  1061. border-color: #DDD;
  1062. color: inherit;
  1063. cursor: default;
  1064. z-index: 2
  1065. }
  1066. ////
  1067. .pagination>.active>a,
  1068. .pagination>.active>a:hover {
  1069. color: #fff!important;
  1070. background: #1ab394!important;
  1071. }
  1072. .pagination>li>a,
  1073. .pagination>li>span {
  1074. background-color: #FFF;
  1075. border: 1px solid #DDD;
  1076. color: inherit;
  1077. float: left;
  1078. line-height: 1.42857;
  1079. margin-left: -1px;
  1080. padding: 4px 10px;
  1081. position: relative;
  1082. text-decoration: none
  1083. }
  1084. .tooltip-inner {
  1085. background-color: #2F4050
  1086. }
  1087. .tooltip.top .tooltip-arrow {
  1088. border-top-color: #2F4050
  1089. }
  1090. .tooltip.right .tooltip-arrow {
  1091. border-right-color: #2F4050
  1092. }
  1093. .tooltip.bottom .tooltip-arrow {
  1094. border-bottom-color: #2F4050
  1095. }
  1096. .tooltip.left .tooltip-arrow {
  1097. border-left-color: #2F4050
  1098. }
  1099. .easypiechart {
  1100. position: relative;
  1101. text-align: center
  1102. }
  1103. .easypiechart .h2 {
  1104. margin-left: 10px;
  1105. margin-top: 10px;
  1106. display: inline-block
  1107. }
  1108. .easypiechart canvas {
  1109. top: 0;
  1110. left: 0
  1111. }
  1112. .easypiechart .easypie-text {
  1113. line-height: 1;
  1114. position: absolute;
  1115. top: 33px;
  1116. width: 100%;
  1117. z-index: 1
  1118. }
  1119. .easypiechart img {
  1120. margin-top: -4px
  1121. }
  1122. .jqstooltip {
  1123. box-sizing: content-box
  1124. }
  1125. .fc-state-default {
  1126. background-color: #fff;
  1127. background-image: none;
  1128. background-repeat: repeat-x;
  1129. box-shadow: none;
  1130. color: #333;
  1131. text-shadow: none;
  1132. border: 1px solid
  1133. }
  1134. .fc-button {
  1135. color: inherit;
  1136. border: 1px solid #e7eaec;
  1137. cursor: pointer;
  1138. display: inline-block;
  1139. height: 1.9em;
  1140. line-height: 1.9em;
  1141. overflow: hidden;
  1142. padding: 0 .6em;
  1143. position: relative;
  1144. white-space: nowrap
  1145. }
  1146. .fc-state-active {
  1147. background-color: #1ab394;
  1148. border-color: #1ab394;
  1149. color: #fff
  1150. }
  1151. .fc-header-title h2 {
  1152. font-size: 16px;
  1153. font-weight: 600;
  1154. color: inherit
  1155. }
  1156. .fc-content .fc-widget-content,
  1157. .fc-content .fc-widget-header {
  1158. border-color: #e7eaec;
  1159. font-weight: 400
  1160. }
  1161. .fc-border-separate tbody {
  1162. background-color: #F8F8F8
  1163. }
  1164. .fc-state-highlight {
  1165. background: none repeat scroll 0 0 #FCF8E3
  1166. }
  1167. .external-event {
  1168. padding: 5px 10px;
  1169. border-radius: 2px;
  1170. cursor: pointer;
  1171. margin-bottom: 5px
  1172. }
  1173. .fc-ltr .fc-event-hori.fc-event-end,
  1174. .fc-rtl .fc-event-hori.fc-event-start {
  1175. border-radius: 2px
  1176. }
  1177. .fc-agenda .fc-event-time,
  1178. .fc-event,
  1179. .fc-event a {
  1180. padding: 4px 6px;
  1181. background-color: #1ab394;
  1182. border-color: #1ab394
  1183. }
  1184. .fc-event-time,
  1185. .fc-event-title {
  1186. color: #717171;
  1187. padding: 0 1px
  1188. }
  1189. .ui-calendar .fc-event-time,
  1190. .ui-calendar .fc-event-title {
  1191. color: #fff
  1192. }
  1193. .chat-activity-list .chat-element {
  1194. border-bottom: 1px solid #e7eaec
  1195. }
  1196. .chat-element:first-child {
  1197. margin-top: 0
  1198. }
  1199. .chat-element {
  1200. padding-bottom: 15px
  1201. }
  1202. .chat-element,
  1203. .chat-element .media {
  1204. margin-top: 15px
  1205. }
  1206. .chat-element,
  1207. .media-body {
  1208. overflow: hidden
  1209. }
  1210. .media-body {
  1211. display: block;
  1212. width: auto
  1213. }
  1214. .chat-element>.pull-left {
  1215. margin-right: 10px
  1216. }
  1217. .chat-element img.img-circle,
  1218. .dropdown-messages-box img.img-circle {
  1219. width: 38px;
  1220. height: 38px
  1221. }
  1222. .chat-element .well {
  1223. border: 1px solid #e7eaec;
  1224. box-shadow: none;
  1225. margin-top: 10px;
  1226. margin-bottom: 5px;
  1227. padding: 10px 20px;
  1228. font-size: 11px;
  1229. line-height: 16px
  1230. }
  1231. .chat-element .actions {
  1232. margin-top: 10px
  1233. }
  1234. .chat-element .photos {
  1235. margin: 10px 0
  1236. }
  1237. .right.chat-element>.pull-right {
  1238. margin-left: 10px
  1239. }
  1240. .chat-photo {
  1241. max-height: 180px;
  1242. border-radius: 4px;
  1243. overflow: hidden;
  1244. margin-right: 10px;
  1245. margin-bottom: 10px
  1246. }
  1247. .chat {
  1248. margin: 0;
  1249. padding: 0;
  1250. list-style: none
  1251. }
  1252. .chat li {
  1253. margin-bottom: 10px;
  1254. padding-bottom: 5px;
  1255. border-bottom: 1px dotted #B3A9A9
  1256. }
  1257. .chat li.left .chat-body {
  1258. margin-left: 60px
  1259. }
  1260. .chat li.right .chat-body {
  1261. margin-right: 60px
  1262. }
  1263. .chat li .chat-body p {
  1264. margin: 0;
  1265. color: #777
  1266. }
  1267. .chat .glyphicon,
  1268. .panel .slidedown .glyphicon {
  1269. margin-right: 5px
  1270. }
  1271. .chat-panel .panel-body {
  1272. height: 350px;
  1273. overflow-y: scroll
  1274. }
  1275. a.list-group-item.active,
  1276. a.list-group-item.active:focus,
  1277. a.list-group-item.active:hover {
  1278. background-color: #1ab394;
  1279. border-color: #1ab394;
  1280. color: #FFF;
  1281. z-index: 2
  1282. }
  1283. .list-group-item-heading {
  1284. margin-top: 10px
  1285. }
  1286. .list-group-item-text {
  1287. margin: 0 0 10px;
  1288. color: inherit;
  1289. font-size: 12px;
  1290. line-height: inherit
  1291. }
  1292. .no-padding .list-group-item {
  1293. border-left: none;
  1294. border-right: none;
  1295. border-bottom: none
  1296. }
  1297. .no-padding .list-group-item:first-child {
  1298. border-left: none;
  1299. border-right: none;
  1300. border-bottom: none;
  1301. border-top: none
  1302. }
  1303. .no-padding .list-group {
  1304. margin-bottom: 0
  1305. }
  1306. .list-group-item {
  1307. background-color: inherit;
  1308. border: 1px solid #e7eaec;
  1309. display: block;
  1310. margin-bottom: -1px;
  1311. padding: 10px 15px;
  1312. position: relative
  1313. }
  1314. .elements-list .list-group-item {
  1315. border-left: none;
  1316. border-right: none;
  1317. padding: 15px 25px
  1318. }
  1319. .elements-list .list-group-item:first-child {
  1320. border-left: none;
  1321. border-right: none;
  1322. border-top: none!important
  1323. }
  1324. .elements-list .list-group {
  1325. margin-bottom: 0
  1326. }
  1327. .elements-list a {
  1328. color: inherit
  1329. }
  1330. .elements-list .list-group-item.active,
  1331. .elements-list .list-group-item:hover {
  1332. background: #f3f3f4;
  1333. color: inherit;
  1334. border-color: #e7eaec;
  1335. border-radius: 0
  1336. }
  1337. .elements-list li.active {
  1338. -webkit-transition: none;
  1339. transition: none
  1340. }
  1341. .element-detail-box {
  1342. padding: 25px
  1343. }
  1344. .flot-chart {
  1345. display: block;
  1346. height: 200px
  1347. }
  1348. .widget .flot-chart.dashboard-chart {
  1349. display: block;
  1350. height: 120px;
  1351. margin-top: 40px
  1352. }
  1353. .flot-chart.dashboard-chart {
  1354. display: block;
  1355. height: 180px;
  1356. margin-top: 40px
  1357. }
  1358. .flot-chart-content {
  1359. width: 100%;
  1360. height: 100%
  1361. }
  1362. .flot-chart-pie-content {
  1363. width: 200px;
  1364. height: 200px;
  1365. margin: auto
  1366. }
  1367. .jqstooltip {
  1368. position: absolute;
  1369. display: block;
  1370. left: 0;
  1371. top: 0;
  1372. visibility: hidden;
  1373. background: #2b303a;
  1374. background-color: rgba(43, 48, 58, .8);
  1375. color: #fff;
  1376. text-align: left;
  1377. white-space: nowrap;
  1378. z-index: 10000;
  1379. padding: 5px;
  1380. min-height: 22px;
  1381. border-radius: 3px
  1382. }
  1383. .jqsfield {
  1384. color: #fff;
  1385. text-align: left
  1386. }
  1387. .h-200 {
  1388. min-height: 200px
  1389. }
  1390. .legendLabel {
  1391. padding-left: 5px
  1392. }
  1393. .stat-list li:first-child {
  1394. margin-top: 0
  1395. }
  1396. .stat-list {
  1397. list-style: none;
  1398. padding: 0;
  1399. margin: 0
  1400. }
  1401. .stat-percent {
  1402. float: right
  1403. }
  1404. .stat-list li {
  1405. margin-top: 15px;
  1406. position: relative
  1407. }
  1408. table.dataTable thead .sorting,
  1409. table.dataTable thead .sorting_asc:after,
  1410. table.dataTable thead .sorting_asc_disabled,
  1411. table.dataTable thead .sorting_desc,
  1412. table.dataTable thead .sorting_desc_disabled {
  1413. background: 0 0
  1414. }
  1415. table.dataTable thead .sorting_asc:after {
  1416. float: right;
  1417. font-family: fontawesome
  1418. }
  1419. table.dataTable thead .sorting_desc:after {
  1420. content: "\f0dd";
  1421. float: right;
  1422. font-family: fontawesome
  1423. }
  1424. table.dataTable thead .sorting:after {
  1425. content: "\f0dc";
  1426. float: right;
  1427. font-family: fontawesome;
  1428. color: rgba(50, 50, 50, .5)
  1429. }
  1430. .dataTables_wrapper {
  1431. padding-bottom: 30px
  1432. }
  1433. .img-circle {
  1434. border-radius: 50%
  1435. }
  1436. .btn-circle {
  1437. width: 30px;
  1438. height: 30px;
  1439. padding: 6px 0;
  1440. border-radius: 15px;
  1441. text-align: center;
  1442. font-size: 12px;
  1443. line-height: 1.428571429
  1444. }
  1445. .btn-circle.btn-lg {
  1446. width: 50px;
  1447. height: 50px;
  1448. padding: 10px 16px;
  1449. border-radius: 25px;
  1450. font-size: 18px;
  1451. line-height: 1.33
  1452. }
  1453. .btn-circle.btn-xl {
  1454. width: 70px;
  1455. height: 70px;
  1456. padding: 10px 16px;
  1457. border-radius: 35px;
  1458. font-size: 24px;
  1459. line-height: 1.33
  1460. }
  1461. .show-grid [class^=col-] {
  1462. padding-top: 10px;
  1463. padding-bottom: 10px;
  1464. border: 1px solid #ddd;
  1465. background-color: #eee!important
  1466. }
  1467. .show-grid {
  1468. margin: 15px 0
  1469. }
  1470. .css-animation-box h1 {
  1471. font-size: 44px
  1472. }
  1473. .animation-efect-links a {
  1474. padding: 4px 6px;
  1475. font-size: 12px
  1476. }
  1477. #animation_box {
  1478. background-color: #f9f8f8;
  1479. border-radius: 16px;
  1480. width: 80%;
  1481. margin: 0 auto;
  1482. padding-top: 80px
  1483. }
  1484. .animation-text-box {
  1485. position: absolute;
  1486. margin-top: 40px;
  1487. left: 50%;
  1488. margin-left: -100px;
  1489. width: 200px
  1490. }
  1491. .animation-text-info {
  1492. position: absolute;
  1493. margin-top: -60px;
  1494. left: 50%;
  1495. margin-left: -100px;
  1496. width: 200px;
  1497. font-size: 10px
  1498. }
  1499. .animation-text-box h2 {
  1500. font-size: 54px;
  1501. font-weight: 600;
  1502. margin-bottom: 5px
  1503. }
  1504. .animation-text-box p {
  1505. font-size: 12px;
  1506. text-transform: uppercase
  1507. }
  1508. .pace {
  1509. -webkit-pointer-events: none;
  1510. pointer-events: none;
  1511. -webkit-user-select: none;
  1512. -moz-user-select: none;
  1513. -ms-user-select: none;
  1514. user-select: none
  1515. }
  1516. .pace .pace-progress {
  1517. background: #1ab394;
  1518. position: fixed;
  1519. z-index: 2000;
  1520. top: 0;
  1521. width: 100%;
  1522. height: 2px
  1523. }
  1524. .pace-inactive {
  1525. display: none
  1526. }
  1527. .widget {
  1528. border-radius: 5px;
  1529. padding: 15px 20px;
  1530. margin-bottom: 10px;
  1531. margin-top: 10px
  1532. }
  1533. .widget.style1 h2 {
  1534. font-size: 30px
  1535. }
  1536. .widget h2,
  1537. .widget h3 {
  1538. margin-top: 5px;
  1539. margin-bottom: 0
  1540. }
  1541. .widget-text-box {
  1542. padding: 20px;
  1543. border: 1px solid #e7eaec;
  1544. background: #fff
  1545. }
  1546. .widget-head-color-box {
  1547. border-radius: 5px 5px 0 0;
  1548. margin-top: 10px
  1549. }
  1550. .widget .flot-chart {
  1551. height: 100px
  1552. }
  1553. .vertical-align div {
  1554. display: inline-block;
  1555. vertical-align: middle
  1556. }
  1557. .vertical-align h2,
  1558. .vertical-align h3 {
  1559. margin: 0
  1560. }
  1561. .todo-list {
  1562. list-style: none outside none;
  1563. margin: 0;
  1564. padding: 0;
  1565. font-size: 14px
  1566. }
  1567. .todo-list.small-list {
  1568. font-size: 12px
  1569. }
  1570. .todo-list.small-list>li {
  1571. background: #f3f3f4;
  1572. border-left: none;
  1573. border-right: none;
  1574. border-radius: 4px;
  1575. color: inherit;
  1576. margin-bottom: 2px;
  1577. padding: 6px 6px 6px 12px
  1578. }
  1579. .todo-list.small-list .btn-group-xs>.btn,
  1580. .todo-list.small-list .btn-xs {
  1581. border-radius: 5px;
  1582. font-size: 10px;
  1583. line-height: 1.5;
  1584. padding: 1px 2px 1px 5px
  1585. }
  1586. .todo-list>li {
  1587. background: #f3f3f4;
  1588. border-left: 6px solid #e7eaec;
  1589. border-right: 6px solid #e7eaec;
  1590. border-radius: 4px;
  1591. color: inherit;
  1592. margin-bottom: 2px;
  1593. padding: 10px
  1594. }
  1595. .todo-list .handle {
  1596. cursor: move;
  1597. display: inline-block;
  1598. font-size: 16px;
  1599. margin: 0 5px
  1600. }
  1601. .todo-list>li .label {
  1602. font-size: 9px;
  1603. margin-left: 10px
  1604. }
  1605. .check-link {
  1606. font-size: 16px
  1607. }
  1608. .todo-completed {
  1609. text-decoration: line-through
  1610. }
  1611. .geo-statistic h1 {
  1612. font-size: 36px;
  1613. margin-bottom: 0
  1614. }
  1615. .glyphicon.fa {
  1616. font-family: FontAwesome
  1617. }
  1618. .inline {
  1619. display: inline-block!important
  1620. }
  1621. .input-s-sm {
  1622. width: 120px
  1623. }
  1624. .input-s {
  1625. width: 200px
  1626. }
  1627. .input-s-lg {
  1628. width: 250px
  1629. }
  1630. .i-checks {
  1631. padding-left: 0
  1632. }
  1633. .form-control,
  1634. .single-line {
  1635. background-color: #FFF;
  1636. background-image: none;
  1637. border: 1px solid #e5e6e7;
  1638. border-radius: 1px;
  1639. color: inherit;
  1640. display: block;
  1641. padding: 6px 12px;
  1642. -webkit-transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
  1643. transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
  1644. width: 100%;
  1645. font-size: 14px
  1646. }
  1647. .form-control:focus,
  1648. .single-line:focus {
  1649. border-color: #1ab394!important
  1650. }
  1651. .has-success .form-control {
  1652. border-color: #1ab394
  1653. }
  1654. .has-warning .form-control {
  1655. border-color: #f8ac59
  1656. }
  1657. .has-error .form-control {
  1658. border-color: #ed5565
  1659. }
  1660. .has-success .control-label {
  1661. color: #1ab394
  1662. }
  1663. .has-warning .control-label {
  1664. color: #f8ac59
  1665. }
  1666. .has-error .control-label {
  1667. color: #ed5565
  1668. }
  1669. .input-group-addon {
  1670. background-color: #fff;
  1671. border: 1px solid #E5E6E7;
  1672. border-radius: 1px;
  1673. color: inherit;
  1674. font-size: 14px;
  1675. font-weight: 400;
  1676. line-height: 1;
  1677. padding: 6px 12px;
  1678. text-align: center
  1679. }
  1680. .spinner-buttons.input-group-btn .btn-xs {
  1681. line-height: 1.13
  1682. }
  1683. .spinner-buttons.input-group-btn {
  1684. width: 20%
  1685. }
  1686. .noUi-connect {
  1687. background: none repeat scroll 0 0 #1ab394;
  1688. box-shadow: none
  1689. }
  1690. .slider_red .noUi-connect {
  1691. background: none repeat scroll 0 0 #ed5565;
  1692. box-shadow: none
  1693. }
  1694. .ui-sortable .ibox-title {
  1695. cursor: move
  1696. }
  1697. .ui-sortable-placeholder {
  1698. border: 1px dashed #cecece!important;
  1699. visibility: visible!important;
  1700. background: #e7eaec
  1701. }
  1702. .ibox.ui-sortable-placeholder {
  1703. margin: 0 0 23px!important
  1704. }
  1705. .tabs-container .panel-body {
  1706. background: #fff;
  1707. border: 1px solid #e7eaec;
  1708. border-radius: 2px;
  1709. padding: 20px;
  1710. position: relative
  1711. }
  1712. .tabs-container .nav-tabs>li.active>a,
  1713. .tabs-container .nav-tabs>li.active>a:focus,
  1714. .tabs-container .nav-tabs>li.active>a:hover {
  1715. background-color: #fff
  1716. }
  1717. .tabs-container .nav-tabs>li {
  1718. float: left;
  1719. margin-bottom: -1px
  1720. }
  1721. .tabs-container .nav-tabs>li.active>a,
  1722. .tabs-container .nav-tabs>li.active>a:focus,
  1723. .tabs-container .nav-tabs>li.active>a:hover {
  1724. border: 1px solid #e7eaec;
  1725. border-bottom-color: transparent
  1726. }
  1727. .tabs-container .nav-tabs {
  1728. border-bottom: 1px solid #e7eaec
  1729. }
  1730. .tabs-container .tab-pane .panel-body {
  1731. border-top: none
  1732. }
  1733. .tabs-container .tabs-left .tab-pane .panel-body,
  1734. .tabs-container .tabs-right .tab-pane .panel-body {
  1735. border-top: 1px solid #e7eaec
  1736. }
  1737. .tabs-container .nav-tabs>li a:hover {
  1738. background: 0 0;
  1739. border-color: transparent
  1740. }
  1741. .tabs-container .tabs-below>.nav-tabs,
  1742. .tabs-container .tabs-left>.nav-tabs,
  1743. .tabs-container .tabs-right>.nav-tabs {
  1744. border-bottom: 0
  1745. }
  1746. .tabs-container .tabs-left .panel-body {
  1747. position: static
  1748. }
  1749. .tabs-container .tabs-left>.nav-tabs,
  1750. .tabs-container .tabs-right>.nav-tabs {
  1751. width: 20%
  1752. }
  1753. .tabs-container .tabs-left .panel-body {
  1754. width: 80%;
  1755. margin-left: 20%
  1756. }
  1757. .tabs-container .tabs-right .panel-body {
  1758. width: 80%;
  1759. margin-right: 20%
  1760. }
  1761. .tabs-container .pill-content>.pill-pane,
  1762. .tabs-container .tab-content>.tab-pane {
  1763. display: none
  1764. }
  1765. .tabs-container .pill-content>.active,
  1766. .tabs-container .tab-content>.active {
  1767. display: block
  1768. }
  1769. .tabs-container .tabs-below>.nav-tabs {
  1770. border-top: 1px solid #e7eaec
  1771. }
  1772. .tabs-container .tabs-below>.nav-tabs>li {
  1773. margin-top: -1px;
  1774. margin-bottom: 0
  1775. }
  1776. .tabs-container .tabs-below>.nav-tabs>li>a {
  1777. border-radius: 0 0 4px 4px
  1778. }
  1779. .tabs-container .tabs-below>.nav-tabs>li>a:focus,
  1780. .tabs-container .tabs-below>.nav-tabs>li>a:hover {
  1781. border-top-color: #e7eaec;
  1782. border-bottom-color: transparent
  1783. }
  1784. .tabs-container .tabs-left>.nav-tabs>li,
  1785. .tabs-container .tabs-right>.nav-tabs>li {
  1786. float: none
  1787. }
  1788. .tabs-container .tabs-left>.nav-tabs>li>a,
  1789. .tabs-container .tabs-right>.nav-tabs>li>a {
  1790. min-width: 74px;
  1791. margin-right: 0;
  1792. margin-bottom: 3px
  1793. }
  1794. .tabs-container .tabs-left>.nav-tabs {
  1795. float: left;
  1796. margin-right: 19px
  1797. }
  1798. .tabs-container .tabs-left>.nav-tabs>li>a {
  1799. margin-right: -1px;
  1800. border-radius: 4px 0 0 4px
  1801. }
  1802. .tabs-container .tabs-left>.nav-tabs .active>a,
  1803. .tabs-container .tabs-left>.nav-tabs .active>a:focus,
  1804. .tabs-container .tabs-left>.nav-tabs .active>a:hover {
  1805. border-color: #e7eaec transparent #e7eaec #e7eaec;
  1806. *border-right-color: #fff
  1807. }
  1808. .tabs-container .tabs-right>.nav-tabs {
  1809. float: right;
  1810. margin-left: 19px
  1811. }
  1812. .tabs-container .tabs-right>.nav-tabs>li>a {
  1813. margin-left: -1px;
  1814. border-radius: 0 4px 4px 0
  1815. }
  1816. .tabs-container .tabs-right>.nav-tabs .active>a,
  1817. .tabs-container .tabs-right>.nav-tabs .active>a:focus,
  1818. .tabs-container .tabs-right>.nav-tabs .active>a:hover {
  1819. border-color: #e7eaec #e7eaec #e7eaec transparent;
  1820. *border-left-color: #fff;
  1821. z-index: 1
  1822. }
  1823. .onoffswitch {
  1824. position: relative;
  1825. width: 54px;
  1826. -webkit-user-select: none;
  1827. -moz-user-select: none;
  1828. -ms-user-select: none
  1829. }
  1830. .onoffswitch-checkbox {
  1831. display: none
  1832. }
  1833. .onoffswitch-label {
  1834. display: block;
  1835. overflow: hidden;
  1836. cursor: pointer;
  1837. border: 2px solid #1AB394;
  1838. border-radius: 3px
  1839. }
  1840. .onoffswitch-inner {
  1841. display: block;
  1842. width: 200%;
  1843. margin-left: -100%;
  1844. -webkit-transition: margin .3s ease-in 0s;
  1845. transition: margin .3s ease-in 0s
  1846. }
  1847. .onoffswitch-inner:after,
  1848. .onoffswitch-inner:before {
  1849. display: block;
  1850. float: left;
  1851. width: 50%;
  1852. height: 16px;
  1853. padding: 0;
  1854. line-height: 16px;
  1855. font-size: 10px;
  1856. font-family: Trebuchet, Arial, sans-serif;
  1857. font-weight: 700;
  1858. box-sizing: border-box
  1859. }
  1860. .onoffswitch-inner:before {
  1861. content: "ON";
  1862. padding-left: 7px;
  1863. background-color: #1AB394;
  1864. color: #FFF
  1865. }
  1866. .onoffswitch-inner:after {
  1867. content: "OFF";
  1868. padding-right: 7px;
  1869. background-color: #FFF;
  1870. color: #919191;
  1871. text-align: right
  1872. }
  1873. .onoffswitch-switch {
  1874. display: block;
  1875. width: 18px;
  1876. margin: 0;
  1877. background: #FFF;
  1878. border: 2px solid #1AB394;
  1879. border-radius: 3px;
  1880. position: absolute;
  1881. top: 0;
  1882. bottom: 0;
  1883. right: 36px;
  1884. -webkit-transition: all .3s ease-in 0s;
  1885. transition: all .3s ease-in 0s
  1886. }
  1887. .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
  1888. margin-left: 0
  1889. }
  1890. .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
  1891. right: 0
  1892. }
  1893. .dd {
  1894. position: relative;
  1895. display: block;
  1896. margin: 0;
  1897. padding: 0;
  1898. list-style: none;
  1899. font-size: 13px;
  1900. line-height: 20px
  1901. }
  1902. .dd-list {
  1903. display: block;
  1904. position: relative;
  1905. margin: 0;
  1906. padding: 0;
  1907. list-style: none
  1908. }
  1909. .dd-list .dd-list {
  1910. padding-left: 30px
  1911. }
  1912. .dd-collapsed .dd-list {
  1913. display: none
  1914. }
  1915. .dd-empty,
  1916. .dd-item,
  1917. .dd-placeholder {
  1918. display: block;
  1919. position: relative;
  1920. margin: 0;
  1921. padding: 0;
  1922. min-height: 20px;
  1923. font-size: 13px;
  1924. line-height: 20px
  1925. }
  1926. .dd-handle {
  1927. display: block;
  1928. margin: 5px 0;
  1929. padding: 5px 10px;
  1930. color: #333;
  1931. text-decoration: none;
  1932. border: 1px solid #e7eaec;
  1933. background: #f5f5f5;
  1934. border-radius: 3px;
  1935. box-sizing: border-box;
  1936. -moz-box-sizing: border-box
  1937. }
  1938. .dd-handle span {
  1939. font-weight: 700
  1940. }
  1941. .dd-handle:hover {
  1942. background: #f0f0f0;
  1943. cursor: pointer;
  1944. font-weight: 700
  1945. }
  1946. .dd-item>button {
  1947. display: block;
  1948. position: relative;
  1949. cursor: pointer;
  1950. float: left;
  1951. width: 25px;
  1952. height: 20px;
  1953. margin: 5px 0;
  1954. padding: 0;
  1955. text-indent: 100%;
  1956. white-space: nowrap;
  1957. overflow: hidden;
  1958. border: 0;
  1959. background: 0 0;
  1960. font-size: 12px;
  1961. line-height: 1;
  1962. text-align: center;
  1963. font-weight: 700
  1964. }
  1965. .dd-item>button:before {
  1966. content: '+';
  1967. display: block;
  1968. position: absolute;
  1969. width: 100%;
  1970. text-align: center;
  1971. text-indent: 0
  1972. }
  1973. .dd-item>button[data-action=collapse]:before {
  1974. content: '-'
  1975. }
  1976. #nestable2 .dd-item>button {
  1977. font-family: FontAwesome;
  1978. height: 34px;
  1979. width: 33px;
  1980. color: #c1c1c1
  1981. }
  1982. #nestable2 .dd-item>button:before {
  1983. content: "\f067"
  1984. }
  1985. #nestable2 .dd-item>button[data-action=collapse]:before {
  1986. content: "\f068"
  1987. }
  1988. .dd-empty,
  1989. .dd-placeholder {
  1990. margin: 5px 0;
  1991. padding: 0;
  1992. min-height: 30px;
  1993. background: #f2fbff;
  1994. border: 1px dashed #b6bcbf;
  1995. box-sizing: border-box;
  1996. -moz-box-sizing: border-box
  1997. }
  1998. .dd-empty {
  1999. border: 1px dashed #bbb;
  2000. min-height: 100px;
  2001. background-color: #e5e5e5;
  2002. background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
  2003. background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
  2004. background-size: 60px 60px;
  2005. background-position: 0 0, 30px 30px
  2006. }
  2007. .dd-dragel {
  2008. position: absolute;
  2009. z-index: 9999;
  2010. pointer-events: none
  2011. }
  2012. .dd-dragel>.dd-item .dd-handle {
  2013. margin-top: 0
  2014. }
  2015. .dd-dragel .dd-handle {
  2016. box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1)
  2017. }
  2018. .nestable-lists {
  2019. display: block;
  2020. clear: both;
  2021. padding: 30px 0;
  2022. width: 100%;
  2023. border: 0;
  2024. border-top: 2px solid #ddd;
  2025. border-bottom: 2px solid #ddd
  2026. }
  2027. #nestable-menu {
  2028. padding: 0;
  2029. margin: 10px 0 20px
  2030. }
  2031. #nestable-output,
  2032. #nestable2-output {
  2033. width: 100%;
  2034. line-height: 1.333333em;
  2035. font-family: lucida grande, lucida sans unicode, helvetica, arial, sans-serif
  2036. }
  2037. #nestable2 .dd-handle {
  2038. color: inherit;
  2039. border: 1px dashed #e7eaec;
  2040. background: #f3f3f4;
  2041. padding: 10px
  2042. }
  2043. #nestable2 span.label {
  2044. margin-right: 10px
  2045. }
  2046. #nestable-output,
  2047. #nestable2-output {
  2048. font-size: 12px;
  2049. padding: 25px;
  2050. box-sizing: border-box;
  2051. -moz-box-sizing: border-box
  2052. }
  2053. .CodeMirror {
  2054. border: 1px solid #eee;
  2055. height: auto
  2056. }
  2057. .CodeMirror-scroll {
  2058. overflow-y: hidden;
  2059. overflow-x: auto
  2060. }
  2061. .google-map {
  2062. height: 300px
  2063. }
  2064. label.error {
  2065. color: #cc5965;
  2066. display: inline-block;
  2067. margin-left: 5px
  2068. }
  2069. .form-control.error {
  2070. border: 1px dotted #cc5965
  2071. }
  2072. .gridStyle {
  2073. border: 1px solid #d4d4d4;
  2074. width: 100%;
  2075. height: 400px
  2076. }
  2077. .gridStyle2 {
  2078. border: 1px solid #d4d4d4;
  2079. width: 500px;
  2080. height: 300px
  2081. }
  2082. .ngH eaderCell {
  2083. border-right: none;
  2084. border-bottom: 1px solid #e7eaec
  2085. }
  2086. .ngCell {
  2087. border-right: none
  2088. }
  2089. .ngTopPanel {
  2090. background: #F5F5F6
  2091. }
  2092. .ngRow.even {
  2093. background: #f9f9f9
  2094. }
  2095. .ngRow.selected {
  2096. background: #EBF2F1
  2097. }
  2098. .ngRow {
  2099. border-bottom: 1px solid #e7eaec
  2100. }
  2101. .ngCell {
  2102. background-color: transparent
  2103. }
  2104. .ngHeaderCell {
  2105. border-right: none
  2106. }
  2107. #toast-container>.toast {
  2108. background-image: none!important
  2109. }
  2110. #toast-container>.toast:before {
  2111. position: fixed;
  2112. font-family: FontAwesome;
  2113. font-size: 24px;
  2114. line-height: 24px;
  2115. float: left;
  2116. color: #FFF;
  2117. padding-right: .5em;
  2118. margin: auto .5em auto -1.5em
  2119. }
  2120. #toast-container>div {
  2121. box-shadow: 0 0 3px #999;
  2122. opacity: .9;
  2123. -ms-filter: alpha(opacity=90);
  2124. filter: alpha(opacity=90)
  2125. }
  2126. #toast-container>:hover {
  2127. box-shadow: 0 0 4px #999;
  2128. opacity: 1;
  2129. -ms-filter: alpha(opacity=100);
  2130. filter: alpha(opacity=100);
  2131. cursor: pointer
  2132. }
  2133. .toast,
  2134. .toast-success {
  2135. background-color: #1ab394
  2136. }
  2137. .toast-error {
  2138. background-color: #ed5565
  2139. }
  2140. .toast-info {
  2141. background-color: #23c6c8
  2142. }
  2143. .toast-warning {
  2144. background-color: #f8ac59
  2145. }
  2146. .toast-top-full-width {
  2147. margin-top: 20px
  2148. }
  2149. .toast-bottom-full-width {
  2150. margin-bottom: 20px
  2151. }
  2152. .img-container,
  2153. .img-preview {
  2154. overflow: hidden;
  2155. text-align: center;
  2156. width: 100%
  2157. }
  2158. .img-preview-sm {
  2159. height: 130px;
  2160. width: 200px
  2161. }
  2162. .forum-post-container .media {
  2163. margin: 10px;
  2164. padding: 20px 10px;
  2165. border-bottom: 1px solid #f1f1f1
  2166. }
  2167. .forum-avatar {
  2168. float: left;
  2169. margin-right: 20px;
  2170. text-align: center;
  2171. width: 110px
  2172. }
  2173. .forum-avatar .img-circle {
  2174. height: 48px;
  2175. width: 48px
  2176. }
  2177. .author-info {
  2178. color: #676a6c;
  2179. font-size: 11px;
  2180. margin-top: 5px;
  2181. text-align: center
  2182. }
  2183. .forum-post-info {
  2184. padding: 9px 12px 6px;
  2185. background: #f9f9f9;
  2186. border: 1px solid #f1f1f1
  2187. }
  2188. .media-body>.media {
  2189. background: #f9f9f9;
  2190. border-radius: 3px;
  2191. border: 1px solid #f1f1f1
  2192. }
  2193. .forum-post-container .media-body .photos {
  2194. margin: 10px 0
  2195. }
  2196. .forum-photo {
  2197. max-width: 140px;
  2198. border-radius: 3px
  2199. }
  2200. .media-body>.media .forum-avatar {
  2201. width: 70px;
  2202. margin-right: 10px
  2203. }
  2204. .media-body>.media .forum-avatar .img-circle {
  2205. height: 38px;
  2206. width: 38px
  2207. }
  2208. .mid-icon {
  2209. font-size: 66px
  2210. }
  2211. .forum-item {
  2212. margin: 10px 0;
  2213. padding: 10px 0 20px;
  2214. border-bottom: 1px solid #f1f1f1
  2215. }
  2216. .views-number {
  2217. font-size: 24px;
  2218. line-height: 18px;
  2219. font-weight: 400
  2220. }
  2221. .forum-container,
  2222. .forum-post-container {
  2223. padding: 30px!important
  2224. }
  2225. .forum-item small {
  2226. color: #999
  2227. }
  2228. .forum-item .forum-sub-title {
  2229. color: #999;
  2230. margin-left: 50px
  2231. }
  2232. .forum-title {
  2233. margin: 15px 0
  2234. }
  2235. .forum-info {
  2236. text-align: center
  2237. }
  2238. .forum-desc {
  2239. color: #999
  2240. }
  2241. .forum-icon {
  2242. float: left;
  2243. width: 30px;
  2244. margin-right: 20px;
  2245. text-align: center
  2246. }
  2247. a.forum-item-title {
  2248. color: inherit;
  2249. display: block;
  2250. font-size: 18px;
  2251. font-weight: 600
  2252. }
  2253. a.forum-item-title:hover {
  2254. color: inherit
  2255. }
  2256. .forum-icon .fa {
  2257. font-size: 30px;
  2258. margin-top: 8px;
  2259. color: #9b9b9b
  2260. }
  2261. .forum-item.active .fa,
  2262. .forum-item.active a.forum-item-title {
  2263. color: #1ab394
  2264. }
  2265. @media (max-width:992px) {
  2266. .forum-info {
  2267. margin: 15px 0 10px;
  2268. display: none
  2269. }
  2270. .forum-desc {
  2271. float: none!important
  2272. }
  2273. }
  2274. .vertical-container {
  2275. width: 90%;
  2276. max-width: 1170px;
  2277. margin: 0 auto
  2278. }
  2279. .vertical-container::after {
  2280. content: '';
  2281. display: table;
  2282. clear: both
  2283. }
  2284. #vertical-timeline {
  2285. position: relative;
  2286. padding: 0;
  2287. margin-top: 2em;
  2288. margin-bottom: 2em
  2289. }
  2290. #vertical-timeline::before {
  2291. content: '';
  2292. position: absolute;
  2293. top: 0;
  2294. left: 18px;
  2295. height: 100%;
  2296. width: 4px;
  2297. background: #f1f1f1
  2298. }
  2299. .vertical-timeline-content .btn {
  2300. float: right
  2301. }
  2302. #vertical-timeline.light-timeline:before {
  2303. background: #e7eaec
  2304. }
  2305. .dark-timeline .vertical-timeline-content:before {
  2306. border-color: transparent #f5f5f5 transparent transparent
  2307. }
  2308. .dark-timeline.center-orientation .vertical-timeline-content:before {
  2309. border-color: transparent transparent transparent #f5f5f5
  2310. }
  2311. .dark-timeline .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before,
  2312. .dark-timeline.center-orientation .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before {
  2313. border-color: transparent #f5f5f5 transparent transparent
  2314. }
  2315. .dark-timeline .vertical-timeline-content,
  2316. .dark-timeline.center-orientation .vertical-timeline-content {
  2317. background: #f5f5f5
  2318. }
  2319. @media only screen and (min-width:1170px) {
  2320. #vertical-timeline.center-orientation {
  2321. margin-top: 3em;
  2322. margin-bottom: 3em
  2323. }
  2324. #vertical-timeline.center-orientation:before {
  2325. left: 50%;
  2326. margin-left: -2px
  2327. }
  2328. }
  2329. @media only screen and (max-width:1170px) {
  2330. .center-orientation.dark-timeline .vertical-timeline-content:before {
  2331. border-color: transparent #f5f5f5 transparent transparent
  2332. }
  2333. }
  2334. .vertical-timeline-block {
  2335. position: relative;
  2336. margin: 2em 0
  2337. }
  2338. .vertical-timeline-block:after {
  2339. content: "";
  2340. display: table;
  2341. clear: both
  2342. }
  2343. .vertical-timeline-block:first-child {
  2344. margin-top: 0
  2345. }
  2346. .vertical-timeline-block:last-child {
  2347. margin-bottom: 0
  2348. }
  2349. @media only screen and (min-width:1170px) {
  2350. .center-orientation .vertical-timeline-block {
  2351. margin: 4em 0
  2352. }
  2353. .center-orientation .vertical-timeline-block:first-child {
  2354. margin-top: 0
  2355. }
  2356. .center-orientation .vertical-timeline-block:last-child {
  2357. margin-bottom: 0
  2358. }
  2359. }
  2360. .vertical-timeline-icon {
  2361. position: absolute;
  2362. top: 0;
  2363. left: 0;
  2364. width: 40px;
  2365. height: 40px;
  2366. border-radius: 50%;
  2367. font-size: 16px;
  2368. border: 3px solid #f1f1f1;
  2369. text-align: center
  2370. }
  2371. .vertical-timeline-icon i {
  2372. display: block;
  2373. width: 24px;
  2374. height: 24px;
  2375. position: relative;
  2376. left: 50%;
  2377. top: 50%;
  2378. margin-left: -12px;
  2379. margin-top: -9px
  2380. }
  2381. @media only screen and (min-width:1170px) {
  2382. .center-orientation .vertical-timeline-icon {
  2383. width: 50px;
  2384. height: 50px;
  2385. left: 50%;
  2386. margin-left: -25px;
  2387. -webkit-transform: translateZ(0);
  2388. -webkit-backface-visibility: hidden;
  2389. font-size: 19px
  2390. }
  2391. .center-orientation .vertical-timeline-icon i {
  2392. margin-left: -12px;
  2393. margin-top: -10px
  2394. }
  2395. .center-orientation .cssanimations .vertical-timeline-icon.is-hidden {
  2396. visibility: hidden
  2397. }
  2398. }
  2399. .vertical-timeline-content {
  2400. position: relative;
  2401. margin-left: 60px;
  2402. background: #fff;
  2403. border-radius: .25em;
  2404. padding: 1em
  2405. }
  2406. .vertical-timeline-content:after {
  2407. content: "";
  2408. display: table;
  2409. clear: both
  2410. }
  2411. .vertical-timeline-content h2 {
  2412. font-weight: 400;
  2413. margin-top: 4px
  2414. }
  2415. .vertical-timeline-content p {
  2416. margin: 1em 0;
  2417. line-height: 1.6
  2418. }
  2419. .vertical-timeline-content .vertical-date {
  2420. float: left;
  2421. font-weight: 500
  2422. }
  2423. .vertical-date small {
  2424. color: #1ab394;
  2425. font-weight: 400
  2426. }
  2427. .vertical-timeline-content::before {
  2428. content: '';
  2429. position: absolute;
  2430. top: 16px;
  2431. right: 100%;
  2432. height: 0;
  2433. width: 0;
  2434. border: 7px solid transparent;
  2435. border-right: 7px solid #fff
  2436. }
  2437. @media only screen and (min-width:768px) {
  2438. .vertical-timeline-content h2 {
  2439. font-size: 18px
  2440. }
  2441. .vertical-timeline-content p {
  2442. font-size: 13px
  2443. }
  2444. }
  2445. @media only screen and (min-width:1170px) {
  2446. .center-orientation .vertical-timeline-content {
  2447. margin-left: 0;
  2448. padding: 1.6em;
  2449. width: 45%
  2450. }
  2451. .center-orientation .vertical-timeline-content::before {
  2452. top: 24px;
  2453. left: 100%;
  2454. border-color: transparent;
  2455. border-left-color: #fff
  2456. }
  2457. .center-orientation .vertical-timeline-content .btn {
  2458. float: left
  2459. }
  2460. .center-orientation .vertical-timeline-content .vertical-date {
  2461. position: absolute;
  2462. width: 100%;
  2463. left: 122%;
  2464. top: 2px;
  2465. font-size: 14px
  2466. }
  2467. .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content {
  2468. float: right
  2469. }
  2470. .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content::before {
  2471. top: 24px;
  2472. left: auto;
  2473. right: 100%;
  2474. border-color: transparent;
  2475. border-right-color: #fff
  2476. }
  2477. .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .btn {
  2478. float: right
  2479. }
  2480. .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .vertical-date {
  2481. left: auto;
  2482. right: 122%;
  2483. text-align: right
  2484. }
  2485. .center-orientation .cssanimations .vertical-timeline-content.is-hidden {
  2486. visibility: hidden
  2487. }
  2488. }
  2489. .sidebard-panel {
  2490. width: 220px;
  2491. background: #ebebed;
  2492. padding: 10px 20px;
  2493. position: absolute;
  2494. right: 0
  2495. }
  2496. .sidebard-panel .feed-element img.img-circle {
  2497. width: 32px;
  2498. height: 32px
  2499. }
  2500. .media-body,
  2501. .sidebard-panel .feed-element,
  2502. .sidebard-panel p {
  2503. font-size: 12px
  2504. }
  2505. .sidebard-panel .feed-element {
  2506. margin-top: 20px;
  2507. padding-bottom: 0
  2508. }
  2509. .sidebard-panel .list-group {
  2510. margin-bottom: 10px
  2511. }
  2512. .sidebard-panel .list-group .list-group-item {
  2513. padding: 5px 0;
  2514. font-size: 12px;
  2515. border: 0
  2516. }
  2517. .sidebar-content .wrapper,
  2518. .wrapper.sidebar-content {
  2519. padding-right: 240px!important
  2520. }
  2521. #right-sidebar {
  2522. background-color: #fff;
  2523. border-left: 1px solid #e7eaec;
  2524. border-top: 1px solid #e7eaec;
  2525. overflow: hidden;
  2526. position: fixed;
  2527. top: 75px;
  2528. width: 260px!important;
  2529. z-index: 1009;
  2530. bottom: 0;
  2531. right: -260px
  2532. }
  2533. #right-sidebar.sidebar-open {
  2534. right: 8px
  2535. }
  2536. #right-sidebar.sidebar-open.sidebar-top {
  2537. top: 0;
  2538. border-top: none
  2539. }
  2540. .sidebar-container ul.nav-tabs {
  2541. border: none
  2542. }
  2543. .sidebar-container ul.nav-tabs.navs-4 li {
  2544. width: 25%
  2545. }
  2546. .sidebar-container ul.nav-tabs.navs-3 li {
  2547. width: 50%;
  2548. }
  2549. .sidebar-container ul.nav-tabs.navs-2 li {
  2550. width: 50%
  2551. }
  2552. .sidebar-container ul.nav-tabs li {
  2553. border: none
  2554. }
  2555. .sidebar-container ul.nav-tabs li a {
  2556. border: none;
  2557. padding: 12px 10px;
  2558. margin: 0;
  2559. border-radius: 0;
  2560. background: #6dc4da;
  2561. color: #fff;
  2562. text-align: center;
  2563. border-right: 1px solid #6dc4da
  2564. }
  2565. .sidebar-container ul.nav-tabs li.active a {
  2566. border: none;
  2567. background: #f9f9f9;
  2568. color: #676a6c;
  2569. font-weight: 700
  2570. }
  2571. .sidebar-container .nav-tabs>li.active>a:focus,
  2572. .sidebar-container .nav-tabs>li.active>a:hover {
  2573. border: none
  2574. }
  2575. .sidebar-container ul.sidebar-list {
  2576. margin: 0;
  2577. padding: 0
  2578. }
  2579. .sidebar-container ul.sidebar-list li {
  2580. border-bottom: 1px solid #e7eaec;
  2581. padding: 15px 20px;
  2582. list-style: none;
  2583. font-size: 12px
  2584. }
  2585. .sidebar-container .sidebar-message:nth-child(2n+2) {
  2586. background: #f9f9f9
  2587. }
  2588. .sidebar-container ul.sidebar-list li a {
  2589. text-decoration: none;
  2590. color: inherit
  2591. }
  2592. .sidebar-container .sidebar-content {
  2593. padding: 15px 20px;
  2594. font-size: 12px
  2595. }
  2596. .sidebar-container .sidebar-title {
  2597. background: #f9f9f9;
  2598. padding: 20px;
  2599. border-bottom: 1px solid #e7eaec
  2600. }
  2601. .sidebar-container .sidebar-title h3 {
  2602. margin-bottom: 3px;
  2603. padding-left: 2px
  2604. }
  2605. .sidebar-container .tab-content h4 {
  2606. margin-bottom: 5px
  2607. }
  2608. .sidebar-container .sidebar-message>a>.pull-left {
  2609. margin-right: 10px
  2610. }
  2611. .sidebar-container .sidebar-message>a {
  2612. text-decoration: none;
  2613. color: inherit
  2614. }
  2615. .sidebar-container .sidebar-message {
  2616. /*padding: 15px 20px*/
  2617. padding: 15px 13px;
  2618. }
  2619. .sidebar-container .sidebar-message .message-avatar {
  2620. height: 38px;
  2621. width: 38px;
  2622. /*border-radius: 50%*/
  2623. }
  2624. .sidebar-container .setings-item {
  2625. padding: 15px 20px;
  2626. border-bottom: 1px solid #e7eaec
  2627. }
  2628. body {
  2629. font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  2630. font-size: 13px;
  2631. color: #676a6c;
  2632. overflow-x: hidden
  2633. }
  2634. body,
  2635. body.full-height-layout #page-wrapper,
  2636. body.full-height-layout #wrapper,
  2637. html {
  2638. height: 100%;
  2639. }
  2640. body.full-height-layout #page-wrapper{
  2641. height: calc(100% - 115px);
  2642. }
  2643. #page-wrapper {
  2644. min-height: auto
  2645. }
  2646. body.boxed-layout {
  2647. background: url(patterns/shattered.png)
  2648. }
  2649. body.boxed-layout #wrapper {
  2650. background-color: #2f4050;
  2651. max-width: 1200px;
  2652. margin: 0 auto
  2653. }
  2654. .boxed-layout #wrapper.top-navigation,
  2655. .top-navigation.boxed-layout #wrapper {
  2656. max-width: 1300px!important
  2657. }
  2658. .block {
  2659. display: block
  2660. }
  2661. .clear {
  2662. display: block;
  2663. overflow: hidden
  2664. }
  2665. a {
  2666. cursor: pointer
  2667. }
  2668. a:focus,
  2669. a:hover {
  2670. text-decoration: none
  2671. }
  2672. .border-bottom {
  2673. border-bottom: 1px solid #e7eaec!important
  2674. }
  2675. .font-bold {
  2676. font-weight: 600
  2677. }
  2678. .font-noraml {
  2679. font-weight: 400
  2680. }
  2681. .text-uppercase {
  2682. text-transform: uppercase
  2683. }
  2684. .b-r {
  2685. border-right: 1px solid #e7eaec
  2686. }
  2687. .hr-line-dashed {
  2688. border-top: 1px dashed #e7eaec;
  2689. color: #fff;
  2690. background-color: #fff;
  2691. height: 1px;
  2692. margin: 20px 0
  2693. }
  2694. .hr-line-solid {
  2695. border-bottom: 1px solid #e7eaec;
  2696. background-color: rgba(0, 0, 0, 0);
  2697. border-style: solid!important;
  2698. margin-top: 15px;
  2699. margin-bottom: 15px
  2700. }
  2701. video {
  2702. width: 100%!important;
  2703. height: auto!important
  2704. }
  2705. .gallery>.row>div {
  2706. margin-bottom: 15px
  2707. }
  2708. .fancybox img {
  2709. margin-bottom: 5px;
  2710. width: 24%
  2711. }
  2712. .note-editor {
  2713. height: auto!important;
  2714. min-height: 100px;
  2715. border: solid 1px #e5e6e7
  2716. }
  2717. .modal-content {
  2718. background-clip: padding-box;
  2719. background-color: #FFF;
  2720. border: 1px solid rgba(0, 0, 0, 0);
  2721. border-radius: 4px;
  2722. box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  2723. outline: 0 none
  2724. }
  2725. .modal-dialog {
  2726. z-index: 1200
  2727. }
  2728. .modal-body {
  2729. padding: 20px 30px 30px
  2730. }
  2731. .inmodal .modal-body {
  2732. background: #f8fafb
  2733. }
  2734. .inmodal .modal-header {
  2735. padding: 30px 15px;
  2736. text-align: center
  2737. }
  2738. .animated.modal.fade .modal-dialog {
  2739. -webkit-transform: none;
  2740. -ms-transform: none;
  2741. transform: none
  2742. }
  2743. .inmodal .modal-title {
  2744. font-size: 26px
  2745. }
  2746. .inmodal .modal-icon {
  2747. font-size: 84px;
  2748. color: #e2e3e3
  2749. }
  2750. .modal-footer {
  2751. margin-top: 0
  2752. }
  2753. #wrapper {
  2754. width: 100%;
  2755. overflow-x: hidden;
  2756. /*background-color: #2f4050*/
  2757. }
  2758. .wrapper {
  2759. padding: 0 20px
  2760. }
  2761. .wrapper-content {
  2762. padding: 20px
  2763. }
  2764. #page-wrapper {
  2765. padding: 0 15px;
  2766. position: inherit;
  2767. margin: 0 0 0 220px
  2768. }
  2769. .title-action {
  2770. text-align: right;
  2771. padding-top: 30px
  2772. }
  2773. .ibox-content h1,
  2774. .ibox-content h2,
  2775. .ibox-content h3,
  2776. .ibox-content h4,
  2777. .ibox-content h5,
  2778. .ibox-title h1,
  2779. .ibox-title h2,
  2780. .ibox-title h3,
  2781. .ibox-title h4,
  2782. .ibox-title h5 {
  2783. margin-top: 5px
  2784. }
  2785. ol.unstyled,
  2786. ul.unstyled {
  2787. list-style: none outside none;
  2788. margin-left: 0
  2789. }
  2790. .big-icon {
  2791. font-size: 160px;
  2792. color: #e5e6e7
  2793. }
  2794. .footer {
  2795. background: none repeat scroll 0 0 #fff;
  2796. border-top: 1px solid #e7eaec;
  2797. overflow: hidden;
  2798. padding: 10px 20px;
  2799. margin: 0 -15px;
  2800. height: 36px
  2801. }
  2802. .footer.fixed_full {
  2803. position: fixed;
  2804. bottom: 0;
  2805. left: 0;
  2806. right: 0;
  2807. z-index: 1000;
  2808. padding: 10px 20px;
  2809. background: #fff;
  2810. border-top: 1px solid #e7eaec
  2811. }
  2812. .footer.fixed {
  2813. position: fixed;
  2814. bottom: 0;
  2815. left: 0;
  2816. right: 0;
  2817. z-index: 1000;
  2818. padding: 10px 20px;
  2819. background: #fff;
  2820. border-top: 1px solid #e7eaec;
  2821. margin-left: 220px
  2822. }
  2823. body.body-small.mini-navbar .footer.fixed,
  2824. body.mini-navbar .footer.fixed {
  2825. margin: 0 0 0 70px
  2826. }
  2827. body.canvas-menu .footer.fixed,
  2828. body.mini-navbar.canvas-menu .footer.fixed {
  2829. margin: 0!important
  2830. }
  2831. body.fixed-sidebar.body-small.mini-navbar .footer.fixed {
  2832. margin: 0 0 0 220px
  2833. }
  2834. body.body-small .footer.fixed {
  2835. margin-left: 0
  2836. }
  2837. .page-heading {
  2838. border-top: 0;
  2839. padding: 0 20px 20px
  2840. }
  2841. .panel-heading h1,
  2842. .panel-heading h2 {
  2843. margin-bottom: 5px
  2844. }
  2845. .content-tabs {
  2846. position: relative;
  2847. height: 42px;
  2848. background: #fafafa;
  2849. line-height: 40px
  2850. }
  2851. .content-tabs .roll-nav,
  2852. .page-tabs-list {
  2853. position: absolute;
  2854. width: 40px;
  2855. height: 40px;
  2856. text-align: center;
  2857. color: #999;
  2858. z-index: 2;
  2859. top: 0
  2860. }
  2861. .content-tabs .roll-left {
  2862. left: 0;
  2863. border-right: solid 1px #eee
  2864. }
  2865. .content-tabs .roll-right {
  2866. right: 0;
  2867. border-left: solid 1px #eee
  2868. }
  2869. .content-tabs button {
  2870. background: #fff;
  2871. border: 0;
  2872. height: 40px;
  2873. width: 40px;
  2874. outline: 0
  2875. }
  2876. .content-tabs button:hover {
  2877. background: #fafafa
  2878. }
  2879. nav.page-tabs {
  2880. margin-left: 40px;
  2881. width: 100000px;
  2882. height: 40px;
  2883. overflow: hidden
  2884. }
  2885. nav.page-tabs .page-tabs-content {
  2886. float: left
  2887. }
  2888. .page-tabs a {
  2889. display: block;
  2890. float: left;
  2891. border-right: solid 1px #eee;
  2892. padding: 0 15px
  2893. }
  2894. .page-tabs a i:hover {
  2895. color: #c00
  2896. }
  2897. .content-tabs .roll-nav:hover,
  2898. .page-tabs a:hover {
  2899. color: #777;
  2900. background: #f2f2f2;
  2901. cursor: pointer
  2902. }
  2903. .roll-right.J_tabRight {
  2904. right: 140px
  2905. }
  2906. .roll-right.btn-group {
  2907. right: 60px;
  2908. width: 80px;
  2909. padding: 0
  2910. }
  2911. .roll-right.btn-group button {
  2912. width: 80px
  2913. }
  2914. .roll-right.J_tabExit {
  2915. background: #fff;
  2916. height: 40px;
  2917. width: 60px;
  2918. outline: 0
  2919. }
  2920. .dropdown-menu-right {
  2921. left: auto
  2922. }
  2923. #content-main {
  2924. /*height: calc(100% - 120px);*/
  2925. height:100%;
  2926. overflow: hidden
  2927. }
  2928. .fixed-nav #content-main {
  2929. height: calc(100% - 80px);
  2930. overflow: hidden
  2931. }
  2932. .table-bordered {
  2933. border: 1px solid #EBEBEB
  2934. }
  2935. .table-bordered>thead>tr>td,
  2936. .table-bordered>thead>tr>th {
  2937. background-color: #F5F5F6
  2938. }
  2939. .table-bordered>tbody>tr>td,
  2940. .table-bordered>tbody>tr>th,
  2941. .table-bordered>tfoot>tr>td,
  2942. .table-bordered>tfoot>tr>th,
  2943. .table-bordered>thead>tr>td,
  2944. .table-bordered>thead>tr>th {
  2945. border: 1px solid #e7e7e7
  2946. }
  2947. .table>thead>tr>th {
  2948. border-bottom: 1px solid #DDD
  2949. }
  2950. .table>tbody>tr>td,
  2951. .table>tbody>tr>th,
  2952. .table>tfoot>tr>td,
  2953. .table>tfoot>tr>th,
  2954. .table>thead>tr>td,
  2955. .table>thead>tr>th {
  2956. border-top: 1px solid #e7eaec;
  2957. line-height: 1.42857;
  2958. padding: 8px;
  2959. vertical-align: middle
  2960. }
  2961. .panel.blank-panel {
  2962. background: 0 0;
  2963. margin: 0
  2964. }
  2965. .blank-panel .panel-heading {
  2966. padding-bottom: 0
  2967. }
  2968. .nav-tabs>li.active>a,
  2969. .nav-tabs>li.active>a:focus,
  2970. .nav-tabs>li.active>a:hover {
  2971. -moz-border-bottom-colors: none;
  2972. -moz-border-left-colors: none;
  2973. -moz-border-right-colors: none;
  2974. -moz-border-top-colors: none;
  2975. background: 0 0;
  2976. border-color: #ddd #ddd rgba(0, 0, 0, 0);
  2977. border-bottom: #f3f3f4;
  2978. -webkit-border-image: none;
  2979. -o-border-image: none;
  2980. border-image: none;
  2981. border-style: solid;
  2982. border-width: 1px;
  2983. color: #555;
  2984. cursor: default
  2985. }
  2986. .nav.nav-tabs li {
  2987. background: 0 0;
  2988. border: none
  2989. }
  2990. .nav-tabs>li>a {
  2991. color: #A7B1C2;
  2992. font-weight: 600;
  2993. padding: 10px 20px 10px 25px
  2994. }
  2995. .nav-tabs>li>a:focus,
  2996. .nav-tabs>li>a:hover {
  2997. background-color: #e6e6e6;
  2998. color: #676a6c
  2999. }
  3000. .ui-tab .tab-content {
  3001. padding: 20px 0
  3002. }
  3003. .no-padding {
  3004. padding: 0!important
  3005. }
  3006. .no-borders {
  3007. border: none!important
  3008. }
  3009. .no-margins {
  3010. margin: 0!important
  3011. }
  3012. .no-top-border {
  3013. border-top: 0!important
  3014. }
  3015. .ibox-content.text-box {
  3016. padding-bottom: 0;
  3017. padding-top: 15px
  3018. }
  3019. .border-left-right {
  3020. border-left: 1px solid #e7eaec;
  3021. border-right: 1px solid #e7eaec;
  3022. border-top: none;
  3023. border-bottom: none
  3024. }
  3025. .border-left {
  3026. border-left: 1px solid #e7eaec;
  3027. border-right: none;
  3028. border-top: none;
  3029. border-bottom: none
  3030. }
  3031. .border-right {
  3032. border-left: none;
  3033. border-right: 1px solid #e7eaec;
  3034. border-top: none;
  3035. border-bottom: none
  3036. }
  3037. .full-width {
  3038. width: 100%!important
  3039. }
  3040. .link-block {
  3041. font-size: 12px;
  3042. padding: 10px
  3043. }
  3044. .nav.navbar-top-links .link-block a {
  3045. font-size: 12px
  3046. }
  3047. .link-block a {
  3048. font-size: 10px;
  3049. color: inherit
  3050. }
  3051. body.mini-navbar .branding {
  3052. display: none
  3053. }
  3054. img.circle-border {
  3055. border: 6px solid #FFF;
  3056. border-radius: 50%
  3057. }
  3058. .branding {
  3059. float: left;
  3060. color: #FFF;
  3061. font-size: 18px;
  3062. font-weight: 600;
  3063. padding: 17px 20px;
  3064. text-align: center;
  3065. background-color: #1ab394
  3066. }
  3067. .login-panel {
  3068. margin-top: 25%
  3069. }
  3070. .page-header {
  3071. padding: 20px 0 9px;
  3072. margin: 0 0 20px;
  3073. border-bottom: 1px solid #eee
  3074. }
  3075. .fontawesome-icon-list {
  3076. margin-top: 22px
  3077. }
  3078. .fontawesome-icon-list .fa-hover a {
  3079. overflow: hidden;
  3080. text-overflow: ellipsis;
  3081. white-space: nowrap;
  3082. display: block;
  3083. color: #222;
  3084. line-height: 32px;
  3085. height: 32px;
  3086. padding-left: 10px;
  3087. border-radius: 4px
  3088. }
  3089. .fontawesome-icon-list .fa-hover a .fa {
  3090. width: 32px;
  3091. font-size: 14px;
  3092. display: inline-block;
  3093. text-align: right;
  3094. margin-right: 10px
  3095. }
  3096. .fontawesome-icon-list .fa-hover a:hover {
  3097. background-color: #1d9d74;
  3098. color: #fff;
  3099. text-decoration: none
  3100. }
  3101. .fontawesome-icon-list .fa-hover a:hover .fa {
  3102. font-size: 30px;
  3103. vertical-align: -6px
  3104. }
  3105. .fontawesome-icon-list .fa-hover a:hover .text-muted {
  3106. color: #bbe2d5
  3107. }
  3108. .feature-list .col-md-4 {
  3109. margin-bottom: 22px
  3110. }
  3111. .feature-list h4 .fa:before {
  3112. vertical-align: -10%;
  3113. font-size: 28px;
  3114. display: inline-block;
  3115. width: 1.07142857em;
  3116. text-align: center;
  3117. margin-right: 5px
  3118. }
  3119. .ui-draggable .ibox-title {
  3120. cursor: move
  3121. }
  3122. .breadcrumb {
  3123. background-color: #fff;
  3124. padding: 0;
  3125. margin-bottom: 0
  3126. }
  3127. .breadcrumb>.active,
  3128. .breadcrumb>li a {
  3129. color: inherit
  3130. }
  3131. code {
  3132. background-color: #F9F2F4;
  3133. border-radius: 4px;
  3134. color: #ca4440;
  3135. font-size: 90%;
  3136. padding: 2px 4px;
  3137. white-space: nowrap
  3138. }
  3139. .ibox {
  3140. clear: both;
  3141. margin-bottom: 25px;
  3142. margin-top: 0;
  3143. padding: 0
  3144. }
  3145. .ibox.collapsed .ibox-content {
  3146. display: none
  3147. }
  3148. .ibox.collapsed .fa.fa-chevron-up:before {
  3149. content: "\f078"
  3150. }
  3151. .ibox.collapsed .fa.fa-chevron-down:before {
  3152. content: "\f077"
  3153. }
  3154. .ibox:after,
  3155. .ibox:before {
  3156. display: table
  3157. }
  3158. .ibox-title {
  3159. -moz-border-bottom-colors: none;
  3160. -moz-border-left-colors: none;
  3161. -moz-border-right-colors: none;
  3162. -moz-border-top-colors: none;
  3163. background-color: #fff;
  3164. border-color: #e7eaec;
  3165. -webkit-border-image: none;
  3166. -o-border-image: none;
  3167. border-image: none;
  3168. border-style: solid solid none;
  3169. border-width: 4px 0 0;
  3170. color: inherit;
  3171. margin-bottom: 0;
  3172. padding: 14px 15px 7px;
  3173. min-height: 48px
  3174. }
  3175. .ibox-content {
  3176. background-color: #fff;
  3177. color: inherit;
  3178. padding: 15px 20px 20px;
  3179. border-color: #e7eaec;
  3180. -webkit-border-image: none;
  3181. -o-border-image: none;
  3182. border-image: none;
  3183. border-style: solid solid none;
  3184. border-width: 1px 0
  3185. }
  3186. table.table-mail tr td {
  3187. padding: 12px
  3188. }
  3189. .table-mail .check-mail {
  3190. padding-left: 20px
  3191. }
  3192. .table-mail .mail-date {
  3193. padding-right: 20px
  3194. }
  3195. .check-mail,
  3196. .star-mail {
  3197. width: 40px
  3198. }
  3199. .unread td,
  3200. .unread td a {
  3201. font-weight: 600;
  3202. color: inherit
  3203. }
  3204. .read td,
  3205. .read td a {
  3206. font-weight: 400;
  3207. color: inherit
  3208. }
  3209. .unread td {
  3210. background-color: #f9f8f8
  3211. }
  3212. .ibox-content {
  3213. clear: both
  3214. }
  3215. .ibox-heading {
  3216. background-color: #f3f6fb;
  3217. border-bottom: none
  3218. }
  3219. .ibox-heading h3 {
  3220. font-weight: 200;
  3221. font-size: 24px
  3222. }
  3223. .ibox-title h5 {
  3224. display: inline-block;
  3225. font-size: 14px;
  3226. margin: 0 0 7px;
  3227. padding: 0;
  3228. text-overflow: ellipsis;
  3229. float: left
  3230. }
  3231. .ibox-title .label {
  3232. float: left;
  3233. margin-left: 4px
  3234. }
  3235. .ibox-tools {
  3236. display: inline-block;
  3237. float: right;
  3238. margin-top: 0;
  3239. position: relative;
  3240. padding: 0
  3241. }
  3242. .ibox-tools a {
  3243. cursor: pointer;
  3244. margin-left: 5px;
  3245. color: #c4c4c4
  3246. }
  3247. .ibox-tools a.btn-primary {
  3248. color: #fff
  3249. }
  3250. .ibox-tools .dropdown-menu>li>a {
  3251. padding: 4px 10px;
  3252. font-size: 12px
  3253. }
  3254. .ibox .open>.dropdown-menu {
  3255. left: auto;
  3256. right: 0
  3257. }
  3258. .gray-bg {
  3259. background-color: #f3f3f4
  3260. }
  3261. .white-bg {
  3262. background-color: #fff
  3263. }
  3264. .navy-bg {
  3265. background-color: #1ab394;
  3266. color: #fff
  3267. }
  3268. .blue-bg {
  3269. background-color: #1c84c6;
  3270. color: #fff
  3271. }
  3272. .lazur-bg {
  3273. background-color: #23c6c8;
  3274. color: #fff
  3275. }
  3276. .yellow-bg {
  3277. background-color: #f8ac59;
  3278. color: #fff
  3279. }
  3280. .red-bg {
  3281. background-color: #ed5565;
  3282. color: #fff
  3283. }
  3284. .black-bg {
  3285. background-color: #262626
  3286. }
  3287. .panel-primary {
  3288. border-color: #1ab394
  3289. }
  3290. .panel-primary>.panel-heading {
  3291. background-color: #1ab394;
  3292. border-color: #1ab394
  3293. }
  3294. .panel-success {
  3295. border-color: #1c84c6
  3296. }
  3297. .panel-success>.panel-heading {
  3298. background-color: #1c84c6;
  3299. border-color: #1c84c6;
  3300. color: #fff
  3301. }
  3302. .panel-info {
  3303. border-color: #23c6c8
  3304. }
  3305. .panel-info>.panel-heading {
  3306. background-color: #23c6c8;
  3307. border-color: #23c6c8;
  3308. color: #fff
  3309. }
  3310. .panel-warning {
  3311. border-color: #f8ac59
  3312. }
  3313. .panel-warning>.panel-heading {
  3314. background-color: #f8ac59;
  3315. border-color: #f8ac59;
  3316. color: #fff
  3317. }
  3318. .panel-danger {
  3319. border-color: #ed5565
  3320. }
  3321. .panel-danger>.panel-heading {
  3322. background-color: #ed5565;
  3323. border-color: #ed5565;
  3324. color: #fff
  3325. }
  3326. .progress-bar {
  3327. background-color: #1ab394
  3328. }
  3329. .progress-small,
  3330. .progress-small .progress-bar {
  3331. height: 10px
  3332. }
  3333. .progress-mini,
  3334. .progress-small {
  3335. margin-top: 5px
  3336. }
  3337. .progress-mini,
  3338. .progress-mini .progress-bar {
  3339. height: 5px;
  3340. margin-bottom: 0
  3341. }
  3342. .progress-bar-navy-light {
  3343. background-color: #3dc7ab
  3344. }
  3345. .progress-bar-success {
  3346. background-color: #1c84c6
  3347. }
  3348. .progress-bar-info {
  3349. background-color: #23c6c8
  3350. }
  3351. .progress-bar-warning {
  3352. background-color: #f8ac59
  3353. }
  3354. .progress-bar-danger {
  3355. background-color: #ed5565
  3356. }
  3357. .panel-title {
  3358. font-size: inherit
  3359. }
  3360. .jumbotron {
  3361. border-radius: 6px;
  3362. padding: 40px
  3363. }
  3364. .jumbotron h1 {
  3365. margin-top: 0
  3366. }
  3367. .text-navy {
  3368. color: #1ab394
  3369. }
  3370. .text-primary {
  3371. color: inherit
  3372. }
  3373. .text-success {
  3374. color: #1c84c6
  3375. }
  3376. .text-info {
  3377. color: #23c6c8
  3378. }
  3379. .text-warning {
  3380. color: #f8ac59
  3381. }
  3382. .text-danger {
  3383. color: #ed5565
  3384. }
  3385. .text-muted {
  3386. color: #888
  3387. }
  3388. .simple_tag {
  3389. background-color: #f3f3f4;
  3390. border: 1px solid #e7eaec;
  3391. border-radius: 2px;
  3392. color: inherit;
  3393. font-size: 10px;
  3394. margin-right: 5px;
  3395. margin-top: 5px;
  3396. padding: 5px 12px;
  3397. display: inline-block
  3398. }
  3399. .img-shadow {
  3400. box-shadow: 0 0 3px 0 #919191
  3401. }
  3402. .ComposeEmail .navbar.navbar-static-top,
  3403. .Dashboard_2 .navbar.navbar-static-top,
  3404. .Dashboard_3 .navbar.navbar-static-top,
  3405. .Dashboard_4_1 .navbar.navbar-static-top,
  3406. .EmailView .navbar.navbar-static-top,
  3407. .Inbox .navbar.navbar-static-top,
  3408. .dashboards\.dashboard_2 nav.navbar,
  3409. .dashboards\.dashboard_3 nav.navbar,
  3410. .dashboards\.dashboard_4_1 nav.navbar,
  3411. .mailbox\.email_compose nav.navbar,
  3412. .mailbox\.email_view nav.navbar,
  3413. .mailbox\.inbox nav.navbar {
  3414. background: #fff
  3415. }
  3416. a.close-canvas-menu {
  3417. position: absolute;
  3418. top: 10px;
  3419. right: 15px;
  3420. z-index: 1011;
  3421. color: #a7b1c2
  3422. }
  3423. a.close-canvas-menu:hover {
  3424. color: #fff
  3425. }
  3426. .full-height {
  3427. height: 100%
  3428. }
  3429. .fh-breadcrumb {
  3430. height: calc(100% - 196px);
  3431. margin: 0 -15px;
  3432. position: relative
  3433. }
  3434. .fh-no-breadcrumb {
  3435. height: calc(100% - 99px);
  3436. margin: 0 -15px;
  3437. position: relative
  3438. }
  3439. .fh-column {
  3440. background: #fff;
  3441. height: 100%;
  3442. width: 240px;
  3443. float: left
  3444. }
  3445. .modal-backdrop {
  3446. z-index: 2040!important
  3447. }
  3448. .modal {
  3449. z-index: 2050!important
  3450. }
  3451. .spiner-example {
  3452. height: 200px;
  3453. padding-top: 70px
  3454. }
  3455. .p-xxs {
  3456. padding: 5px
  3457. }
  3458. .p-xs {
  3459. padding: 10px
  3460. }
  3461. .p-sm {
  3462. padding: 15px
  3463. }
  3464. .p-m {
  3465. padding: 20px
  3466. }
  3467. .p-md {
  3468. padding: 25px
  3469. }
  3470. .p-lg {
  3471. padding: 30px
  3472. }
  3473. .p-xl {
  3474. padding: 40px
  3475. }
  3476. .m-xxs {
  3477. margin: 2px 4px
  3478. }
  3479. .m-xs {
  3480. margin: 5px
  3481. }
  3482. .m-sm {
  3483. margin: 10px
  3484. }
  3485. .m {
  3486. margin: 15px
  3487. }
  3488. .m-md {
  3489. margin: 20px
  3490. }
  3491. .m-lg {
  3492. margin: 30px
  3493. }
  3494. .m-xl {
  3495. margin: 50px
  3496. }
  3497. .m-n {
  3498. margin: 0!important
  3499. }
  3500. .m-l-none {
  3501. margin-left: 0
  3502. }
  3503. .m-l-xs {
  3504. margin-left: 5px
  3505. }
  3506. .m-l-sm {
  3507. margin-left: 10px
  3508. }
  3509. .m-l {
  3510. margin-left: 15px
  3511. }
  3512. .m-l-md {
  3513. margin-left: 20px
  3514. }
  3515. .m-l-lg {
  3516. margin-left: 30px
  3517. }
  3518. .m-l-xl {
  3519. margin-left: 40px
  3520. }
  3521. .m-l-n-xxs {
  3522. margin-left: -1px
  3523. }
  3524. .m-l-n-xs {
  3525. margin-left: -5px
  3526. }
  3527. .m-l-n-sm {
  3528. margin-left: -10px
  3529. }
  3530. .m-l-n {
  3531. margin-left: -15px
  3532. }
  3533. .m-l-n-md {
  3534. margin-left: -20px
  3535. }
  3536. .m-l-n-lg {
  3537. margin-left: -30px
  3538. }
  3539. .m-l-n-xl {
  3540. margin-left: -40px
  3541. }
  3542. .m-t-none {
  3543. margin-top: 0
  3544. }
  3545. .m-t-xxs {
  3546. margin-top: 1px
  3547. }
  3548. .m-t-xs {
  3549. margin-top: 5px
  3550. }
  3551. .m-t-sm {
  3552. margin-top: 10px
  3553. }
  3554. .m-t {
  3555. margin-top: 15px
  3556. }
  3557. .m-t-md {
  3558. margin-top: 20px
  3559. }
  3560. .m-t-lg {
  3561. margin-top: 30px
  3562. }
  3563. .m-t-xl {
  3564. margin-top: 40px
  3565. }
  3566. .m-t-n-xxs {
  3567. margin-top: -1px
  3568. }
  3569. .m-t-n-xs {
  3570. margin-top: -5px
  3571. }
  3572. .m-t-n-sm {
  3573. margin-top: -10px
  3574. }
  3575. .m-t-n {
  3576. margin-top: -15px
  3577. }
  3578. .m-t-n-md {
  3579. margin-top: -20px
  3580. }
  3581. .m-t-n-lg {
  3582. margin-top: -30px
  3583. }
  3584. .m-t-n-xl {
  3585. margin-top: -40px
  3586. }
  3587. .m-r-none {
  3588. margin-right: 0
  3589. }
  3590. .m-r-xxs {
  3591. margin-right: 1px
  3592. }
  3593. .m-r-xs {
  3594. margin-right: 5px
  3595. }
  3596. .m-r-sm {
  3597. margin-right: 10px
  3598. }
  3599. .m-r {
  3600. margin-right: 15px
  3601. }
  3602. .m-r-md {
  3603. margin-right: 20px
  3604. }
  3605. .m-r-lg {
  3606. margin-right: 30px
  3607. }
  3608. .m-r-xl {
  3609. margin-right: 40px
  3610. }
  3611. .m-r-n-xxs {
  3612. margin-right: -1px
  3613. }
  3614. .m-r-n-xs {
  3615. margin-right: -5px
  3616. }
  3617. .m-r-n-sm {
  3618. margin-right: -10px
  3619. }
  3620. .m-r-n {
  3621. margin-right: -15px
  3622. }
  3623. .m-r-n-md {
  3624. margin-right: -20px
  3625. }
  3626. .m-r-n-lg {
  3627. margin-right: -30px
  3628. }
  3629. .m-r-n-xl {
  3630. margin-right: -40px
  3631. }
  3632. .m-b-none {
  3633. margin-bottom: 0
  3634. }
  3635. .m-b-xxs {
  3636. margin-bottom: 1px
  3637. }
  3638. .m-b-xs {
  3639. margin-bottom: 5px
  3640. }
  3641. .m-b-sm {
  3642. margin-bottom: 10px
  3643. }
  3644. .m-b {
  3645. margin-bottom: 15px
  3646. }
  3647. .m-b-md {
  3648. margin-bottom: 20px
  3649. }
  3650. .m-b-lg {
  3651. margin-bottom: 30px
  3652. }
  3653. .m-b-xl {
  3654. margin-bottom: 40px
  3655. }
  3656. .m-b-n-xxs {
  3657. margin-bottom: -1px
  3658. }
  3659. .m-b-n-xs {
  3660. margin-bottom: -5px
  3661. }
  3662. .m-b-n-sm {
  3663. margin-bottom: -10px
  3664. }
  3665. .m-b-n {
  3666. margin-bottom: -15px
  3667. }
  3668. .m-b-n-md {
  3669. margin-bottom: -20px
  3670. }
  3671. .m-b-n-lg {
  3672. margin-bottom: -30px
  3673. }
  3674. .m-b-n-xl {
  3675. margin-bottom: -40px
  3676. }
  3677. .space-15 {
  3678. margin: 15px 0
  3679. }
  3680. .space-20 {
  3681. margin: 20px 0
  3682. }
  3683. .space-25 {
  3684. margin: 25px 0
  3685. }
  3686. .space-30 {
  3687. margin: 30px 0
  3688. }
  3689. body.modal-open {
  3690. padding-right: inherit!important
  3691. }
  3692. .search-form {
  3693. margin-top: 10px
  3694. }
  3695. .search-result h3 {
  3696. margin-bottom: 0;
  3697. color: #1E0FBE
  3698. }
  3699. .search-result .search-link {
  3700. color: #006621
  3701. }
  3702. .search-result p {
  3703. font-size: 12px;
  3704. margin-top: 5px
  3705. }
  3706. .contact-box {
  3707. background-color: #fff;
  3708. border: 1px solid #e7eaec;
  3709. padding: 20px;
  3710. margin-bottom: 20px
  3711. }
  3712. .contact-box a {
  3713. color: inherit
  3714. }
  3715. .invoice-table tbody>tr>td:last-child,
  3716. .invoice-table tbody>tr>td:nth-child(2),
  3717. .invoice-table tbody>tr>td:nth-child(3),
  3718. .invoice-table tbody>tr>td:nth-child(4),
  3719. .invoice-table thead>tr>th:last-child,
  3720. .invoice-table thead>tr>th:nth-child(2),
  3721. .invoice-table thead>tr>th:nth-child(3),
  3722. .invoice-table thead>tr>th:nth-child(4),
  3723. .invoice-total>tbody>tr>td:first-child {
  3724. text-align: right
  3725. }
  3726. .invoice-total>tbody>tr>td {
  3727. border: 0 none
  3728. }
  3729. .invoice-total>tbody>tr>td:last-child {
  3730. border-bottom: 1px solid #DDD;
  3731. text-align: right;
  3732. width: 15%
  3733. }
  3734. .middle-box {
  3735. max-width: 400px;
  3736. z-index: 100;
  3737. margin: 0 auto;
  3738. padding-top: 40px
  3739. }
  3740. .lockscreen.middle-box {
  3741. width: 200px;
  3742. padding-top: 110px
  3743. }
  3744. .loginscreen.middle-box {
  3745. width: 300px
  3746. }
  3747. .loginColumns {
  3748. max-width: 800px;
  3749. margin: 0 auto;
  3750. padding: 100px 20px 20px
  3751. }
  3752. .passwordBox {
  3753. max-width: 460px;
  3754. margin: 0 auto;
  3755. padding: 100px 20px 20px
  3756. }
  3757. .logo-name {
  3758. color: #e6e6e6;
  3759. font-size: 180px;
  3760. font-weight: 800;
  3761. letter-spacing: -10px;
  3762. margin-bottom: 0
  3763. }
  3764. .middle-box h1 {
  3765. font-size: 170px
  3766. }
  3767. .wrapper .middle-box {
  3768. margin-top: 140px
  3769. }
  3770. .lock-word {
  3771. z-index: 10;
  3772. position: absolute;
  3773. top: 110px;
  3774. left: 50%;
  3775. margin-left: -470px
  3776. }
  3777. .lock-word span {
  3778. font-size: 100px;
  3779. font-weight: 600;
  3780. color: #e9e9e9;
  3781. display: inline-block
  3782. }
  3783. .lock-word .first-word {
  3784. margin-right: 160px
  3785. }
  3786. .dashboard-header {
  3787. border-top: 0;
  3788. padding: 20px
  3789. }
  3790. .dashboard-header h2 {
  3791. margin-top: 10px;
  3792. font-size: 26px
  3793. }
  3794. .fist-item {
  3795. border-top: none!important
  3796. }
  3797. .statistic-box {
  3798. margin-top: 40px
  3799. }
  3800. .dashboard-header .list-group-item span.label {
  3801. margin-right: 10px
  3802. }
  3803. .list-group.clear-list .list-group-item {
  3804. border-top: 1px solid #e7eaec;
  3805. border-bottom: 0;
  3806. border-right: 0;
  3807. border-left: 0;
  3808. padding: 10px 0
  3809. }
  3810. ul.clear-list:first-child {
  3811. border-top: none!important
  3812. }
  3813. .timeline-item .date i {
  3814. position: absolute;
  3815. top: 0;
  3816. right: 0;
  3817. padding: 5px;
  3818. width: 30px;
  3819. text-align: center;
  3820. border-top: 1px solid #e7eaec;
  3821. border-bottom: 1px solid #e7eaec;
  3822. border-left: 1px solid #e7eaec;
  3823. background: #f8f8f8
  3824. }
  3825. .timeline-item .date {
  3826. text-align: right;
  3827. width: 110px;
  3828. position: relative;
  3829. padding-top: 30px
  3830. }
  3831. .timeline-item .content {
  3832. border-left: 1px solid #e7eaec;
  3833. border-top: 1px solid #e7eaec;
  3834. padding-top: 10px;
  3835. min-height: 100px
  3836. }
  3837. .timeline-item .content:hover {
  3838. background: #f6f6f6
  3839. }
  3840. ul.notes li,
  3841. ul.tag-list li {
  3842. list-style: none
  3843. }
  3844. ul.notes li h4 {
  3845. margin-top: 20px;
  3846. font-size: 16px
  3847. }
  3848. ul.notes li div {
  3849. position: relative
  3850. }
  3851. ul.notes li div small {
  3852. position: absolute;
  3853. top: 5px;
  3854. right: 5px;
  3855. font-size: 10px
  3856. }
  3857. ul.notes li div a {
  3858. position: absolute;
  3859. right: 10px;
  3860. bottom: 10px;
  3861. color: inherit
  3862. }
  3863. ul.notes li {
  3864. margin: 10px 40px 50px 0;
  3865. float: left
  3866. }
  3867. ul.notes li div p {
  3868. font-size: 12px
  3869. }
  3870. ul.notes li div {
  3871. -webkit-transform: rotate(-6deg);
  3872. -o-transform: rotate(-6deg);
  3873. -moz-transform: rotate(-6deg)
  3874. }
  3875. ul.notes li:nth-child(even) div {
  3876. -o-transform: rotate(4deg);
  3877. -webkit-transform: rotate(4deg);
  3878. -moz-transform: rotate(4deg);
  3879. position: relative;
  3880. top: 5px
  3881. }
  3882. ul.notes li:nth-child(3n) div {
  3883. -o-transform: rotate(-3deg);
  3884. -webkit-transform: rotate(-3deg);
  3885. -moz-transform: rotate(-3deg);
  3886. position: relative;
  3887. top: -5px
  3888. }
  3889. ul.notes li:nth-child(5n) div {
  3890. -o-transform: rotate(5deg);
  3891. -webkit-transform: rotate(5deg);
  3892. -moz-transform: rotate(5deg);
  3893. position: relative;
  3894. top: -10px
  3895. }
  3896. ul.notes li div:focus,
  3897. ul.notes li div:hover {
  3898. -webkit-transform: scale(1.1);
  3899. -moz-transform: scale(1.1);
  3900. -o-transform: scale(1.1);
  3901. position: relative;
  3902. z-index: 5
  3903. }
  3904. ul.notes li div {
  3905. text-decoration: none;
  3906. color: #000;
  3907. background: #ffc;
  3908. display: block;
  3909. height: 210px;
  3910. width: 210px;
  3911. padding: 1em;
  3912. box-shadow: 5px 5px 7px rgba(33, 33, 33, .7);
  3913. -webkit-transition: -webkit-transform .15s linear
  3914. }
  3915. .file-box {
  3916. float: left;
  3917. width: 220px
  3918. }
  3919. .file-manager h5 {
  3920. text-transform: uppercase
  3921. }
  3922. .file-manager {
  3923. list-style: none outside none;
  3924. margin: 0;
  3925. padding: 0
  3926. }
  3927. .folder-list li a {
  3928. color: #666;
  3929. display: block;
  3930. padding: 5px 0
  3931. }
  3932. .folder-list li {
  3933. border-bottom: 1px solid #e7eaec;
  3934. display: block
  3935. }
  3936. .folder-list li i {
  3937. margin-right: 8px;
  3938. color: #3d4d5d
  3939. }
  3940. .category-list li a {
  3941. color: #666;
  3942. display: block;
  3943. padding: 5px 0
  3944. }
  3945. .category-list li {
  3946. display: block
  3947. }
  3948. .category-list li i {
  3949. margin-right: 8px;
  3950. color: #3d4d5d
  3951. }
  3952. .category-list li a .text-navy {
  3953. color: #1ab394
  3954. }
  3955. .category-list li a .text-primary {
  3956. color: #1c84c6
  3957. }
  3958. .category-list li a .text-info {
  3959. color: #23c6c8
  3960. }
  3961. .category-list li a .text-danger {
  3962. color: #EF5352
  3963. }
  3964. .category-list li a .text-warning {
  3965. color: #F8AC59
  3966. }
  3967. .file-manager h5.tag-title {
  3968. margin-top: 20px
  3969. }
  3970. .tag-list li {
  3971. float: left
  3972. }
  3973. .tag-list li a {
  3974. font-size: 10px;
  3975. background-color: #f3f3f4;
  3976. padding: 5px 12px;
  3977. color: inherit;
  3978. border-radius: 2px;
  3979. border: 1px solid #e7eaec;
  3980. margin-right: 5px;
  3981. margin-top: 5px;
  3982. display: block
  3983. }
  3984. .file {
  3985. border: 1px solid #e7eaec;
  3986. padding: 0;
  3987. background-color: #fff;
  3988. position: relative;
  3989. margin-bottom: 20px;
  3990. margin-right: 20px
  3991. }
  3992. .file-manager .hr-line-dashed {
  3993. margin: 15px 0
  3994. }
  3995. .file .icon,
  3996. .file .image {
  3997. height: 100px;
  3998. overflow: hidden
  3999. }
  4000. .file .icon {
  4001. padding: 15px 10px;
  4002. text-align: center
  4003. }
  4004. .file-control {
  4005. color: inherit;
  4006. font-size: 11px;
  4007. margin-right: 10px
  4008. }
  4009. .file-control.active {
  4010. text-decoration: underline
  4011. }
  4012. .file .icon i {
  4013. font-size: 70px;
  4014. color: #dadada
  4015. }
  4016. .file .file-name {
  4017. padding: 10px;
  4018. background-color: #f8f8f8;
  4019. border-top: 1px solid #e7eaec
  4020. }
  4021. .file-name small {
  4022. color: #676a6c
  4023. }
  4024. .corner {
  4025. position: absolute;
  4026. display: inline-block;
  4027. width: 0;
  4028. height: 0;
  4029. line-height: 0;
  4030. border: .6em solid transparent;
  4031. border-right: .6em solid #f1f1f1;
  4032. border-bottom: .6em solid #f1f1f1;
  4033. right: 0;
  4034. bottom: 0
  4035. }
  4036. a.compose-mail {
  4037. padding: 8px 10px
  4038. }
  4039. .mail-search {
  4040. max-width: 300px
  4041. }
  4042. .profile-content {
  4043. border-top: none!important
  4044. }
  4045. .feed-activity-list .feed-element {
  4046. border-bottom: 1px solid #e7eaec
  4047. }
  4048. .feed-element:first-child {
  4049. margin-top: 0
  4050. }
  4051. .feed-element {
  4052. padding-bottom: 15px
  4053. }
  4054. .feed-element,
  4055. .feed-element .media {
  4056. margin-top: 15px
  4057. }
  4058. .feed-element,
  4059. .media-body {
  4060. overflow: hidden
  4061. }
  4062. .feed-element>.pull-left {
  4063. margin-right: 10px
  4064. }
  4065. .dropdown-messages-box img.img-circle,
  4066. .feed-element img.img-circle {
  4067. width: 38px;
  4068. height: 38px
  4069. }
  4070. .feed-element .well {
  4071. border: 1px solid #e7eaec;
  4072. box-shadow: none;
  4073. margin-top: 10px;
  4074. margin-bottom: 5px;
  4075. padding: 10px 20px;
  4076. font-size: 11px;
  4077. line-height: 16px
  4078. }
  4079. .feed-element .actions {
  4080. margin-top: 10px
  4081. }
  4082. .feed-element .photos {
  4083. margin: 10px 0
  4084. }
  4085. .feed-photo {
  4086. max-height: 180px;
  4087. border-radius: 4px;
  4088. overflow: hidden;
  4089. margin-right: 10px;
  4090. margin-bottom: 10px
  4091. }
  4092. .mail-box {
  4093. background-color: #fff;
  4094. border: 1px solid #e7eaec;
  4095. border-top: 0;
  4096. padding: 0;
  4097. margin-bottom: 20px
  4098. }
  4099. .mail-box-header {
  4100. background-color: #fff;
  4101. border: 1px solid #e7eaec;
  4102. border-bottom: 0;
  4103. padding: 30px 20px 20px
  4104. }
  4105. .mail-box-header h2 {
  4106. margin-top: 0
  4107. }
  4108. .mailbox-content .tag-list li a {
  4109. background: #fff
  4110. }
  4111. .mail-body {
  4112. border-top: 1px solid #e7eaec;
  4113. padding: 20px
  4114. }
  4115. .mail-text {
  4116. border-top: 1px solid #e7eaec
  4117. }
  4118. .mail-text .note-toolbar {
  4119. padding: 10px 15px
  4120. }
  4121. .mail-body .form-group {
  4122. margin-bottom: 5px
  4123. }
  4124. .mail-text .note-editor .note-toolbar {
  4125. background-color: #F9F8F8
  4126. }
  4127. .mail-attachment {
  4128. border-top: 1px solid #e7eaec;
  4129. padding: 20px;
  4130. font-size: 12px
  4131. }
  4132. .mailbox-content {
  4133. background: 0 0;
  4134. border: none;
  4135. padding: 10px
  4136. }
  4137. .mail-ontact {
  4138. width: 23%
  4139. }
  4140. .project-actions,
  4141. .project-people {
  4142. text-align: right;
  4143. vertical-align: middle
  4144. }
  4145. dd.project-people {
  4146. text-align: left;
  4147. margin-top: 5px
  4148. }
  4149. .project-people img {
  4150. width: 32px;
  4151. height: 32px
  4152. }
  4153. .project-title a {
  4154. font-size: 14px;
  4155. color: #676a6c;
  4156. font-weight: 600
  4157. }
  4158. .project-list table tr td {
  4159. border-top: none;
  4160. border-bottom: 1px solid #e7eaec;
  4161. padding: 15px 10px;
  4162. vertical-align: middle
  4163. }
  4164. .project-manager .tag-list li a {
  4165. font-size: 10px;
  4166. background-color: #fff;
  4167. padding: 5px 12px;
  4168. color: inherit;
  4169. border-radius: 2px;
  4170. border: 1px solid #e7eaec;
  4171. margin-right: 5px;
  4172. margin-top: 5px;
  4173. display: block
  4174. }
  4175. .project-files li a {
  4176. font-size: 11px;
  4177. color: #676a6c;
  4178. margin-left: 10px;
  4179. line-height: 22px
  4180. }
  4181. .faq-item {
  4182. padding: 20px;
  4183. margin-bottom: 2px;
  4184. background: #fff
  4185. }
  4186. .faq-question {
  4187. font-size: 18px;
  4188. font-weight: 600;
  4189. color: #1ab394;
  4190. display: block
  4191. }
  4192. .faq-question:hover {
  4193. color: #179d82
  4194. }
  4195. .faq-answer {
  4196. margin-top: 10px;
  4197. background: #f3f3f4;
  4198. border: 1px solid #e7eaec;
  4199. border-radius: 3px;
  4200. padding: 15px
  4201. }
  4202. .faq-item .tag-item {
  4203. background: #f3f3f4;
  4204. padding: 2px 6px;
  4205. font-size: 10px;
  4206. text-transform: uppercase
  4207. }
  4208. .message-input {
  4209. height: 90px!important
  4210. }
  4211. .chat-avatar {
  4212. white: 36px;
  4213. height: 36px;
  4214. float: left;
  4215. margin-right: 10px
  4216. }
  4217. .chat-user-name {
  4218. padding: 10px
  4219. }
  4220. .chat-user {
  4221. padding: 8px 10px;
  4222. border-bottom: 1px solid #e7eaec
  4223. }
  4224. .chat-user a {
  4225. color: inherit
  4226. }
  4227. .chat-view {
  4228. z-index: 20012
  4229. }
  4230. .chat-statistic,
  4231. .chat-users {
  4232. margin-left: -30px
  4233. }
  4234. @media (max-width:992px) {
  4235. .chat-statistic,
  4236. .chat-users {
  4237. margin-left: 0
  4238. }
  4239. }
  4240. .chat-view .ibox-content {
  4241. padding: 0
  4242. }
  4243. .chat-message {
  4244. padding: 10px 20px
  4245. }
  4246. .message-avatar {
  4247. height: 48px;
  4248. width: 48px;
  4249. border: 1px solid #e7eaec;
  4250. border-radius: 4px;
  4251. margin-top: 1px
  4252. }
  4253. .chat-discussion .chat-message:nth-child(2n+1) .message-avatar {
  4254. float: left;
  4255. margin-right: 10px
  4256. }
  4257. .chat-discussion .chat-message:nth-child(2n) .message-avatar {
  4258. float: right;
  4259. margin-left: 10px
  4260. }
  4261. .message {
  4262. background-color: #fff;
  4263. border: 1px solid #e7eaec;
  4264. text-align: left;
  4265. display: block;
  4266. padding: 10px 20px;
  4267. position: relative;
  4268. border-radius: 4px
  4269. }
  4270. .chat-discussion .chat-message:nth-child(2n+1) .message-date {
  4271. float: right
  4272. }
  4273. .chat-discussion .chat-message:nth-child(2n) .message-date {
  4274. float: left
  4275. }
  4276. .chat-discussion .chat-message:nth-child(2n+1) .message {
  4277. text-align: left;
  4278. margin-left: 55px
  4279. }
  4280. .chat-discussion .chat-message:nth-child(2n) .message {
  4281. text-align: right;
  4282. margin-right: 55px
  4283. }
  4284. .message-date {
  4285. font-size: 10px;
  4286. color: #888
  4287. }
  4288. .message-content {
  4289. display: block
  4290. }
  4291. .chat-discussion {
  4292. background: #eee;
  4293. padding: 15px;
  4294. height: 400px;
  4295. overflow-y: auto
  4296. }
  4297. .chat-users {
  4298. overflow-y: auto;
  4299. height: 400px
  4300. }
  4301. .chat-message-form .form-group {
  4302. margin-bottom: 0
  4303. }
  4304. .jstree-open>.jstree-anchor>.fa-folder:before {
  4305. content: "\f07c"
  4306. }
  4307. .jstree-default .jstree-icon.none {
  4308. width: 0
  4309. }
  4310. .clients-list {
  4311. margin-top: 20px
  4312. }
  4313. .clients-list .tab-pane {
  4314. position: relative;
  4315. height: 600px
  4316. }
  4317. .client-detail {
  4318. position: relative;
  4319. height: 620px
  4320. }
  4321. .clients-list table tr td {
  4322. height: 46px;
  4323. vertical-align: middle;
  4324. border: none
  4325. }
  4326. .client-link {
  4327. font-weight: 600;
  4328. color: inherit
  4329. }
  4330. .client-link:hover {
  4331. color: inherit
  4332. }
  4333. .client-avatar {
  4334. width: 42px
  4335. }
  4336. .client-avatar img {
  4337. width: 28px;
  4338. height: 28px;
  4339. border-radius: 50%
  4340. }
  4341. .contact-type {
  4342. width: 20px;
  4343. color: #c1c3c4
  4344. }
  4345. .client-status {
  4346. text-align: left
  4347. }
  4348. .client-detail .vertical-timeline-content p {
  4349. margin: 0
  4350. }
  4351. .client-detail .vertical-timeline-icon.gray-bg {
  4352. color: #a7aaab
  4353. }
  4354. .clients-list .nav-tabs>li.active>a,
  4355. .clients-list .nav-tabs>li.active>a:focus,
  4356. .clients-list .nav-tabs>li.active>a:hover {
  4357. border-bottom: 1px solid #fff
  4358. }
  4359. .blog h2 {
  4360. font-weight: 700
  4361. }
  4362. .blog .btn,
  4363. .blog h5 {
  4364. margin: 0 0 5px
  4365. }
  4366. .article h1 {
  4367. font-size: 48px;
  4368. font-weight: 700;
  4369. color: #2F4050
  4370. }
  4371. .article p {
  4372. font-size: 15px;
  4373. line-height: 26px
  4374. }
  4375. .article-title {
  4376. text-align: center;
  4377. margin: 60px 0 40px
  4378. }
  4379. .article .ibox-content {
  4380. padding: 40px
  4381. }
  4382. .issue-tracker .btn-link {
  4383. color: #1ab394
  4384. }
  4385. table.issue-tracker tbody tr td {
  4386. vertical-align: middle;
  4387. height: 50px
  4388. }
  4389. .issue-info {
  4390. width: 50%
  4391. }
  4392. .issue-info a {
  4393. font-weight: 600;
  4394. color: #676a6c
  4395. }
  4396. .issue-info small {
  4397. display: block
  4398. }
  4399. .team-members {
  4400. margin: 10px 0
  4401. }
  4402. .team-members img.img-circle {
  4403. width: 42px;
  4404. height: 42px;
  4405. margin-bottom: 5px
  4406. }
  4407. .sortable-list {
  4408. padding: 10px 0
  4409. }
  4410. .agile-list {
  4411. list-style: none;
  4412. margin: 0
  4413. }
  4414. .agile-list li {
  4415. background: #FAFAFB;
  4416. border: 1px solid #e7eaec;
  4417. margin: 0 0 10px;
  4418. padding: 10px;
  4419. border-radius: 2px
  4420. }
  4421. .agile-list li:hover {
  4422. cursor: pointer;
  4423. background: #fff
  4424. }
  4425. .agile-list li.warning-element {
  4426. border-left: 3px solid #f8ac59
  4427. }
  4428. .agile-list li.danger-element {
  4429. border-left: 3px solid #ed5565
  4430. }
  4431. .agile-list li.info-element {
  4432. border-left: 3px solid #1c84c6
  4433. }
  4434. .agile-list li.success-element {
  4435. border-left: 3px solid #1ab394
  4436. }
  4437. .agile-detail {
  4438. margin-top: 5px;
  4439. font-size: 12px
  4440. }
  4441. ins {
  4442. background-color: #c6ffc6;
  4443. text-decoration: none
  4444. }
  4445. del {
  4446. background-color: #ffc6c6
  4447. }
  4448. #small-chat {
  4449. position: fixed;
  4450. bottom: 60px;
  4451. right: 26px;
  4452. z-index: 100
  4453. }
  4454. #small-chat .badge {
  4455. position: absolute;
  4456. top: -3px;
  4457. right: -4px
  4458. }
  4459. .open-small-chat {
  4460. height: 38px;
  4461. width: 38px;
  4462. display: block;
  4463. background: #1ab394;
  4464. padding: 9px 8px;
  4465. text-align: center;
  4466. color: #fff;
  4467. border-radius: 50%
  4468. }
  4469. .open-small-chat:hover {
  4470. color: #fff;
  4471. background: #1ab394
  4472. }
  4473. .small-chat-box {
  4474. display: none;
  4475. position: fixed;
  4476. bottom: 50px;
  4477. right: 80px;
  4478. background: #fff;
  4479. border: 1px solid #e7eaec;
  4480. width: 230px;
  4481. height: 320px;
  4482. border-radius: 4px;
  4483. box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.3);
  4484. }
  4485. .small-chat-box.ng-small-chat {
  4486. display: block
  4487. }
  4488. .body-small .small-chat-box {
  4489. bottom: 70px;
  4490. right: 20px
  4491. }
  4492. .small-chat-box.active {
  4493. display: block
  4494. }
  4495. .small-chat-box .heading {
  4496. background: #2f4050;
  4497. padding: 8px 15px;
  4498. font-weight: 700;
  4499. color: #fff
  4500. }
  4501. .small-chat-box .chat-date {
  4502. opacity: .6;
  4503. font-size: 10px;
  4504. font-weight: 400
  4505. }
  4506. .small-chat-box .content {
  4507. padding: 15px
  4508. }
  4509. .small-chat-box .content .author-name {
  4510. font-weight: 700;
  4511. margin-bottom: 3px;
  4512. font-size: 11px
  4513. }
  4514. .small-chat-box .content>div {
  4515. padding-bottom: 20px
  4516. }
  4517. .small-chat-box .content .chat-message {
  4518. padding: 5px 10px;
  4519. border-radius: 6px;
  4520. font-size: 11px;
  4521. line-height: 14px;
  4522. max-width: 80%;
  4523. background: #f3f3f4;
  4524. margin-bottom: 10px
  4525. }
  4526. .small-chat-box .content .chat-message.active {
  4527. background: #1ab394;
  4528. color: #fff
  4529. }
  4530. .small-chat-box .content .left {
  4531. text-align: left;
  4532. clear: both
  4533. }
  4534. .small-chat-box .content .left .chat-message {
  4535. float: left
  4536. }
  4537. .small-chat-box .content .right {
  4538. text-align: right;
  4539. clear: both
  4540. }
  4541. .small-chat-box .content .right .chat-message {
  4542. float: right
  4543. }
  4544. .small-chat-box .form-chat {
  4545. padding: 10px
  4546. }
  4547. .sk-spinner-rotating-plane.sk-spinner {
  4548. width: 30px;
  4549. height: 30px;
  4550. background-color: #1ab394;
  4551. margin: 0 auto;
  4552. -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
  4553. animation: sk-rotatePlane 1.2s infinite ease-in-out
  4554. }
  4555. @-webkit-keyframes sk-rotatePlane {
  4556. 0% {
  4557. -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  4558. transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  4559. }
  4560. 50% {
  4561. -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  4562. transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  4563. }
  4564. 100% {
  4565. -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  4566. transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
  4567. }
  4568. }
  4569. @keyframes sk-rotatePlane {
  4570. 0% {
  4571. -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  4572. transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  4573. }
  4574. 50% {
  4575. -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  4576. transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  4577. }
  4578. 100% {
  4579. -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  4580. transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
  4581. }
  4582. }
  4583. .sk-spinner-double-bounce.sk-spinner {
  4584. width: 40px;
  4585. height: 40px;
  4586. position: relative;
  4587. margin: 0 auto
  4588. }
  4589. .sk-spinner-double-bounce .sk-double-bounce1,
  4590. .sk-spinner-double-bounce .sk-double-bounce2 {
  4591. width: 100%;
  4592. height: 100%;
  4593. border-radius: 50%;
  4594. background-color: #1ab394;
  4595. opacity: .6;
  4596. position: absolute;
  4597. top: 0;
  4598. left: 0;
  4599. -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
  4600. animation: sk-doubleBounce 2s infinite ease-in-out
  4601. }
  4602. .sk-spinner-double-bounce .sk-double-bounce2 {
  4603. -webkit-animation-delay: -1s;
  4604. animation-delay: -1s
  4605. }
  4606. @-webkit-keyframes sk-doubleBounce {
  4607. 0%,
  4608. 100% {
  4609. -webkit-transform: scale(0);
  4610. transform: scale(0)
  4611. }
  4612. 50% {
  4613. -webkit-transform: scale(1);
  4614. transform: scale(1)
  4615. }
  4616. }
  4617. @keyframes sk-doubleBounce {
  4618. 0%,
  4619. 100% {
  4620. -webkit-transform: scale(0);
  4621. transform: scale(0)
  4622. }
  4623. 50% {
  4624. -webkit-transform: scale(1);
  4625. transform: scale(1)
  4626. }
  4627. }
  4628. .sk-spinner-wave.sk-spinner {
  4629. margin: 0 auto;
  4630. width: 50px;
  4631. height: 30px;
  4632. text-align: center;
  4633. font-size: 10px
  4634. }
  4635. .sk-spinner-wave div {
  4636. background-color: #1ab394;
  4637. height: 100%;
  4638. width: 6px;
  4639. display: inline-block;
  4640. -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
  4641. animation: sk-waveStretchDelay 1.2s infinite ease-in-out
  4642. }
  4643. .sk-spinner-wave .sk-rect2 {
  4644. -webkit-animation-delay: -1.1s;
  4645. animation-delay: -1.1s
  4646. }
  4647. .sk-spinner-wave .sk-rect3 {
  4648. -webkit-animation-delay: -1s;
  4649. animation-delay: -1s
  4650. }
  4651. .sk-spinner-wave .sk-rect4 {
  4652. -webkit-animation-delay: -.9s;
  4653. animation-delay: -.9s
  4654. }
  4655. .sk-spinner-wave .sk-rect5 {
  4656. -webkit-animation-delay: -.8s;
  4657. animation-delay: -.8s
  4658. }
  4659. @-webkit-keyframes sk-waveStretchDelay {
  4660. 0%,
  4661. 100%,
  4662. 40% {
  4663. -webkit-transform: scaleY(0.4);
  4664. transform: scaleY(0.4)
  4665. }
  4666. 20% {
  4667. -webkit-transform: scaleY(1);
  4668. transform: scaleY(1)
  4669. }
  4670. }
  4671. @keyframes sk-waveStretchDelay {
  4672. 0%,
  4673. 100%,
  4674. 40% {
  4675. -webkit-transform: scaleY(0.4);
  4676. transform: scaleY(0.4)
  4677. }
  4678. 20% {
  4679. -webkit-transform: scaleY(1);
  4680. transform: scaleY(1)
  4681. }
  4682. }
  4683. .sk-spinner-wandering-cubes.sk-spinner {
  4684. margin: 0 auto;
  4685. width: 32px;
  4686. height: 32px;
  4687. position: relative
  4688. }
  4689. .sk-spinner-wandering-cubes .sk-cube1,
  4690. .sk-spinner-wandering-cubes .sk-cube2 {
  4691. background-color: #1ab394;
  4692. width: 10px;
  4693. height: 10px;
  4694. position: absolute;
  4695. top: 0;
  4696. left: 0;
  4697. -webkit-animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
  4698. animation: sk-wanderingCubeMove 1.8s infinite ease-in-out
  4699. }
  4700. .sk-spinner-wandering-cubes .sk-cube2 {
  4701. -webkit-animation-delay: -.9s;
  4702. animation-delay: -.9s
  4703. }
  4704. @-webkit-keyframes sk-wanderingCubeMove {
  4705. 25% {
  4706. -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  4707. transform: translateX(42px) rotate(-90deg) scale(0.5)
  4708. }
  4709. 50% {
  4710. -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  4711. transform: translateX(42px) translateY(42px) rotate(-179deg)
  4712. }
  4713. 50.1% {
  4714. -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  4715. transform: translateX(42px) translateY(42px) rotate(-180deg)
  4716. }
  4717. 75% {
  4718. -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  4719. transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)
  4720. }
  4721. 100% {
  4722. -webkit-transform: rotate(-360deg);
  4723. transform: rotate(-360deg)
  4724. }
  4725. }
  4726. @keyframes sk-wanderingCubeMove {
  4727. 25% {
  4728. -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  4729. transform: translateX(42px) rotate(-90deg) scale(0.5)
  4730. }
  4731. 50% {
  4732. -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  4733. transform: translateX(42px) translateY(42px) rotate(-179deg)
  4734. }
  4735. 50.1% {
  4736. -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  4737. transform: translateX(42px) translateY(42px) rotate(-180deg)
  4738. }
  4739. 75% {
  4740. -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  4741. transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)
  4742. }
  4743. 100% {
  4744. -webkit-transform: rotate(-360deg);
  4745. transform: rotate(-360deg)
  4746. }
  4747. }
  4748. .sk-spinner-pulse.sk-spinner {
  4749. width: 40px;
  4750. height: 40px;
  4751. margin: 0 auto;
  4752. background-color: #1ab394;
  4753. border-radius: 100%;
  4754. -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
  4755. animation: sk-pulseScaleOut 1s infinite ease-in-out
  4756. }
  4757. @-webkit-keyframes sk-pulseScaleOut {
  4758. 0% {
  4759. -webkit-transform: scale(0);
  4760. transform: scale(0)
  4761. }
  4762. 100% {
  4763. -webkit-transform: scale(1);
  4764. transform: scale(1);
  4765. opacity: 0
  4766. }
  4767. }
  4768. @keyframes sk-pulseScaleOut {
  4769. 0% {
  4770. -webkit-transform: scale(0);
  4771. transform: scale(0)
  4772. }
  4773. 100% {
  4774. -webkit-transform: scale(1);
  4775. transform: scale(1);
  4776. opacity: 0
  4777. }
  4778. }
  4779. .sk-spinner-chasing-dots.sk-spinner {
  4780. margin: 0 auto;
  4781. width: 40px;
  4782. height: 40px;
  4783. position: relative;
  4784. text-align: center;
  4785. -webkit-animation: sk-chasingDotsRotate 2s infinite linear;
  4786. animation: sk-chasingDotsRotate 2s infinite linear
  4787. }
  4788. .sk-spinner-chasing-dots .sk-dot1,
  4789. .sk-spinner-chasing-dots .sk-dot2 {
  4790. width: 60%;
  4791. height: 60%;
  4792. display: inline-block;
  4793. position: absolute;
  4794. top: 0;
  4795. background-color: #1ab394;
  4796. border-radius: 100%;
  4797. -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
  4798. animation: sk-chasingDotsBounce 2s infinite ease-in-out
  4799. }
  4800. .sk-spinner-chasing-dots .sk-dot2 {
  4801. top: auto;
  4802. bottom: 0;
  4803. -webkit-animation-delay: -1s;
  4804. animation-delay: -1s
  4805. }
  4806. @-webkit-keyframes sk-chasingDotsRotate {
  4807. 100% {
  4808. -webkit-transform: rotate(360deg);
  4809. transform: rotate(360deg)
  4810. }
  4811. }
  4812. @keyframes sk-chasingDotsRotate {
  4813. 100% {
  4814. -webkit-transform: rotate(360deg);
  4815. transform: rotate(360deg)
  4816. }
  4817. }
  4818. @-webkit-keyframes sk-chasingDotsBounce {
  4819. 0%,
  4820. 100% {
  4821. -webkit-transform: scale(0);
  4822. transform: scale(0)
  4823. }
  4824. 50% {
  4825. -webkit-transform: scale(1);
  4826. transform: scale(1)
  4827. }
  4828. }
  4829. @keyframes sk-chasingDotsBounce {
  4830. 0%,
  4831. 100% {
  4832. -webkit-transform: scale(0);
  4833. transform: scale(0)
  4834. }
  4835. 50% {
  4836. -webkit-transform: scale(1);
  4837. transform: scale(1)
  4838. }
  4839. }
  4840. .sk-spinner-three-bounce.sk-spinner {
  4841. margin: 0 auto;
  4842. width: 70px;
  4843. text-align: center
  4844. }
  4845. .sk-spinner-three-bounce div {
  4846. width: 18px;
  4847. height: 18px;
  4848. background-color: #1ab394;
  4849. border-radius: 100%;
  4850. display: inline-block;
  4851. -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
  4852. animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
  4853. -webkit-animation-fill-mode: both;
  4854. animation-fill-mode: both
  4855. }
  4856. .sk-spinner-three-bounce .sk-bounce1 {
  4857. -webkit-animation-delay: -.32s;
  4858. animation-delay: -.32s
  4859. }
  4860. .sk-spinner-three-bounce .sk-bounce2 {
  4861. -webkit-animation-delay: -.16s;
  4862. animation-delay: -.16s
  4863. }
  4864. @-webkit-keyframes sk-threeBounceDelay {
  4865. 0%,
  4866. 100%,
  4867. 80% {
  4868. -webkit-transform: scale(0);
  4869. transform: scale(0)
  4870. }
  4871. 40% {
  4872. -webkit-transform: scale(1);
  4873. transform: scale(1)
  4874. }
  4875. }
  4876. @keyframes sk-threeBounceDelay {
  4877. 0%,
  4878. 100%,
  4879. 80% {
  4880. -webkit-transform: scale(0);
  4881. transform: scale(0)
  4882. }
  4883. 40% {
  4884. -webkit-transform: scale(1);
  4885. transform: scale(1)
  4886. }
  4887. }
  4888. .sk-spinner-circle.sk-spinner {
  4889. margin: 0 auto;
  4890. width: 22px;
  4891. height: 22px;
  4892. position: relative
  4893. }
  4894. .sk-spinner-circle .sk-circle {
  4895. width: 100%;
  4896. height: 100%;
  4897. position: absolute;
  4898. left: 0;
  4899. top: 0
  4900. }
  4901. .sk-spinner-circle .sk-circle:before {
  4902. content: '';
  4903. display: block;
  4904. margin: 0 auto;
  4905. width: 20%;
  4906. height: 20%;
  4907. background-color: #1ab394;
  4908. border-radius: 100%;
  4909. -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
  4910. animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
  4911. -webkit-animation-fill-mode: both;
  4912. animation-fill-mode: both
  4913. }
  4914. .sk-spinner-circle .sk-circle2 {
  4915. -webkit-transform: rotate(30deg);
  4916. -ms-transform: rotate(30deg);
  4917. transform: rotate(30deg)
  4918. }
  4919. .sk-spinner-circle .sk-circle3 {
  4920. -webkit-transform: rotate(60deg);
  4921. -ms-transform: rotate(60deg);
  4922. transform: rotate(60deg)
  4923. }
  4924. .sk-spinner-circle .sk-circle4 {
  4925. -webkit-transform: rotate(90deg);
  4926. -ms-transform: rotate(90deg);
  4927. transform: rotate(90deg)
  4928. }
  4929. .sk-spinner-circle .sk-circle5 {
  4930. -webkit-transform: rotate(120deg);
  4931. -ms-transform: rotate(120deg);
  4932. transform: rotate(120deg)
  4933. }
  4934. .sk-spinner-circle .sk-circle6 {
  4935. -webkit-transform: rotate(150deg);
  4936. -ms-transform: rotate(150deg);
  4937. transform: rotate(150deg)
  4938. }
  4939. .sk-spinner-circle .sk-circle7 {
  4940. -webkit-transform: rotate(180deg);
  4941. -ms-transform: rotate(180deg);
  4942. transform: rotate(180deg)
  4943. }
  4944. .sk-spinner-circle .sk-circle8 {
  4945. -webkit-transform: rotate(210deg);
  4946. -ms-transform: rotate(210deg);
  4947. transform: rotate(210deg)
  4948. }
  4949. .sk-spinner-circle .sk-circle9 {
  4950. -webkit-transform: rotate(240deg);
  4951. -ms-transform: rotate(240deg);
  4952. transform: rotate(240deg)
  4953. }
  4954. .sk-spinner-circle .sk-circle10 {
  4955. -webkit-transform: rotate(270deg);
  4956. -ms-transform: rotate(270deg);
  4957. transform: rotate(270deg)
  4958. }
  4959. .sk-spinner-circle .sk-circle11 {
  4960. -webkit-transform: rotate(300deg);
  4961. -ms-transform: rotate(300deg);
  4962. transform: rotate(300deg)
  4963. }
  4964. .sk-spinner-circle .sk-circle12 {
  4965. -webkit-transform: rotate(330deg);
  4966. -ms-transform: rotate(330deg);
  4967. transform: rotate(330deg)
  4968. }
  4969. .sk-spinner-circle .sk-circle2:before {
  4970. -webkit-animation-delay: -1.1s;
  4971. animation-delay: -1.1s
  4972. }
  4973. .sk-spinner-circle .sk-circle3:before {
  4974. -webkit-animation-delay: -1s;
  4975. animation-delay: -1s
  4976. }
  4977. .sk-spinner-circle .sk-circle4:before {
  4978. -webkit-animation-delay: -.9s;
  4979. animation-delay: -.9s
  4980. }
  4981. .sk-spinner-circle .sk-circle5:before {
  4982. -webkit-animation-delay: -.8s;
  4983. animation-delay: -.8s
  4984. }
  4985. .sk-spinner-circle .sk-circle6:before {
  4986. -webkit-animation-delay: -.7s;
  4987. animation-delay: -.7s
  4988. }
  4989. .sk-spinner-circle .sk-circle7:before {
  4990. -webkit-animation-delay: -.6s;
  4991. animation-delay: -.6s
  4992. }
  4993. .sk-spinner-circle .sk-circle8:before {
  4994. -webkit-animation-delay: -.5s;
  4995. animation-delay: -.5s
  4996. }
  4997. .sk-spinner-circle .sk-circle9:before {
  4998. -webkit-animation-delay: -.4s;
  4999. animation-delay: -.4s
  5000. }
  5001. .sk-spinner-circle .sk-circle10:before {
  5002. -webkit-animation-delay: -.3s;
  5003. animation-delay: -.3s
  5004. }
  5005. .sk-spinner-circle .sk-circle11:before {
  5006. -webkit-animation-delay: -.2s;
  5007. animation-delay: -.2s
  5008. }
  5009. .sk-spinner-circle .sk-circle12:before {
  5010. -webkit-animation-delay: -.1s;
  5011. animation-delay: -.1s
  5012. }
  5013. @-webkit-keyframes sk-circleBounceDelay {
  5014. 0%,
  5015. 100%,
  5016. 80% {
  5017. -webkit-transform: scale(0);
  5018. transform: scale(0)
  5019. }
  5020. 40% {
  5021. -webkit-transform: scale(1);
  5022. transform: scale(1)
  5023. }
  5024. }
  5025. @keyframes sk-circleBounceDelay {
  5026. 0%,
  5027. 100%,
  5028. 80% {
  5029. -webkit-transform: scale(0);
  5030. transform: scale(0)
  5031. }
  5032. 40% {
  5033. -webkit-transform: scale(1);
  5034. transform: scale(1)
  5035. }
  5036. }
  5037. .sk-spinner-cube-grid.sk-spinner {
  5038. width: 30px;
  5039. height: 30px;
  5040. margin: 0 auto
  5041. }
  5042. .sk-spinner-cube-grid .sk-cube {
  5043. width: 33%;
  5044. height: 33%;
  5045. background-color: #1ab394;
  5046. float: left;
  5047. -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
  5048. animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out
  5049. }
  5050. .sk-spinner-cube-grid .sk-cube:nth-child(1) {
  5051. -webkit-animation-delay: .2s;
  5052. animation-delay: .2s
  5053. }
  5054. .sk-spinner-cube-grid .sk-cube:nth-child(2) {
  5055. -webkit-animation-delay: .3s;
  5056. animation-delay: .3s
  5057. }
  5058. .sk-spinner-cube-grid .sk-cube:nth-child(3) {
  5059. -webkit-animation-delay: .4s;
  5060. animation-delay: .4s
  5061. }
  5062. .sk-spinner-cube-grid .sk-cube:nth-child(4) {
  5063. -webkit-animation-delay: .1s;
  5064. animation-delay: .1s
  5065. }
  5066. .sk-spinner-cube-grid .sk-cube:nth-child(5) {
  5067. -webkit-animation-delay: .2s;
  5068. animation-delay: .2s
  5069. }
  5070. .sk-spinner-cube-grid .sk-cube:nth-child(6) {
  5071. -webkit-animation-delay: .3s;
  5072. animation-delay: .3s
  5073. }
  5074. .sk-spinner-cube-grid .sk-cube:nth-child(7) {
  5075. -webkit-animation-delay: 0s;
  5076. animation-delay: 0s
  5077. }
  5078. .sk-spinner-cube-grid .sk-cube:nth-child(8) {
  5079. -webkit-animation-delay: .1s;
  5080. animation-delay: .1s
  5081. }
  5082. .sk-spinner-cube-grid .sk-cube:nth-child(9) {
  5083. -webkit-animation-delay: .2s;
  5084. animation-delay: .2s
  5085. }
  5086. @-webkit-keyframes sk-cubeGridScaleDelay {
  5087. 0%,
  5088. 100%,
  5089. 70% {
  5090. -webkit-transform: scale3D(1, 1, 1);
  5091. transform: scale3D(1, 1, 1)
  5092. }
  5093. 35% {
  5094. -webkit-transform: scale3D(0, 0, 1);
  5095. transform: scale3D(0, 0, 1)
  5096. }
  5097. }
  5098. @keyframes sk-cubeGridScaleDelay {
  5099. 0%,
  5100. 100%,
  5101. 70% {
  5102. -webkit-transform: scale3D(1, 1, 1);
  5103. transform: scale3D(1, 1, 1)
  5104. }
  5105. 35% {
  5106. -webkit-transform: scale3D(0, 0, 1);
  5107. transform: scale3D(0, 0, 1)
  5108. }
  5109. }
  5110. .sk-spinner-wordpress.sk-spinner {
  5111. background-color: #1ab394;
  5112. width: 30px;
  5113. height: 30px;
  5114. border-radius: 30px;
  5115. position: relative;
  5116. margin: 0 auto;
  5117. -webkit-animation: sk-innerCircle 1s linear infinite;
  5118. animation: sk-innerCircle 1s linear infinite
  5119. }
  5120. .sk-spinner-wordpress .sk-inner-circle {
  5121. display: block;
  5122. background-color: #fff;
  5123. width: 8px;
  5124. height: 8px;
  5125. position: absolute;
  5126. border-radius: 8px;
  5127. top: 5px;
  5128. left: 5px
  5129. }
  5130. @-webkit-keyframes sk-innerCircle {
  5131. 0% {
  5132. -webkit-transform: rotate(0);
  5133. transform: rotate(0)
  5134. }
  5135. 100% {
  5136. -webkit-transform: rotate(360deg);
  5137. transform: rotate(360deg)
  5138. }
  5139. }
  5140. @keyframes sk-innerCircle {
  5141. 0% {
  5142. -webkit-transform: rotate(0);
  5143. transform: rotate(0)
  5144. }
  5145. 100% {
  5146. -webkit-transform: rotate(360deg);
  5147. transform: rotate(360deg)
  5148. }
  5149. }
  5150. .sk-spinner-fading-circle.sk-spinner {
  5151. margin: 0 auto;
  5152. width: 22px;
  5153. height: 22px;
  5154. position: relative
  5155. }
  5156. .sk-spinner-fading-circle .sk-circle {
  5157. width: 100%;
  5158. height: 100%;
  5159. position: absolute;
  5160. left: 0;
  5161. top: 0
  5162. }
  5163. .sk-spinner-fading-circle .sk-circle:before {
  5164. content: '';
  5165. display: block;
  5166. margin: 0 auto;
  5167. width: 18%;
  5168. height: 18%;
  5169. background-color: #1ab394;
  5170. border-radius: 100%;
  5171. -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
  5172. animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
  5173. -webkit-animation-fill-mode: both;
  5174. animation-fill-mode: both
  5175. }
  5176. .sk-spinner-fading-circle .sk-circle2 {
  5177. -webkit-transform: rotate(30deg);
  5178. -ms-transform: rotate(30deg);
  5179. transform: rotate(30deg)
  5180. }
  5181. .sk-spinner-fading-circle .sk-circle3 {
  5182. -webkit-transform: rotate(60deg);
  5183. -ms-transform: rotate(60deg);
  5184. transform: rotate(60deg)
  5185. }
  5186. .sk-spinner-fading-circle .sk-circle4 {
  5187. -webkit-transform: rotate(90deg);
  5188. -ms-transform: rotate(90deg);
  5189. transform: rotate(90deg)
  5190. }
  5191. .sk-spinner-fading-circle .sk-circle5 {
  5192. -webkit-transform: rotate(120deg);
  5193. -ms-transform: rotate(120deg);
  5194. transform: rotate(120deg)
  5195. }
  5196. .sk-spinner-fading-circle .sk-circle6 {
  5197. -webkit-transform: rotate(150deg);
  5198. -ms-transform: rotate(150deg);
  5199. transform: rotate(150deg)
  5200. }
  5201. .sk-spinner-fading-circle .sk-circle7 {
  5202. -webkit-transform: rotate(180deg);
  5203. -ms-transform: rotate(180deg);
  5204. transform: rotate(180deg)
  5205. }
  5206. .sk-spinner-fading-circle .sk-circle8 {
  5207. -webkit-transform: rotate(210deg);
  5208. -ms-transform: rotate(210deg);
  5209. transform: rotate(210deg)
  5210. }
  5211. .sk-spinner-fading-circle .sk-circle9 {
  5212. -webkit-transform: rotate(240deg);
  5213. -ms-transform: rotate(240deg);
  5214. transform: rotate(240deg)
  5215. }
  5216. .sk-spinner-fading-circle .sk-circle10 {
  5217. -webkit-transform: rotate(270deg);
  5218. -ms-transform: rotate(270deg);
  5219. transform: rotate(270deg)
  5220. }
  5221. .sk-spinner-fading-circle .sk-circle11 {
  5222. -webkit-transform: rotate(300deg);
  5223. -ms-transform: rotate(300deg);
  5224. transform: rotate(300deg)
  5225. }
  5226. .sk-spinner-fading-circle .sk-circle12 {
  5227. -webkit-transform: rotate(330deg);
  5228. -ms-transform: rotate(330deg);
  5229. transform: rotate(330deg)
  5230. }
  5231. .sk-spinner-fading-circle .sk-circle2:before {
  5232. -webkit-animation-delay: -1.1s;
  5233. animation-delay: -1.1s
  5234. }
  5235. .sk-spinner-fading-circle .sk-circle3:before {
  5236. -webkit-animation-delay: -1s;
  5237. animation-delay: -1s
  5238. }
  5239. .sk-spinner-fading-circle .sk-circle4:before {
  5240. -webkit-animation-delay: -.9s;
  5241. animation-delay: -.9s
  5242. }
  5243. .sk-spinner-fading-circle .sk-circle5:before {
  5244. -webkit-animation-delay: -.8s;
  5245. animation-delay: -.8s
  5246. }
  5247. .sk-spinner-fading-circle .sk-circle6:before {
  5248. -webkit-animation-delay: -.7s;
  5249. animation-delay: -.7s
  5250. }
  5251. .sk-spinner-fading-circle .sk-circle7:before {
  5252. -webkit-animation-delay: -.6s;
  5253. animation-delay: -.6s
  5254. }
  5255. .sk-spinner-fading-circle .sk-circle8:before {
  5256. -webkit-animation-delay: -.5s;
  5257. animation-delay: -.5s
  5258. }
  5259. .sk-spinner-fading-circle .sk-circle9:before {
  5260. -webkit-animation-delay: -.4s;
  5261. animation-delay: -.4s
  5262. }
  5263. .sk-spinner-fading-circle .sk-circle10:before {
  5264. -webkit-animation-delay: -.3s;
  5265. animation-delay: -.3s
  5266. }
  5267. .sk-spinner-fading-circle .sk-circle11:before {
  5268. -webkit-animation-delay: -.2s;
  5269. animation-delay: -.2s
  5270. }
  5271. .sk-spinner-fading-circle .sk-circle12:before {
  5272. -webkit-animation-delay: -.1s;
  5273. animation-delay: -.1s
  5274. }
  5275. @-webkit-keyframes sk-circleFadeDelay {
  5276. 0%,
  5277. 100%,
  5278. 39% {
  5279. opacity: 0
  5280. }
  5281. 40% {
  5282. opacity: 1
  5283. }
  5284. }
  5285. @keyframes sk-circleFadeDelay {
  5286. 0%,
  5287. 100%,
  5288. 39% {
  5289. opacity: 0
  5290. }
  5291. 40% {
  5292. opacity: 1
  5293. }
  5294. }
  5295. body.rtls #page-wrapper {
  5296. margin: 0 220px 0 0
  5297. }
  5298. body.rtls .nav-second-level li a {
  5299. padding: 7px 35px 7px 10px
  5300. }
  5301. body.rtls .ibox-title h5 {
  5302. float: right
  5303. }
  5304. body.rtls .pull-right {
  5305. float: left!important
  5306. }
  5307. body.rtls .pull-left {
  5308. float: right!important
  5309. }
  5310. body.rtls .ibox-tools,
  5311. body.rtls .stat-percent {
  5312. float: left
  5313. }
  5314. body.rtls .navbar-right {
  5315. float: left!important
  5316. }
  5317. body.rtls .navbar-top-links li:last-child {
  5318. margin-right: 0
  5319. }
  5320. body.rtls .minimalize-styl-2 {
  5321. float: right;
  5322. margin: 14px 20px 5px 5px
  5323. }
  5324. body.rtls .feed-element>.pull-left {
  5325. margin-left: 10px;
  5326. margin-right: 0
  5327. }
  5328. body.rtls .timeline-item .date {
  5329. text-align: left
  5330. }
  5331. body.rtls .timeline-item .date i {
  5332. left: 0;
  5333. right: auto
  5334. }
  5335. body.rtls .timeline-item .content {
  5336. border-right: 1px solid #e7eaec;
  5337. border-left: none
  5338. }
  5339. body.rtls .toast-close-button {
  5340. float: left
  5341. }
  5342. body.rtls #toast-container>.toast:before {
  5343. margin: auto -1.5em auto .5em
  5344. }
  5345. body.rtls #toast-container>div {
  5346. padding: 15px 50px 15px 15px
  5347. }
  5348. body.rtls .center-orientation .vertical-timeline-icon i {
  5349. margin-left: 0;
  5350. margin-right: -12px
  5351. }
  5352. body.rtls .vertical-timeline-icon i {
  5353. right: 50%;
  5354. left: auto;
  5355. margin-left: auto;
  5356. margin-right: -12px
  5357. }
  5358. body.rtls .file-box,
  5359. body.rtls ul.notes li {
  5360. float: right
  5361. }
  5362. body.rtls .chat-statistic,
  5363. body.rtls .chat-users {
  5364. margin-right: -30px;
  5365. margin-left: auto
  5366. }
  5367. body.rtls .dropdown-menu>li>a {
  5368. text-align: right
  5369. }
  5370. body.rtls .b-r {
  5371. border-left: 1px solid #e7eaec;
  5372. border-right: none
  5373. }
  5374. body.rtls .dd-list .dd-list {
  5375. padding-right: 30px;
  5376. padding-left: 0
  5377. }
  5378. body.rtls .dd-item>button {
  5379. float: right
  5380. }
  5381. body.rtls .skin-setttings {
  5382. margin-right: 40px;
  5383. margin-left: 0;
  5384. direction: ltr
  5385. }
  5386. body.rtls .footer.fixed {
  5387. margin-right: 220px;
  5388. margin-left: 0
  5389. }
  5390. @media (max-width:992px) {
  5391. body.rtls .chat-statistic,
  5392. body.rtls .chat-users {
  5393. margin-right: 0
  5394. }
  5395. }
  5396. body.body-small.mini-navbar .footer.fixed,
  5397. body.rtls.mini-navbar .footer.fixed {
  5398. margin: 0 70px 0 0
  5399. }
  5400. body.body-small.mini-navbar .footer.fixed,
  5401. body.rtls.mini-navbar.fixed-sidebar .footer.fixed {
  5402. margin: 0
  5403. }
  5404. body.rtls.top-navigation .navbar-toggle {
  5405. float: right;
  5406. margin-left: 15px;
  5407. margin-right: 15px
  5408. }
  5409. .body-small.rtls.top-navigation .navbar-header {
  5410. float: none
  5411. }
  5412. body.rtls.top-navigation #page-wrapper {
  5413. margin: 0
  5414. }
  5415. body.rtls.mini-navbar #page-wrapper {
  5416. margin: 0 70px 0 0
  5417. }
  5418. body.rtls.mini-navbar.fixed-sidebar #page-wrapper {
  5419. margin: 0
  5420. }
  5421. body.rtls.body-small.fixed-sidebar.mini-navbar #page-wrapper {
  5422. margin: 0 220px 0 0
  5423. }
  5424. body.rtls.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
  5425. width: 220px
  5426. }
  5427. .body-small.rtls .navbar-fixed-top {
  5428. margin-right: 0
  5429. }
  5430. .body-small.rtls .navbar-header {
  5431. float: right
  5432. }
  5433. body.rtls .navbar-top-links li:last-child {
  5434. margin-left: 20px
  5435. }
  5436. body.rtls .top-navigation #page-wrapper,
  5437. body.rtls .top-navigation .footer.fixed,
  5438. body.rtls.mini-navbar .top-navigation #page-wrapper,
  5439. body.rtls.mini-navbar.top-navigation #page-wrapper,
  5440. body.rtls.top-navigation .footer.fixed {
  5441. margin: 0
  5442. }
  5443. @media (max-width:768px) {
  5444. body.rtls .navbar-top-links li:last-child {
  5445. margin-left: 20px
  5446. }
  5447. .body-small.rtls #page-wrapper {
  5448. position: inherit;
  5449. margin: 0;
  5450. min-height: 1000px
  5451. }
  5452. .body-small.rtls .navbar-static-side {
  5453. display: none;
  5454. z-index: 2001;
  5455. position: absolute;
  5456. width: 70px
  5457. }
  5458. .body-small.rtls.mini-navbar .navbar-static-side {
  5459. display: block
  5460. }
  5461. .rtls.fixed-sidebar.body-small .navbar-static-side {
  5462. display: none;
  5463. z-index: 2001;
  5464. position: fixed;
  5465. width: 220px
  5466. }
  5467. .rtls.fixed-sidebar.body-small.mini-navbar .navbar-static-side {
  5468. display: block
  5469. }
  5470. }
  5471. .rtls .ltr-support {
  5472. direction: ltr
  5473. }
  5474. .skin-setttings .title {
  5475. background: #efefef;
  5476. text-align: center;
  5477. text-transform: uppercase;
  5478. font-weight: 600;
  5479. display: block;
  5480. padding: 10px 15px;
  5481. font-size: 12px
  5482. }
  5483. .setings-item {
  5484. padding: 10px 30px
  5485. }
  5486. .setings-item.nb {
  5487. border: none
  5488. }
  5489. .setings-item.skin {
  5490. text-align: center
  5491. }
  5492. .setings-item .switch {
  5493. float: right
  5494. }
  5495. .skin-name a {
  5496. text-transform: uppercase
  5497. }
  5498. .setings-item a {
  5499. color: #fff
  5500. }
  5501. .blue-skin,
  5502. .default-skin,
  5503. .ultra-skin,
  5504. .yellow-skin {
  5505. text-align: center
  5506. }
  5507. .default-skin {
  5508. font-weight: 600;
  5509. background: #1ab394
  5510. }
  5511. .default-skin:hover {
  5512. background: #199d82
  5513. }
  5514. .blue-skin {
  5515. font-weight: 600;
  5516. background: url(patterns/header-profile-skin-1.png) repeat scroll 0 0
  5517. }
  5518. .blue-skin:hover {
  5519. background: #0d8ddb
  5520. }
  5521. .yellow-skin {
  5522. font-weight: 600;
  5523. background: url(patterns/header-profile-skin-3.png) repeat scroll 0 100%
  5524. }
  5525. .yellow-skin:hover {
  5526. background: #ce8735
  5527. }
  5528. .content-tabs {
  5529. border-bottom: solid 2px #2f4050
  5530. }
  5531. .page-tabs a {
  5532. color: #999
  5533. }
  5534. .page-tabs a i {
  5535. color: #ccc
  5536. }
  5537. .page-tabs a.active {
  5538. background: #2f4050;
  5539. color: #a7b1c2
  5540. }
  5541. .page-tabs a.active i:hover,
  5542. .page-tabs a.active:hover {
  5543. background: #293846;
  5544. color: #fff
  5545. }
  5546. .skin-1 .minimalize-styl-2 {
  5547. margin: 14px 5px 5px 30px
  5548. }
  5549. .skin-1 .navbar-top-links li:last-child {
  5550. margin-right: 30px
  5551. }
  5552. .skin-1.fixed-nav .minimalize-styl-2 {
  5553. margin: 14px 5px 5px 15px
  5554. }
  5555. .skin-1 .spin-icon {
  5556. background: #0e9aef!important
  5557. }
  5558. .skin-1 .nav-header {
  5559. background: #0e9aef;
  5560. background: url(patterns/header-profile-skin-1.png)
  5561. }
  5562. .skin-1.mini-navbar .nav-second-level {
  5563. background: #3e495f
  5564. }
  5565. .skin-1 .breadcrumb {
  5566. background: 0 0
  5567. }
  5568. .skin-1 .page-heading {
  5569. border: none
  5570. }
  5571. .skin-1 .nav>li.active {
  5572. background: #3a4459
  5573. }
  5574. .skin-1 .nav>li>a {
  5575. color: #9ea6b9
  5576. }
  5577. .skin-1 .nav>li.active>a {
  5578. color: #fff
  5579. }
  5580. .skin-1 .navbar-minimalize {
  5581. background: #0e9aef;
  5582. border-color: #0e9aef
  5583. }
  5584. body.skin-1 {
  5585. background: #3e495f
  5586. }
  5587. .skin-1 .navbar-static-top {
  5588. background: #fff
  5589. }
  5590. .skin-1 .dashboard-header {
  5591. background: 0 0;
  5592. border-bottom: none!important;
  5593. border-top: none;
  5594. padding: 20px 30px 10px
  5595. }
  5596. .fixed-nav.skin-1 .navbar-fixed-top {
  5597. background: #fff
  5598. }
  5599. .skin-1 .wrapper-content {
  5600. padding: 30px 15px
  5601. }
  5602. .skin-1 #page-wrapper {
  5603. background: #f4f6fa
  5604. }
  5605. .skin-1 .ibox-content,
  5606. .skin-1 .ibox-title {
  5607. border-width: 1px
  5608. }
  5609. .skin-1 .ibox-content:last-child {
  5610. border-style: solid
  5611. }
  5612. .skin-1 .nav>li.active {
  5613. border: none
  5614. }
  5615. .skin-1 .nav-header {
  5616. padding: 35px 25px 25px
  5617. }
  5618. .skin-1 .nav-header a.dropdown-toggle {
  5619. color: #fff;
  5620. margin-top: 10px
  5621. }
  5622. .skin-1 .nav-header a.dropdown-toggle .text-muted {
  5623. color: #fff;
  5624. opacity: .8
  5625. }
  5626. .skin-1 .profile-element {
  5627. text-align: center
  5628. }
  5629. .skin-1 .img-circle {
  5630. border-radius: 5px
  5631. }
  5632. .skin-1 .navbar-default .nav>li>a:focus,
  5633. .skin-1 .navbar-default .nav>li>a:hover {
  5634. background: #39aef5;
  5635. color: #fff
  5636. }
  5637. .skin-1 .nav.nav-tabs>li.active>a {
  5638. color: #555
  5639. }
  5640. .skin-1 .content-tabs {
  5641. border-bottom: solid 2px #39aef5
  5642. }
  5643. .skin-1 .nav.nav-tabs>li.active {
  5644. background: 0 0
  5645. }
  5646. .skin-1 .page-tabs a.active {
  5647. background: #39aef5;
  5648. color: #fff
  5649. }
  5650. .skin-1 .page-tabs a.active i:hover,
  5651. .skin-1 .page-tabs a.active:hover {
  5652. background: #0e9aef;
  5653. color: #fff
  5654. }
  5655. .skin-3 .minimalize-styl-2 {
  5656. margin: 14px 5px 5px 30px
  5657. }
  5658. .skin-3 .navbar-top-links li:last-child {
  5659. margin-right: 30px
  5660. }
  5661. .skin-3.fixed-nav .minimalize-styl-2 {
  5662. margin: 14px 5px 5px 15px
  5663. }
  5664. .skin-3 .spin-icon {
  5665. background: #ecba52!important
  5666. }
  5667. body.boxed-layout.skin-3 #wrapper {
  5668. background: #3e2c42
  5669. }
  5670. .skin-3 .nav-header {
  5671. background: #ecba52;
  5672. background: url(patterns/header-profile-skin-3.png)
  5673. }
  5674. .skin-3.mini-navbar .nav-second-level {
  5675. background: #3e2c42
  5676. }
  5677. .skin-3 .breadcrumb {
  5678. background: 0 0
  5679. }
  5680. .skin-3 .page-heading {
  5681. border: none
  5682. }
  5683. .skin-3 .nav>li.active {
  5684. background: #38283c
  5685. }
  5686. .fixed-nav.skin-3 .navbar-fixed-top {
  5687. background: #fff
  5688. }
  5689. .skin-3 .nav>li>a {
  5690. color: #948b96
  5691. }
  5692. .skin-3 .nav>li.active>a {
  5693. color: #fff
  5694. }
  5695. .skin-3 .navbar-minimalize {
  5696. background: #ecba52;
  5697. border-color: #ecba52
  5698. }
  5699. body.skin-3 {
  5700. background: #3e2c42
  5701. }
  5702. .skin-3 .navbar-static-top {
  5703. background: #fff
  5704. }
  5705. .skin-3 .dashboard-header {
  5706. background: 0 0;
  5707. border-bottom: none!important;
  5708. border-top: none;
  5709. padding: 20px 30px 10px
  5710. }
  5711. .skin-3 .wrapper-content {
  5712. padding: 30px 15px
  5713. }
  5714. .skin-3 #page-wrapper {
  5715. background: #f4f6fa
  5716. }
  5717. .skin-3 .ibox-content,
  5718. .skin-3 .ibox-title {
  5719. border-width: 1px
  5720. }
  5721. .skin-3 .ibox-content:last-child {
  5722. border-style: solid
  5723. }
  5724. .skin-3 .nav>li.active {
  5725. border: none
  5726. }
  5727. .skin-3 .nav-header {
  5728. padding: 35px 25px 25px
  5729. }
  5730. .skin-3 .nav-header a.dropdown-toggle {
  5731. color: #fff;
  5732. margin-top: 10px
  5733. }
  5734. .skin-3 .nav-header a.dropdown-toggle .text-muted {
  5735. color: #fff;
  5736. opacity: .8
  5737. }
  5738. .skin-3 .profile-element {
  5739. text-align: center
  5740. }
  5741. .skin-3 .img-circle {
  5742. border-radius: 5px
  5743. }
  5744. .skin-3 .navbar-default .nav>li>a:focus,
  5745. .skin-3 .navbar-default .nav>li>a:hover {
  5746. background: #38283c;
  5747. color: #fff
  5748. }
  5749. .skin-3 .nav.nav-tabs>li.active>a {
  5750. color: #555
  5751. }
  5752. .skin-3 .content-tabs {
  5753. border-bottom: solid 2px #3e2c42
  5754. }
  5755. .skin-3 .nav.nav-tabs>li.active {
  5756. background: 0 0
  5757. }
  5758. .skin-3 .page-tabs a.active {
  5759. background: #3e2c42;
  5760. color: #fff
  5761. }
  5762. .skin-3 .page-tabs a.active i:hover,
  5763. .skin-3 .page-tabs a.active:hover {
  5764. background: #38283c;
  5765. color: #fff
  5766. }
  5767. @media (min-width:768px) {
  5768. .navbar-top-links .dropdown-alerts,
  5769. .navbar-top-links .dropdown-messages,
  5770. .navbar-top-links .dropdown-tasks {
  5771. margin-left: auto
  5772. }
  5773. }
  5774. @media (max-width:768px) {
  5775. body.fixed-sidebar .navbar-static-side {
  5776. display: none
  5777. }
  5778. body.fixed-sidebar.mini-navbar .navbar-static-side {
  5779. width: 70px
  5780. }
  5781. .lock-word,
  5782. .navbar-form-custom {
  5783. display: none
  5784. }
  5785. .navbar-header {
  5786. display: inline;
  5787. float: left
  5788. }
  5789. .sidebard-panel {
  5790. z-index: 2;
  5791. position: relative;
  5792. width: auto;
  5793. min-height: 100%!important
  5794. }
  5795. .sidebar-content .wrapper {
  5796. padding-right: 0;
  5797. z-index: 1
  5798. }
  5799. .fixed-sidebar.body-small .navbar-static-side {
  5800. display: none;
  5801. z-index: 2001;
  5802. position: fixed;
  5803. width: 220px
  5804. }
  5805. .fixed-sidebar.body-small.mini-navbar .navbar-static-side {
  5806. display: block
  5807. }
  5808. .ibox-tools {
  5809. float: none;
  5810. text-align: right;
  5811. display: block
  5812. }
  5813. .content-tabs {
  5814. display: none
  5815. }
  5816. #content-main {
  5817. height: calc(100% - 100px)
  5818. }
  5819. .fixed-nav #content-main {
  5820. height: calc(100% - 38px)
  5821. }
  5822. }
  5823. .navbar-static-side {
  5824. /*background: #2f4050*/
  5825. background: #2E70BA;
  5826. }
  5827. .nav-close {
  5828. padding: 10px;
  5829. position: absolute;
  5830. right: 5px;
  5831. top: 5px;
  5832. font-size: 1.4em;
  5833. cursor: pointer;
  5834. z-index: 10;
  5835. display: none;
  5836. color: rgba(255, 255, 255, .3)
  5837. }
  5838. @media (max-width:350px) {
  5839. body.fixed-sidebar.mini-navbar .navbar-static-side {
  5840. width: 0
  5841. }
  5842. .nav-close {
  5843. display: block
  5844. }
  5845. #page-wrapper {
  5846. margin-left: 0!important
  5847. }
  5848. .timeline-item .date {
  5849. text-align: left;
  5850. width: 110px;
  5851. position: relative;
  5852. padding-top: 30px
  5853. }
  5854. .timeline-item .date i {
  5855. position: absolute;
  5856. top: 0;
  5857. left: 15px;
  5858. padding: 5px;
  5859. width: 30px;
  5860. text-align: center;
  5861. border: 1px solid #e7eaec;
  5862. background: #f8f8f8
  5863. }
  5864. .timeline-item .content {
  5865. border-left: none;
  5866. border-top: 1px solid #e7eaec;
  5867. padding-top: 10px;
  5868. min-height: 100px
  5869. }
  5870. .nav.navbar-top-links li.dropdown {
  5871. display: none
  5872. }
  5873. .ibox-tools {
  5874. float: none;
  5875. text-align: left;
  5876. display: inline-block
  5877. }
  5878. }
  5879. .ui-jqgrid-titlebar {
  5880. height: 40px;
  5881. line-height: 24px;
  5882. color: #676a6c;
  5883. background-color: #F9F9F9;
  5884. text-shadow: 0 1px 0 rgba(255, 255, 255, .5)
  5885. }
  5886. .ui-jqgrid .ui-jqgrid-title {
  5887. float: left;
  5888. margin-left: 5px;
  5889. font-weight: 700
  5890. }
  5891. .ui-jqgrid .ui-jqgrid-titlebar {
  5892. position: relative;
  5893. border-left: 0 solid;
  5894. border-right: 0 solid;
  5895. border-top: 0 solid
  5896. }
  5897. .social-feed-separated .social-feed-box {
  5898. margin-left: 62px
  5899. }
  5900. .social-feed-separated .social-avatar {
  5901. float: left;
  5902. padding: 0
  5903. }
  5904. .social-feed-separated .social-avatar img {
  5905. width: 52px;
  5906. height: 52px;
  5907. border: 1px solid #e7eaec
  5908. }
  5909. .social-feed-separated .social-feed-box .social-avatar {
  5910. padding: 15px 15px 0;
  5911. float: none
  5912. }
  5913. .social-feed-box {
  5914. border: 1px solid #e7eaec;
  5915. background: #fff;
  5916. margin-bottom: 15px
  5917. }
  5918. .article .social-feed-box {
  5919. margin-bottom: 0;
  5920. border-bottom: none
  5921. }
  5922. .article .social-feed-box:last-child {
  5923. margin-bottom: 0;
  5924. border-bottom: 1px solid #e7eaec
  5925. }
  5926. .article .social-feed-box p {
  5927. font-size: 13px;
  5928. line-height: 18px
  5929. }
  5930. .social-action {
  5931. margin: 15px
  5932. }
  5933. .social-avatar {
  5934. padding: 15px 15px 0
  5935. }
  5936. .social-comment .social-comment {
  5937. margin-left: 45px
  5938. }
  5939. .social-avatar img {
  5940. height: 40px;
  5941. width: 40px;
  5942. margin-right: 10px
  5943. }
  5944. .social-avatar .media-body a {
  5945. font-size: 14px;
  5946. display: block
  5947. }
  5948. .social-body {
  5949. padding: 15px
  5950. }
  5951. .social-body img {
  5952. margin-bottom: 10px
  5953. }
  5954. .social-footer {
  5955. border-top: 1px solid #e7eaec;
  5956. padding: 10px 15px;
  5957. background: #f9f9f9
  5958. }
  5959. .social-footer .social-comment img {
  5960. width: 32px;
  5961. margin-right: 10px
  5962. }
  5963. .social-comment:first-child {
  5964. margin-top: 0
  5965. }
  5966. .social-comment {
  5967. margin-top: 15px
  5968. }
  5969. .social-comment textarea {
  5970. font-size: 12px
  5971. }
  5972. .checkbox input[type=checkbox],
  5973. .checkbox-inline input[type=checkbox],
  5974. .radio input[type=radio],
  5975. .radio-inline input[type=radio] {
  5976. margin-top: -4px
  5977. }
  5978. @media (max-width:1000px) {
  5979. .welcome-message {
  5980. display: none
  5981. }
  5982. }
  5983. .echarts {
  5984. height: 240px
  5985. }
  5986. .checkbox-inline,
  5987. .checkbox-inline+.checkbox-inline,
  5988. .radio-inline,
  5989. .radio-inline+.radio-inline {
  5990. margin: 0 15px 0 0
  5991. }
  5992. .navbar-toggle {
  5993. background-color: #fff
  5994. }
  5995. .J_menuTab {
  5996. -webkit-transition: all .3s ease-out 0s;
  5997. transition: all .3s ease-out 0s
  5998. }
  5999. ::-webkit-scrollbar-track {
  6000. background-color: #F5F5F5
  6001. }
  6002. ::-webkit-scrollbar {
  6003. width: 6px;
  6004. background-color: #F5F5F5
  6005. }
  6006. ::-webkit-scrollbar-thumb {
  6007. background-color: #999
  6008. }
  6009. #chat .badge {
  6010. position: absolute;
  6011. top: -3px;
  6012. right: -4px;
  6013. }
  6014. .gohome {
  6015. position: fixed;
  6016. top: 35%;
  6017. right: 20px;
  6018. z-index: 100;
  6019. }
  6020. .gohome a {
  6021. height: 38px;
  6022. width: 38px;
  6023. display: block;
  6024. background: #2f4050;
  6025. padding: 9px 8px;
  6026. text-align: center;
  6027. color: #fff;
  6028. border-radius: 50%;
  6029. /*opacity: .5*/
  6030. }
  6031. /*.gohome a:hover {
  6032. opacity: 1
  6033. }*/
  6034. @media only screen and (-webkit-min-device-pixel-ratio:2) {
  6035. #content-main {
  6036. -webkit-overflow-scrolling: touch;
  6037. }
  6038. }
  6039. .navbar-header {
  6040. width: 60%
  6041. }
  6042. .bs-glyphicons {
  6043. margin: 0 -10px 20px;
  6044. overflow: hidden
  6045. }
  6046. .bs-glyphicons-list {
  6047. padding-left: 0;
  6048. list-style: none
  6049. }
  6050. .bs-glyphicons li {
  6051. float: left;
  6052. width: 25%;
  6053. height: 115px;
  6054. padding: 10px;
  6055. font-size: 10px;
  6056. line-height: 1.4;
  6057. text-align: center;
  6058. background-color: #f9f9f9;
  6059. border: 1px solid #fff
  6060. }
  6061. .bs-glyphicons .glyphicon {
  6062. margin-top: 5px;
  6063. margin-bottom: 10px;
  6064. font-size: 24px
  6065. }
  6066. .bs-glyphicons .glyphicon-class {
  6067. display: block;
  6068. text-align: center;
  6069. word-wrap: break-word
  6070. }
  6071. .bs-glyphicons li:hover {
  6072. color: #fff;
  6073. background-color: #1ab394
  6074. }
  6075. @media (min-width:768px) {
  6076. .bs-glyphicons {
  6077. margin-right: 0;
  6078. margin-left: 0
  6079. }
  6080. .bs-glyphicons li {
  6081. width: 12.5%;
  6082. font-size: 12px
  6083. }
  6084. }