jqx.base.css 181 KB

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