信阳市新县12345县长热线 - 代码来源于 息县数字城管XiXianSZCG_Web

style.min862f.css 112KB

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