calendar.css 134 KB

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