base.css 133 KB

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