d95b00bcc41be311ce5f4d8a1527e45ce1078036.svn-base 106 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437
  1. /*Rounded Corners*/
  2. /*top-left rounded Corners*/
  3. .jqx-rc-tl
  4. {
  5. -moz-border-radius-topleft: 3px;
  6. -webkit-border-top-left-radius: 3px;
  7. border-top-left-radius: 3px;
  8. }
  9. /*top-right rounded Corners*/
  10. .jqx-rc-tr
  11. {
  12. -moz-border-radius-topright: 3px;
  13. -webkit-border-top-right-radius: 3px;
  14. border-top-right-radius: 3px;
  15. }
  16. /*bottom-left rounded Corners*/
  17. .jqx-rc-bl
  18. {
  19. -moz-border-radius-bottomleft: 3px;
  20. -webkit-border-bottom-left-radius: 3px;
  21. border-bottom-left-radius: 3px;
  22. }
  23. /*bottom-right rounded Corners*/
  24. .jqx-rc-br
  25. {
  26. -moz-border-radius-bottomright: 3px;
  27. -webkit-border-bottom-right-radius: 3px;
  28. border-bottom-right-radius: 3px;
  29. }
  30. /*top rounded Corners*/
  31. .jqx-rc-t
  32. {
  33. -moz-border-radius-topleft: 3px;
  34. -webkit-border-top-left-radius: 3px;
  35. border-top-left-radius: 3px;
  36. -moz-border-radius-topright: 3px;
  37. -webkit-border-top-right-radius: 3px;
  38. border-top-right-radius: 3px;
  39. }
  40. /*bottom rounded Corners*/
  41. .jqx-rc-b
  42. {
  43. -moz-border-radius-bottomleft: 3px;
  44. -webkit-border-bottom-left-radius: 3px;
  45. border-bottom-left-radius: 3px;
  46. -moz-border-radius-bottomright: 3px;
  47. -webkit-border-bottom-right-radius: 3px;
  48. border-bottom-right-radius: 3px;
  49. }
  50. /*right rounded Corners*/
  51. .jqx-rc-r
  52. {
  53. -moz-border-radius-topright: 3px;
  54. -webkit-border-top-right-radius: 3px;
  55. border-top-right-radius: 3px;
  56. -moz-border-radius-bottomright: 3px;
  57. -webkit-border-bottom-right-radius: 3px;
  58. border-bottom-right-radius: 3px;
  59. }
  60. /*left rounded Corners*/
  61. .jqx-rc-l
  62. {
  63. -moz-border-radius-topleft: 3px;
  64. -webkit-border-top-left-radius: 3px;
  65. border-top-left-radius: 3px;
  66. -moz-border-radius-bottomleft: 3px;
  67. -webkit-border-bottom-left-radius: 3px;
  68. border-bottom-left-radius: 3px;
  69. }
  70. /*all rounded Corners*/
  71. .jqx-rc-all
  72. {
  73. -moz-border-radius: 3px;
  74. -webkit-border-radius: 3px;
  75. border-radius: 3px;
  76. }
  77. /*reset rounded corners*/
  78. .jqx-rc-reset
  79. {
  80. -moz-border-radius: 0px !important;
  81. -webkit-border-radius: 0px !important;
  82. border-radius: 0px !important;
  83. }
  84. /*Reset Style*/
  85. .jqx-reset
  86. {
  87. padding: 0;
  88. margin: 0;
  89. border: none;
  90. background: transparent;
  91. outline: none;
  92. box-sizing: content-box;
  93. }
  94. .jqx-clear {
  95. align:left; valign:top; left: 0px; top: 0px; -webkit-appearance: none !important; outline: none !important; padding: 0px; margin: 0px;
  96. }
  97. .jqx-popup {
  98. box-sizing: content-box;
  99. }
  100. .jqx-position-reset {
  101. position: static !important;
  102. }
  103. .jqx-border-reset {
  104. border: none !important;
  105. }
  106. .jqx-overflow-hidden {
  107. overflow: hidden !important;
  108. }
  109. .jqx-position-relative {
  110. position: relative !important;
  111. }
  112. .jqx-position-absolute {
  113. position: absolute !important;
  114. }
  115. .jqx-max-size {
  116. width: 100% !important;
  117. height: 100% !important;
  118. }
  119. .jqx-background-reset {
  120. background: transparent !important;
  121. }
  122. /*Disable browser selection*/
  123. .jqx-disableselect
  124. {
  125. -webkit-user-select: none;
  126. -khtml-user-select: none;
  127. -moz-user-select: none;
  128. -o-user-select: none;
  129. user-select: none;
  130. -ms-user-select:none;
  131. -webkit-touch-callout:none;
  132. }
  133. .jqx-enableselect {
  134. -webkit-user-select: text;
  135. -khtml-user-select: text;
  136. -moz-user-select: text;
  137. -o-user-select: auto;
  138. -ms-user-select:text;
  139. user-select:all;
  140. }
  141. .jqx-hideborder
  142. {
  143. border: none !important;
  144. }
  145. .jqx-hidescrollbars
  146. {
  147. overflow: hidden !important;
  148. }
  149. /*jqxButton, jqxToggleButton, jqxRepeatButton Style*/
  150. .jqx-button{outline: none; border: 1px solid transparent; padding: 3px; text-align: center; vertical-align: central; margin: 0 0 0 0; cursor: default; }
  151. button.jqx-button, input[type=button].jqx-button, input[type=submit].jqx-button {
  152. box-sizing: border-box !important; -moz-box-sizing: border-box !important;
  153. }
  154. .jqx-buttongroup{}
  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. {
  162. text-decoration: none;
  163. color: #111111;
  164. }
  165. /*shows elements.*/
  166. .jqx-visible
  167. {
  168. display: block;
  169. }
  170. /*hides elements.*/
  171. .jqx-hidden
  172. {
  173. display: none;
  174. }
  175. .jqx-widget, .jqx-widget-content, .jqx-widget-header, .jqx-fill-state-normal {
  176. line-height: 1.231;
  177. }
  178. /*jqxGauge Style*/
  179. .jqx-gauge-label, .jqx-gauge-caption
  180. {
  181. fill: #333333;
  182. color: #333333;
  183. font-size: 11px;
  184. font-family: Verdana;
  185. }
  186. /*jqxChart Style*/
  187. .jqx-chart-axis-text,
  188. .jqx-chart-label-text,
  189. .jqx-chart-tooltip-text,
  190. .jqx-chart-legend-text
  191. {
  192. fill: #333333;
  193. color: #333333;
  194. font-size: 11px;
  195. font-family: Verdana;
  196. }
  197. .jqx-chart-axis-description
  198. {
  199. fill: #555555;
  200. color: #555555;
  201. font-size: 11px;
  202. font-family: Verdana;
  203. }
  204. .jqx-chart-title-text
  205. {
  206. fill: #111111;
  207. color: #111111;
  208. font-size: 14px;
  209. font-weight: bold;
  210. font-family: Verdana;
  211. }
  212. .jqx-chart-title-description
  213. {
  214. fill: #111111;
  215. color: #111111;
  216. font-size: 12px;
  217. font-weight: normal;
  218. font-family: Verdana;
  219. }
  220. /*applied to the Grid's element.*/
  221. .jqx-grid
  222. {
  223. overflow: hidden;
  224. border-style: solid;
  225. border-width: 1px;
  226. }
  227. /*applied to the Pager.*/
  228. .jqx-grid-pager
  229. {
  230. border: none;
  231. border-top: 1px solid transparent;
  232. }
  233. /*applied to the Top Pager.*/
  234. .jqx-grid-pager-top
  235. {
  236. border: none;
  237. border-bottom: 1px solid transparent;
  238. }
  239. .jqx-grid-pager-number{
  240. padding: 2px 5px;
  241. text-decoration: none;
  242. margin: 1px;
  243. border: 1px solid transparent;
  244. color: inherit !important;
  245. *color: expression(this.parentNode.currentStyle['color']) !important;
  246. outline: none;
  247. font-weight: normal !important;
  248. }
  249. /*applied to the Grid's bottom-right area between the horizontal and vertical scrollbars.*/
  250. .jqx-grid-bottomright
  251. {
  252. }
  253. /*applied to the Grid's header area.*/
  254. .jqx-grid-header
  255. {
  256. border-style: solid;
  257. border-width: 0px 0px 1px 0px;
  258. overflow: hidden;
  259. border-color: transparent;
  260. margin: 0px;
  261. padding: 0px;
  262. }
  263. /*applied to the columns.*/
  264. .jqx-grid-column-header, .jqx-grid-columngroup-header {
  265. border-style: solid;
  266. border-width: 0px 1px 0px 0px;
  267. border-color: transparent;
  268. white-space: nowrap;
  269. border-style: solid;
  270. font-weight: normal;
  271. overflow: hidden;
  272. text-align: left;
  273. padding: 0px;
  274. margin: 0px;
  275. }
  276. .jqx-grid-column-header-rtl, .jqx-grid-columngroup-header-rtl {
  277. border-width: 0px 0px 0px 1px;
  278. }
  279. .jqx-grid-columngroup-header {
  280. border-bottom-width: 1px;
  281. border-left-width: 1px;
  282. }
  283. /*applied to the column's button.*/
  284. .jqx-grid-column-menubutton {
  285. border-style: solid;
  286. border-width: 0px 0px 0px 1px;
  287. border-color: transparent;
  288. background-image: url('images/menubutton.png');
  289. background-repeat: no-repeat;
  290. background-position: center;
  291. cursor: pointer;
  292. }
  293. .jqx-grid-column-menubutton-rtl {
  294. border-width: 0px 1px 0px 0px;
  295. }
  296. /*applied to the column's sort button when the sort order is ascending.*/
  297. .jqx-grid-column-sortascbutton {
  298. border: none;
  299. background-image: url('images/sortascbutton.png');
  300. background-repeat: no-repeat;
  301. background-position: center;
  302. cursor: pointer;
  303. }
  304. /*applied to the column's sort button when the sort order is descending.*/
  305. .jqx-grid-column-sortdescbutton {
  306. border: none;
  307. background-image: url('images/sortdescbutton.png');
  308. background-repeat: no-repeat;
  309. background-position: center;
  310. cursor: pointer;
  311. }
  312. /*applied to the column's filter button.*/
  313. .jqx-grid-column-filterbutton
  314. {
  315. border: none;
  316. background-image: url('images/filter.png');
  317. background-repeat: no-repeat;
  318. background-position: center;
  319. }
  320. /*applied to the column's resize line.*/
  321. .jqx-grid-column-resizeline {
  322. border-right: 1px dotted #555;
  323. }
  324. /*applied to the validation popup during cell editing.*/
  325. .jqx-grid-validation
  326. {
  327. background: #df2227 !important;
  328. color: #fff !important;
  329. padding: 4px 8px;
  330. }
  331. .jqx-grid-validation-label {
  332. color: #fff !important;
  333. background: #df2227 !important;
  334. border: 1px solid #df2227 !important;
  335. }
  336. .jqx-grid-validation-arrow-up
  337. {
  338. background-image: url('images/red_arrow_up.png');
  339. background-repeat: no-repeat;
  340. background-position: center center;
  341. }
  342. .jqx-grid-validation-arrow-down
  343. {
  344. background-image: url('images/red_arrow_down.png');
  345. background-repeat: no-repeat;
  346. background-position: center center;
  347. }
  348. /*applied to the column's resize start line.*/
  349. .jqx-grid-column-resizestartline {
  350. border-right: 1px solid #444;
  351. }
  352. /*applied to the sort ascending menu item in the Grid's Context Menu*/
  353. .jqx-grid-sortasc-icon
  354. {
  355. background-image: url('images/sortasc.png');
  356. background-repeat: no-repeat;
  357. background-position: left center;
  358. width: 16px;
  359. height: 16px;
  360. float: left;
  361. margin-left: -4px;
  362. margin-right: 4px;
  363. }
  364. /*applied to the sort ascending menu item in the Grid's Context Menu*/
  365. .jqx-grid-sortdesc-icon
  366. {
  367. background-image: url('images/sortdesc.png');
  368. background-repeat: no-repeat;
  369. background-position: left center;
  370. width: 16px;
  371. height: 16px;
  372. float: left;
  373. margin-left: -4px;
  374. margin-right: 4px;
  375. }
  376. /*applied to the grid menu's sort remove item/*/
  377. .jqx-grid-sortremove-icon
  378. {
  379. background-image: url('images/sortremove.png');
  380. background-repeat: no-repeat;
  381. background-position: left center;
  382. width: 16px;
  383. height: 16px;
  384. float: left;
  385. margin-left: -4px;
  386. margin-right: 4px;
  387. }
  388. /*applied to the grouping column's drag and drop item when the drop operation is allowed.*/
  389. .jqx-grid-drag-icon
  390. {
  391. background-image: url('images/drag.png');
  392. background-repeat: no-repeat;
  393. background-position: left center;
  394. width: 16px;
  395. height: 16px;
  396. }
  397. /*applied to the grouping column's drag and drop item when the drop operation is not allowed.*/
  398. .jqx-grid-dragcancel-icon
  399. {
  400. background-image: url('images/dragcancel.png');
  401. background-repeat: no-repeat;
  402. background-position: left center;
  403. width: 16px;
  404. height: 16px;
  405. }
  406. /*applied to the 'group by' menu item.*/
  407. .jqx-grid-groupby-icon
  408. {
  409. background-repeat: no-repeat;
  410. background-position: left center;
  411. width: 16px;
  412. height: 16px;
  413. float: left;
  414. margin-left: -4px;
  415. margin-right: 4px;
  416. }
  417. /*applied to the column anchor tags.*/
  418. .jqx-grid-column-header a:link, .jqx-grid-column-header a:visited
  419. {
  420. display: block;
  421. margin: 4px;
  422. height: 18px;
  423. line-height: 18px !important;
  424. color: inherit;
  425. outline: 0 none;
  426. text-decoration: none;
  427. cursor: pointer;
  428. }
  429. .jqx-grid-toolbar a:link, .jqx-grid-toolbar a:visited {
  430. margin: 4px;
  431. height: 18px;
  432. line-height: 18px !important;
  433. color: inherit;
  434. outline: 0 none;
  435. text-decoration: none;
  436. cursor: pointer;
  437. }
  438. /*applied to the groups header area.*/
  439. .jqx-grid-groups-header, .jqx-grid-toolbar {
  440. border-style: solid;
  441. border-width: 0px 0px 1px 0px;
  442. border-color: #aaa;
  443. white-space: nowrap;
  444. overflow: hidden;
  445. text-align: left;
  446. padding: 0px;
  447. margin: 0px;
  448. }
  449. /*applied to a grouping row.*/
  450. .jqx-grid-groups-row {
  451. font-weight:bold;
  452. white-space: nowrap;
  453. text-align: left;
  454. padding: 0px;
  455. top: 50%;
  456. margin-top: -8px;
  457. }
  458. /*applied to the row details.*/
  459. .jqx-grid-groups-row-details {
  460. font-weight: normal;
  461. }
  462. /*applied to a grouping column.*/
  463. .jqx-grid-group-column
  464. {
  465. border: 1px solid transparent;
  466. white-space: nowrap;
  467. border-style: solid;
  468. font-weight: normal;
  469. overflow: hidden;
  470. text-align: left;
  471. padding: 0px;
  472. margin: 0px;
  473. }
  474. /*applied to the lines between the group columns.*/
  475. .jqx-grid-group-column-line
  476. {
  477. background: #aaa;
  478. }
  479. /*applied to the drop line indicators displayed in the grouping header.*/
  480. .jqx-grid-group-drag-line
  481. {
  482. background: #80be09;
  483. }
  484. /*applied to the anchor tags inside a grouping column.*/
  485. .jqx-grid-group-column a:link{
  486. display: block;
  487. margin: 4px;
  488. height: 18px;
  489. line-height: 18px !important;
  490. outline: 0 none;
  491. text-decoration: none;
  492. cursor: pointer;
  493. color: inherit;
  494. *color: expression(this.parentNode.currentStyle['color']);
  495. }
  496. .jqx-grid-group-column a:visited{
  497. color: inherit;
  498. display: block;
  499. margin: 4px;
  500. height: 18px;
  501. line-height: 18px !important;
  502. outline: 0 none;
  503. text-decoration: none;
  504. cursor: pointer;
  505. *color: expression(this.parentNode.currentStyle['color']);
  506. }
  507. /*applied to a grid cell*/
  508. .jqx-grid-cell {
  509. border-style: solid;
  510. border-width: 0px 1px 1px 0px;
  511. margin-right: 1px;
  512. margin-bottom: 1px;
  513. border-color: transparent;
  514. background: #fff;
  515. white-space: nowrap;
  516. font-weight: normal;
  517. font-size: inherit;
  518. overflow: hidden;
  519. position: absolute !important;
  520. height: 100%;
  521. }
  522. .jqx-grid-cell-locked {
  523. color: #aaa !important;
  524. }
  525. /*applied to a grid cell that is part of a rows group.*/
  526. .jqx-grid-group-cell{
  527. overflow: hidden;
  528. position: absolute !important;
  529. height: 100%;
  530. background: #fff;
  531. }
  532. /*applied to the grid cells in the sort column*/
  533. .jqx-grid-cell-sort {
  534. background-color: #f0f0f0;
  535. }
  536. /*applied to the grid cells in the filter column*/
  537. .jqx-grid-cell-filter {
  538. background-color: #e6e6e6;
  539. }
  540. /*applied to the grid cells area.*/
  541. .jqx-grid-content {
  542. border-style: solid;
  543. border-width: 0px 0px 0px 0px;
  544. border-color: transparent;
  545. white-space: nowrap;
  546. overflow: hidden;
  547. }
  548. /*applied to a grid cell that is part of a rows group.*/
  549. .jqx-grid-group-cell, .jqx-grid-empty-cell {
  550. border-style: solid;
  551. border-width: 0px 0px 1px 0px;
  552. white-space: nowrap;
  553. font-weight: normal;
  554. }
  555. .jqx-widget .jqx-grid-cleared-cell, .jqx-grid-cleared-cell {
  556. border: transparent !important;
  557. }
  558. .jqx-grid-cell-wrap {white-space: normal;}
  559. .jqx-tree-grid-indent {
  560. width: 14px;
  561. display: inline-block;
  562. height: 8px;
  563. overflow: hidden;
  564. vertical-align: top;
  565. }
  566. .jqx-tree-grid-title {
  567. text-decoration: none;
  568. vertical-align: top;
  569. white-space: nowrap;
  570. overflow: hidden;
  571. text-overflow: ellipsis;
  572. }
  573. .jqx-tree-grid-collapse-button, .jqx-tree-grid-expand-button {
  574. display: inline-block;
  575. margin-top: 2px;
  576. margin-right: 0px;
  577. position: relative;
  578. width: 14px;
  579. height: 13px;
  580. vertical-align: top;
  581. }
  582. .jqx-tree-grid-checkbox {
  583. float: none !important;
  584. width: 14px;
  585. height: 14px;
  586. cursor: pointer;
  587. margin-right: 2px !important;
  588. margin-left: 2px !important;
  589. }
  590. .jqx-tree-grid-icon {
  591. float: none !important;
  592. width: 14px;
  593. height: 14px;
  594. margin-right: 4px;
  595. }
  596. .jqx-tree-grid-icon-rtl {
  597. margin-right: 0px;
  598. margin-left: 4px;
  599. }
  600. .jqx-tree-grid-icon-size {
  601. width: 14px;
  602. height: 14px;
  603. line-height: 16px;
  604. }
  605. .jqx-tree-grid-checkbox-tick {
  606. width: 100%;
  607. height: 100%;
  608. }
  609. .jqx-tree-grid-expand-button {
  610. height: 10px;
  611. width: 14px;
  612. vertical-align: top;
  613. }
  614. /*applied to a cell in jqxDataTable*/
  615. .jqx-cell {
  616. min-height: 23px;
  617. padding: 6px 4px;
  618. margin: 0;
  619. border-collapse: separate;
  620. border-spacing: 0px;
  621. overflow: hidden;
  622. text-overflow: ellipsis;
  623. border: 1px solid transparent;
  624. border-top-width: 0px;
  625. border-left-width: 0px;
  626. box-sizing: border-box;
  627. -moz-box-sizing: border-box;
  628. white-space: normal;
  629. line-height: 1.231;
  630. }
  631. .jqx-grid-cell-nowrap {white-space: nowrap;}
  632. .jqx-cell-editor {
  633. padding-left: 4px !important;
  634. padding-right: 3px !important;
  635. }
  636. .jqx-left-align {
  637. text-align: left;
  638. }
  639. .jqx-center-align {
  640. text-align: center;
  641. }
  642. .jqx-right-align {
  643. text-align: right;
  644. }
  645. .jqx-grid-table .jqx-grid-cell {
  646. position: static !important;
  647. zoom: 1;
  648. }
  649. /*applied to the Grid's Table element.*/
  650. .jqx-grid-table {
  651. font-size: 13px;
  652. table-layout: fixed;
  653. margin: 0px;
  654. padding: 0px;
  655. border-collapse: separate;
  656. border-spacing: 0px;
  657. -webkit-overflow-scrolling: touch;
  658. outline: none;
  659. zoom: 1;
  660. empty-cells: show;
  661. border-right: 1px solid #aaa;
  662. line-height: 1.231;
  663. width: auto;
  664. border: none;
  665. }
  666. .jqx-grid-table-rtl {
  667. border-left-width: 1px;
  668. border-right-width: 0px;
  669. }
  670. .jqx-details table {
  671. border-collapse: collapse;
  672. table-layout: fixed;
  673. border-spacing: 0px;
  674. }
  675. /*applied to a grid cell that is part of a details row and grouping is enabled.*/
  676. .jqx-grid-group-details-cell {
  677. }
  678. /*applied to a grid cell that is part of a details row.*/
  679. .jqx-grid-details-cell {
  680. border-width: 0px 1px 0px 0px;
  681. }
  682. /*applied to a grid cell. Represents the alternating cell background.*/
  683. .jqx-grid-cell-alt {
  684. background: #f9f9f9;
  685. }
  686. /*applied to a sorted and alternating grid cell*/
  687. .jqx-grid-cell-sort-alt {
  688. background-color: #e5e5e5;
  689. }/*applied to a sorted and alternating grid cell*/
  690. .jqx-grid-cell-filter-alt {
  691. background-color: #f0f0f0;
  692. }
  693. /*applied to a pinned grid cell.*/
  694. .jqx-grid-cell-pinned {
  695. background-color: #e5e5e5;
  696. }
  697. /*applied to a pinned grid cell. Represents the alternating cell background.*/
  698. .jqx-grid-cell-pinned-alt {
  699. background-color: #e5e5e5;
  700. }
  701. /*applied to a selected grid cell.*/
  702. .jqx-grid-cell-selected {
  703. border-left: 0px solid transparent;
  704. }
  705. .jqx-cell-rtl {
  706. border-left-width: 1px;
  707. border-right-width: 0px;
  708. }
  709. .jqx-grid-cell-rtl {
  710. border-width: 0px 0px 1px 1px;
  711. }
  712. .jqx-grid-table .jqx-grid-cell {
  713. border-width: 0px 0px 1px 1px;
  714. }
  715. .jqx-grid-table .jqx-grid-cell:first-child {
  716. border-left-width: 0px;
  717. }
  718. /*applied to the selection area.*/
  719. .jqx-grid-selectionarea {
  720. border: 1px solid transparent;
  721. opacity: 0.5;
  722. filter: alpha(opacity=50);
  723. }
  724. /*applied to a hovered grid cell.*/
  725. .jqx-grid-cell-hover {
  726. border-color: transparent;
  727. }
  728. /*applied to a grid cell when the grid is empty.*/
  729. .jqx-grid-empty-cell{ overflow: visible; border-bottom: none;}
  730. /*applied to the Grid when its loading the data.*/
  731. .jqx-grid-load
  732. {
  733. padding-right: 0px;
  734. background-image: url(images/loader.gif);
  735. background-position: 50% 50%;
  736. background-repeat: no-repeat;
  737. z-index: 9999;
  738. display: block;
  739. }
  740. /*applied to a group's collapse button.*/
  741. .jqx-grid-group-collapse
  742. {
  743. padding-right: 0px;
  744. background-image: url(images/icon-right.png);
  745. background-position: 50% 50%;
  746. background-repeat: no-repeat;
  747. cursor: pointer;
  748. }
  749. .jqx-grid-group-collapse-rtl
  750. {
  751. padding-right: 0px;
  752. background-image: url(images/icon-left.png);
  753. background-position: 50% 50%;
  754. background-repeat: no-repeat;
  755. cursor: pointer;
  756. }
  757. /*applied to a group's expand button.*/
  758. .jqx-grid-group-expand, .jqx-grid-group-expand-rtl
  759. {
  760. padding-right: 0px;
  761. background-image: url(images/icon-down.png);
  762. background-position: 50% 50%;
  763. background-repeat: no-repeat;
  764. cursor: pointer;
  765. }
  766. /*jqxProgresBar Style*/
  767. .jqx-progressbar
  768. {
  769. overflow: hidden;
  770. outline: none;
  771. border: 1px solid transparent;
  772. height: 2em;
  773. }
  774. /*applied to the progressbar's value element*/
  775. .jqx-progressbar-value
  776. {
  777. outline: none;
  778. border: 0px solid transparent;
  779. height: 100%;
  780. }
  781. /*applied to the progress bar's vertical value element- when the widget's orientation is 'vertical'*/
  782. .jqx-progressbar-value-vertical
  783. {
  784. outline: none;
  785. border: 0px solid transparent;
  786. height: 100%;
  787. background: transparent;
  788. }
  789. /*applied to the progressbar's text element*/
  790. .jqx-progressbar-text
  791. {
  792. font-size: 10px;
  793. border: none;
  794. }
  795. /*applied to the progress bar when the widget is in disabled state*/
  796. .jqx-progressbar-disabled
  797. {
  798. outline: none;
  799. border: 1px solid transparent;
  800. height: 2em;
  801. }
  802. /*jqxMenu Style*/
  803. .jqx-menu
  804. {
  805. border: 1px solid transparent;
  806. float: none;
  807. margin: 0px;
  808. height: 100%;
  809. padding: 0px;
  810. overflow: hidden;
  811. text-align: left;
  812. }
  813. .jqx-menu-dropdown-column
  814. {
  815. float: left;
  816. }
  817. /*applied to the menu when it is horizontal. Sets the menu's background*/
  818. .jqx-menu-horizontal
  819. {
  820. margin: 0px;
  821. padding: 0px;
  822. overflow: hidden;
  823. text-align: center;
  824. }
  825. /*applied to the menu when it is vertical. Sets the menu's background*/
  826. .jqx-menu-vertical
  827. {
  828. text-align: left;
  829. }
  830. /*applied to the sub menu. Sets the sub menu's background*/
  831. .jqx-menu-dropdown
  832. {
  833. left: 100%;
  834. margin: 0px;
  835. padding: 0px;
  836. right: 0;
  837. overflow: hidden;
  838. display: none;
  839. float: none;
  840. width: 150px;
  841. border-style: solid;
  842. border-width: 1px;
  843. text-align: left;
  844. padding: 2px;
  845. }
  846. /*applied to the sub menu's ul elements.*/
  847. .jqx-menu-dropdown ul
  848. {
  849. left: 100%;
  850. margin: 0px;
  851. padding: 0px;
  852. right: 0;
  853. overflow: hidden;
  854. border: none;
  855. }
  856. /*applied to the menu's ul elements.*/
  857. .jqx-menu ul
  858. {
  859. left: 100%;
  860. margin: 0px;
  861. padding: 2px;
  862. right: 0;
  863. overflow: hidden;
  864. background-color: transparent;
  865. border: none;
  866. }
  867. /*applied to the menu's li elements.*/
  868. .jqx-menu li, .jqx-menu-dropdown li
  869. {
  870. line-height: 1.3 !important;
  871. }
  872. /*applied to the top level menu items.*/
  873. .jqx-menu-item-top
  874. {
  875. border: 1px solid transparent;
  876. text-indent: 0;
  877. list-style: none;
  878. padding: 4px 8px 4px 8px;
  879. left: 100%;
  880. overflow: hidden;
  881. color: inherit;
  882. right: 0;
  883. margin: 0px 1px 0px 1px;
  884. cursor: pointer;
  885. }
  886. /*applied to the sub menu items.*/
  887. .jqx-menu-item
  888. {
  889. border: 1px solid transparent;
  890. text-indent: 0;
  891. list-style: none;
  892. padding: 4px 8px 4px 8px;
  893. margin: 1px;
  894. float: none;
  895. overflow: hidden;
  896. left: 100%;
  897. color: inherit;
  898. right: 0;
  899. text-align: left;
  900. cursor: pointer;
  901. *color: expression(this.parentNode.currentStyle['color']);
  902. }
  903. /*applied to a sub menu item when the mouse is over the item.*/
  904. .jqx-menu-item-hover
  905. {
  906. color: inherit;
  907. right: 0;
  908. list-style: none;
  909. margin: 1px;
  910. left: 100%;
  911. padding: 4px 8px 4px 8px;
  912. text-align: left;
  913. cursor: pointer;
  914. *color: expression(this.parentNode.currentStyle['color']);
  915. }
  916. /*applied to a top-level menu item when the mouse is over it.*/
  917. .jqx-menu-item-top-hover
  918. {
  919. color: inherit;
  920. right: 0;
  921. list-style: none;
  922. margin: 0px 1px 0px 1px;
  923. left: 100%;
  924. padding: 4px 8px 4px 8px;
  925. top: 50%;
  926. cursor: pointer;
  927. *color: expression(this.parentNode.currentStyle['color']);
  928. }
  929. /*applied to a sub menu item when its sub menu is opened.*/
  930. .jqx-menu-item-selected
  931. {
  932. right: 0;
  933. list-style: none;
  934. margin: 1px;
  935. left: 100%;
  936. padding: 4px 8px 4px 8px;
  937. text-align: left;
  938. cursor: pointer;
  939. *color: expression(this.parentNode.currentStyle['color']);
  940. }
  941. /*applied to a disabled sub menu item.*/
  942. .jqx-menu-item-disabled
  943. {
  944. }
  945. /*applied to a top-level menu item when its sub menu is opened.*/
  946. .jqx-menu-item-top-selected
  947. {
  948. right: 0;
  949. list-style: none;
  950. margin: 0px 1px 0px 1px;
  951. left: 100%;
  952. padding: 4px 8px 4px 8px;
  953. cursor: pointer;
  954. }
  955. /*applied to the menu separator items.*/
  956. .jqx-menu-item-separator
  957. {
  958. text-indent: 0;
  959. background-color: #ddd;
  960. border: none;
  961. list-style: none;
  962. height: 1px;
  963. line-height:0 !important;
  964. padding: 0px;
  965. margin: 1px 2px 1px 2px;
  966. float: none;
  967. overflow: hidden;
  968. left: 100%;
  969. color: inherit;
  970. right: 0;
  971. font-size: 1px;
  972. }
  973. /*applied to a sub menu item when it has sub menu items. Displays right arrow icon.*/
  974. .jqx-menu-item-arrow-right
  975. {
  976. background-image: url(images/icon-right.png);
  977. }
  978. /*applied to a sub menu item when it has sub menu items. Displays down arrow icon.*/
  979. .jqx-menu-item-arrow-down
  980. {
  981. background-image: url(images/icon-down.png);
  982. }
  983. /*applied to a sub menu item when it has sub menu items. Displays up arrow icon.*/
  984. .jqx-menu-item-arrow-up
  985. {
  986. background-image: url(images/icon-up.png);
  987. }
  988. .jqx-menu-minimized {
  989. position: relative;
  990. }
  991. .jqx-menu-title {
  992. position: relative;
  993. float: right;
  994. margin-top: 4px;
  995. padding-top: 4px;
  996. padding-right: 20px;
  997. }
  998. .jqx-menu-minimized-button
  999. {
  1000. background-image: url('images/icon-menu-minimized.png');
  1001. background-repeat: no-repeat;
  1002. background-position: left center;
  1003. height: 24px;
  1004. width: 24px;
  1005. padding: 0px;
  1006. margin-left: 7px;
  1007. margin-top: 4px;
  1008. float : left;
  1009. }
  1010. .jqx-menu-ul-minimized {
  1011. display: normal!important;
  1012. width: auto !important;
  1013. }
  1014. .jqx-menu-ul-minimized ul {
  1015. margin-top: 0px;
  1016. margin-bottom: 0px;
  1017. padding-top: 0px;
  1018. padding-bottom: 0px;
  1019. -webkit-box-shadow: none !important;
  1020. -moz-box-shadow : none !important;
  1021. -o-box-shadow : none !important;
  1022. box-shadow : none !important;
  1023. }
  1024. .jqx-menu-minimized li:last-child {
  1025. padding-bottom: 0px;
  1026. margin: 0px;
  1027. }
  1028. .jqx-menu-item-arrow-right, .jqx-menu-item-arrow-down, .jqx-menu-item-arrow-up, .jqx-menu-item-arrow-right {
  1029. background-position: 100% 50%;
  1030. background-repeat: no-repeat;
  1031. padding-right: 0px;
  1032. margin-right: -8px;
  1033. width: 17px;
  1034. height: 15px;
  1035. }
  1036. /*applied to a sub menu item when it has sub menu items. Displays left arrow icon.*/
  1037. .jqx-menu-item-arrow-left
  1038. {
  1039. padding-right: 0px;
  1040. padding-left: 5px;
  1041. width: 17px;
  1042. height: 15px;
  1043. background-image: url(images/icon-left.png);
  1044. background-position: 0 50%;
  1045. background-repeat: no-repeat;
  1046. }
  1047. /*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays right arrow icon.*/
  1048. .jqx-menu-item-arrow-right-selected
  1049. {
  1050. background-image: url(images/icon-right.png);
  1051. }
  1052. /*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays down arrow icon.*/
  1053. .jqx-menu-item-arrow-down-selected
  1054. {
  1055. background-image: url(images/icon-down.png);
  1056. }
  1057. /*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays up arrow icon.*/
  1058. .jqx-menu-item-arrow-up-selected
  1059. {
  1060. background-image: url(images/icon-up.png);
  1061. }
  1062. .jqx-menu-item-arrow-right-selected, .jqx-menu-item-arrow-up-selected, .jqx-menu-item-arrow-down-selected, .jqx-menu-item-arrow-top-right {
  1063. padding-right: 0px;
  1064. margin-right: -8px;
  1065. width: 17px;
  1066. height: 15px;
  1067. background-position: 100% 50%;
  1068. background-repeat: no-repeat;
  1069. }
  1070. /*applied to a top-level menu item when it has sub menu items. Displays right arrow icon.*/
  1071. .jqx-menu-item-arrow-top-right
  1072. {
  1073. background-image: url(images/icon-right.png);
  1074. }
  1075. /*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays left arrow icon.*/
  1076. .jqx-menu-item-arrow-left-selected
  1077. {
  1078. background-image: url(images/icon-left.png);
  1079. }
  1080. /*applied to a top-level menu item when it has sub menu items. Displays left arrow icon.*/
  1081. .jqx-menu-item-arrow-top-left
  1082. {
  1083. background-image: url(images/icon-left.png);
  1084. }
  1085. .jqx-menu-item-arrow-left-selected, .jqx-menu-item-arrow-top-left {
  1086. background-position: 0 50%;
  1087. background-repeat: no-repeat;
  1088. padding-right: 0px;
  1089. padding-left: 5px;
  1090. width: 17px;
  1091. height: 15px;
  1092. }
  1093. /*applied to the anchor elements*/
  1094. .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
  1095. {
  1096. text-decoration: none;
  1097. color: inherit;
  1098. outline: none;
  1099. background-color: transparent;
  1100. *color: expression(this.parentNode.currentStyle['color']);
  1101. }
  1102. /*applied to the menu widget when it is disabled.*/
  1103. .jqx-menu-disabled
  1104. {
  1105. cursor: default;
  1106. }
  1107. /*applied to the anchor elements of all disabled menu items.*/
  1108. .jqx-menu-disabled a:link
  1109. {
  1110. cursor: default;
  1111. text-decoration: none;
  1112. }
  1113. .jqx-menu-disabled a:visited
  1114. {
  1115. cursor: default;
  1116. text-decoration: none;
  1117. }
  1118. .jqx-menu-disabled a:hover
  1119. {
  1120. cursor: default;
  1121. }
  1122. .jqx-menu-dropdown
  1123. {
  1124. right: -1px;
  1125. }
  1126. /*jqxtree Style*/
  1127. .jqx-tree
  1128. {
  1129. left: 100%;
  1130. right: 0;
  1131. float: none;
  1132. margin: 0px;
  1133. border-style: solid;
  1134. border-width: 1px;
  1135. padding: 0px;
  1136. overflow: hidden;
  1137. text-align: left;
  1138. outline: none;
  1139. white-space: nowrap;
  1140. line-height: 14px !important;
  1141. }
  1142. /*applied to the jqxTree root UL element.*/
  1143. .jqx-tree-dropdown-root
  1144. {
  1145. left: 100%;
  1146. padding: 0px 5px 0px 5px;
  1147. right: 0;
  1148. display: block;
  1149. float: none;
  1150. background-color: transparent;
  1151. border-style: solid;
  1152. border-width: 0px;
  1153. border-color: #fff;
  1154. text-align: left;
  1155. outline: none;
  1156. white-space: nowrap;
  1157. margin: 0px;
  1158. }
  1159. .jqx-tree-dropdown-root-rtl {
  1160. padding: 0px 5px 0px 0px;
  1161. text-align: right;
  1162. float: right;
  1163. margin: 0px;
  1164. }
  1165. /*applied to the jqxTree UL elements.*/
  1166. .jqx-tree-dropdown
  1167. {
  1168. left: 100%;
  1169. margin: 0px;
  1170. padding: 0px 0px 0px 10px;
  1171. right: 0;
  1172. display: block;
  1173. float: none;
  1174. background-color: transparent;
  1175. border-style: solid;
  1176. border-width: 0px;
  1177. border-color: transparent;
  1178. text-align: left;
  1179. outline: none;
  1180. }
  1181. .jqx-tree-dropdown-rtl {
  1182. padding: 3px 0px 0px 0px;
  1183. text-align: right;
  1184. }
  1185. /*applied to a tree item.*/
  1186. .jqx-tree-item
  1187. {
  1188. border: 1px solid transparent;
  1189. text-indent: 0;
  1190. list-style: none;
  1191. padding: 3px;
  1192. margin: 0px;
  1193. float: none;
  1194. overflow: hidden;
  1195. left: 100%;
  1196. right: 0;
  1197. text-align: left;
  1198. cursor: default;
  1199. text-decoration: none;
  1200. }
  1201. /*applied to the jqxTree LI elements.*/
  1202. .jqx-tree-item-li
  1203. {
  1204. text-indent: 0;
  1205. background-color: transparent;
  1206. border: 0px solid transparent;
  1207. list-style: none;
  1208. left: 100%;
  1209. right: 0;
  1210. text-align: left;
  1211. outline: none;
  1212. margin: 0px;
  1213. margin-top: 1px;
  1214. padding: 0px;
  1215. }
  1216. /*applied to the last LI elements in an UL element.*/
  1217. .jqx-tree-item-u-last
  1218. {
  1219. margin: 0px 0px 0px 0px;
  1220. }
  1221. /*applied to a tree item when the mouse is over the item.*/
  1222. .jqx-tree-item-hover
  1223. {
  1224. color: inherit;
  1225. right: 0;
  1226. padding: 3px;
  1227. margin: 0px;
  1228. list-style: none;
  1229. left: 100%;
  1230. cursor: pointer;
  1231. text-decoration: none;
  1232. }
  1233. /*applied to a tree item when the item is selected.*/
  1234. .jqx-tree-item-selected
  1235. {
  1236. color: inherit;
  1237. right: 0;
  1238. padding: 3px;
  1239. margin: 0px;
  1240. list-style: none;
  1241. left: 100%;
  1242. cursor: pointer;
  1243. text-decoration: none;
  1244. }
  1245. .jqx-tree-item-rtl {
  1246. text-align: right;
  1247. }
  1248. .jqx-tree-item-li-rtl {
  1249. text-align: right;
  1250. }
  1251. /*applied to the anchor element of a tree item.*/
  1252. .jqx-tree-item a:link, .jqx-tree-item a:visited
  1253. {
  1254. text-indent: 0;
  1255. background-color: transparent;
  1256. border: 0px solid transparent;
  1257. list-style: none;
  1258. padding: 0px;
  1259. margin: 0px;
  1260. float: none;
  1261. overflow: hidden;
  1262. left: 100%;
  1263. color: inherit;
  1264. right: 0;
  1265. text-align: left;
  1266. cursor: pointer;
  1267. text-decoration: none;
  1268. outline: none;
  1269. }
  1270. .jqx-tree-item-selected, .jqx-tree-item-hover a:hover
  1271. {
  1272. color: inherit;
  1273. }
  1274. .jqx-tree-item-selected, .jqx-tree-item-hover a:visited
  1275. {
  1276. color: inherit;
  1277. }
  1278. /*applied to a tree item when the item is disabled.*/
  1279. .jqx-tree-item-disabled
  1280. {
  1281. }
  1282. /*applied to a tree item when it has sub items and is collapsed. Displays an arrow icon next to the item.*/
  1283. .jqx-tree-item-arrow-collapse, .jqx-tree-item-arrow-collapse-hover
  1284. {
  1285. padding-right: 0px;
  1286. width: 17px;
  1287. height: 17px;
  1288. background-image: url(images/icon-right.png);
  1289. background-position: 100% 50%;
  1290. background-repeat: no-repeat;
  1291. cursor: pointer;
  1292. }
  1293. .jqx-tree-item-arrow-collapse-rtl, .jqx-tree-item-arrow-collapse-hover-rtl {
  1294. background-image: url(images/icon-left.png);
  1295. }
  1296. /*applied to a tree item when it has sub items and is expanded. Displays an arrow icon next to the item.*/
  1297. .jqx-tree-item-arrow-expand, .jqx-tree-item-arrow-expand-hover
  1298. {
  1299. padding-right: 0px;
  1300. width: 17px;
  1301. height: 17px;
  1302. background-image: url(images/icon-down.png);
  1303. background-position: 100% 50%;
  1304. background-repeat: no-repeat;
  1305. cursor: pointer;
  1306. }
  1307. /*applied to the tree when it is disabled.*/
  1308. .jqx-tree-disabled
  1309. {
  1310. cursor: default;
  1311. }
  1312. /*applied to the anchor elements in a tree when it is disabled.*/
  1313. .jqx-tree-disabled a:link
  1314. {
  1315. cursor: default;
  1316. text-decoration: none;
  1317. }
  1318. .jqx-tree-disabled a:visited
  1319. {
  1320. cursor: default;
  1321. text-decoration: none;
  1322. }
  1323. .jqx-tree-disabled a:hover
  1324. {
  1325. cursor: default;
  1326. }
  1327. /*jqxTabs*/
  1328. .jqx-tabs
  1329. {
  1330. outline: none;
  1331. margin: 0 0 0 0;
  1332. padding: 0px;
  1333. overflow: hidden;
  1334. background: transparent;
  1335. border: 1px solid transparent;
  1336. }
  1337. /*applied to the tab close button.*/
  1338. .jqx-tabs-close-button
  1339. {
  1340. outline: none;
  1341. background-image: url(images/close.png);
  1342. cursor: pointer;
  1343. margin: 0 0 0 0;
  1344. padding: 0 0 0 0;
  1345. position: relative;
  1346. left: 5px;
  1347. }
  1348. /*applied to the tab close button when the tab is selected.*/
  1349. .jqx-tabs-close-button-selected
  1350. {
  1351. outline: none;
  1352. background-image: url(images/close.png);
  1353. cursor: pointer;
  1354. margin: 0 0 0 0;
  1355. padding: 0 0 0 0;
  1356. }
  1357. /*applied to the tab close button when the mouse is over the tab.*/
  1358. .jqx-tabs-close-button-hover
  1359. {
  1360. outline: none;
  1361. background-image: url(images/close.png);
  1362. cursor: pointer;
  1363. margin: 0 0 0 0;
  1364. padding: 0 0 0 0;
  1365. }
  1366. /*applied to the tab's left scroll arrow.*/
  1367. .jqx-tabs-arrow-left
  1368. {
  1369. outline: none;
  1370. position: relative;
  1371. z-index: 15;
  1372. float: left;
  1373. cursor: pointer;
  1374. margin: 0 0 0 0;
  1375. padding: 0 0 0 0;
  1376. background-image: url('images/icon-left.png');
  1377. background-repeat: no-repeat;
  1378. background-position: center;
  1379. }
  1380. /*applied to the tab's right scroll arrow.*/
  1381. .jqx-tabs-arrow-right
  1382. {
  1383. outline: none;
  1384. position: relative;
  1385. z-index: 15;
  1386. background-image: url('images/icon-right.png');
  1387. background-repeat: no-repeat;
  1388. background-position: center;
  1389. float: left;
  1390. cursor: pointer;
  1391. margin: 0 0 0 0;
  1392. padding: 0 0 0 0;
  1393. }
  1394. .jqx-tabs-arrow-background
  1395. {
  1396. background: #eeeeee;
  1397. }
  1398. /*applied to the tab's title.*/
  1399. .jqx-tabs-title
  1400. {
  1401. outline: none;
  1402. display: block;
  1403. cursor: pointer;
  1404. white-space: nowrap;
  1405. left: 100%;
  1406. right: 0;
  1407. text-indent: 0px;
  1408. list-style: none;
  1409. border: 1px solid transparent;
  1410. margin: 0px 2px 0px 0px;
  1411. overflow: hidden;
  1412. z-index: 1;
  1413. padding-left: 13px;
  1414. padding-right: 13px;
  1415. padding-bottom: 5px;
  1416. padding-top: 5px;
  1417. background: transparent;
  1418. height: auto;
  1419. position: relative;
  1420. }
  1421. .jqx-tabs-title-bottom
  1422. {
  1423. }
  1424. .jqx-tabs-title a:link
  1425. {
  1426. color: inherit;
  1427. *color: expression(this.parentNode.currentStyle['color']);
  1428. text-decoration: none;
  1429. }
  1430. .jqx-tabs-title a:hover
  1431. {
  1432. color: inherit;
  1433. *color: expression(this.parentNode.currentStyle['color']);
  1434. text-decoration: none;
  1435. }
  1436. .jqx-tabs-title a:active
  1437. {
  1438. color: inherit;
  1439. *color: expression(this.parentNode.currentStyle['color']);
  1440. text-decoration: none;
  1441. }
  1442. .jqx-tabs-title a:visited
  1443. {
  1444. color: inherit;
  1445. *color: expression(this.parentNode.currentStyle['color']);
  1446. text-decoration: none;
  1447. }
  1448. /*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'top' .*/
  1449. .jqx-tabs-title-selected-top
  1450. {
  1451. z-index: 99;
  1452. outline: none;
  1453. border-top: 1px solid transparent;
  1454. border-left: 1px solid transparent;
  1455. border-right: 1px solid transparent;
  1456. border-bottom: 1px solid #fff;
  1457. background-color: #fff;
  1458. padding-bottom: 7px;
  1459. }
  1460. /*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/
  1461. .jqx-tabs-title-selected-bottom
  1462. {
  1463. outline: none;
  1464. border-top: 1px solid #fff;
  1465. border-left: 1px solid transparent;
  1466. border-right: 1px solid transparent;
  1467. border-bottom: 1px solid transparent;
  1468. padding-top: 7px;
  1469. padding-bottom: 5px;
  1470. margin-top: -2px;
  1471. background-color: #fff;
  1472. }
  1473. /*applied to the tab's title when the tab is hovered and the jqxTab's position property is set to 'top' .*/
  1474. .jqx-tabs-title-hover-top
  1475. {
  1476. outline: none;
  1477. border: 1px solid transparent;
  1478. padding-bottom: 5px;
  1479. }
  1480. /*applied to the tab's title when the tab is hovered and the jqxTab's position property is set to 'bottom' .*/
  1481. .jqx-tabs-title-hover-bottom
  1482. {
  1483. outline: none;
  1484. border: 1px solid transparent;
  1485. padding-top: 5px;
  1486. }
  1487. /*applied to the tab's title when the tab is disabled.*/
  1488. .jqx-tabs-title-disable
  1489. {
  1490. }
  1491. /*applied to the tab's header.*/
  1492. .jqx-tabs-header
  1493. {
  1494. padding-left: 0px;
  1495. padding-right: 0px;
  1496. padding-top: 3px;
  1497. padding-bottom: 1px;
  1498. margin: 0px;
  1499. border-top: 0px solid transparent;
  1500. border-left: 0px solid transparent;
  1501. border-right: 0px solid transparent;
  1502. border-bottom: 1px solid #aaa;
  1503. background: #eeeeee;
  1504. }
  1505. /*applied to the tab's header when the position is bottom.*/
  1506. .jqx-tabs-header-bottom
  1507. {
  1508. padding-top: 1px;
  1509. padding-bottom: 3px;
  1510. border-top: 0px solid #aaa;
  1511. border-left: 0px solid transparent;
  1512. border-right: 0px solid transparent;
  1513. border-bottom: 1px solid transparent;
  1514. }
  1515. /*applied to the tab's header when the tab is collapsed.*/
  1516. .jqx-tabs-header-collapsed
  1517. {
  1518. border: 1px solid #aaa;
  1519. }
  1520. /*applied to the tab's header when the position is bottom and tab is collapsed.*/
  1521. .jqx-tabs-header-collapsed-bottom
  1522. {
  1523. border: 1px solid #aaa;
  1524. }
  1525. .jqx-tabs-collapsed
  1526. {
  1527. border: 0px solid transparent;
  1528. }
  1529. .jqx-tabs-collapsed-bottom
  1530. {
  1531. border: 0px solid transparent;
  1532. }
  1533. /*applied to the tab's selection tracker container element.*/
  1534. .jqx-tabs-selection-tracker-container
  1535. {
  1536. outline: none;
  1537. position: relative;
  1538. text-indent: 0px;
  1539. margin: 0 0 0 0;
  1540. padding: 0 0 0 0;
  1541. width: 100%;
  1542. background: transparent;
  1543. height: 0px;
  1544. }
  1545. /*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/
  1546. .jqx-tabs-selection-tracker-top
  1547. {
  1548. border-top: 1px solid transparent;
  1549. border-left: 1px solid transparent;
  1550. border-right: 1px solid transparent;
  1551. padding-bottom: 2px;
  1552. background-color: #fff;
  1553. outline: none;
  1554. position: absolute;
  1555. z-index: 10;
  1556. }
  1557. /*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/
  1558. .jqx-tabs-selection-tracker-bottom
  1559. {
  1560. border-left: 1px solid transparent;
  1561. border-right: 1px solid transparent;
  1562. border-bottom: 1px solid transparent;
  1563. background-color: #fff;
  1564. outline: none;
  1565. position: absolute;
  1566. z-index: 10;
  1567. margin-top: -1px;
  1568. padding-bottom: 2px;
  1569. }
  1570. /*applied to the tab's content element which represents a DIV element.*/
  1571. .jqx-tabs-content
  1572. {
  1573. outline: none;
  1574. border-bottom: 0px solid transparent;
  1575. border-left: 0px solid transparent;
  1576. border-right: 0px solid transparent;
  1577. border-top: 0px solid transparent;
  1578. text-align: left;
  1579. clear: both;
  1580. }
  1581. .jqx-tabs-content-element
  1582. {
  1583. height: 100%;
  1584. overflow: auto;
  1585. }
  1586. /*jqxCheckBox*/
  1587. .jqx-checkbox
  1588. {
  1589. text-align: left;
  1590. border: none;
  1591. outline: none;
  1592. margin: 0 0 0 0;
  1593. white-space: nowrap;
  1594. text-overflow: ellipsis;
  1595. }
  1596. /*applied to the check box.*/
  1597. .jqx-checkbox-default
  1598. {
  1599. text-align: left;
  1600. float: left;
  1601. padding: 0px;
  1602. border: 1px solid transparent;
  1603. outline: none;
  1604. margin: 0px 3px 0px 3px;
  1605. }
  1606. /*applied to the check box when the mouse cursor is over it.*/
  1607. .jqx-checkbox-hover
  1608. {
  1609. cursor: pointer;
  1610. float: left;
  1611. padding: 0px;
  1612. border: 1px solid transparent;
  1613. outline: none;
  1614. margin: 0px 3px 0px 3px;
  1615. }
  1616. /*applied to the widget when it is disabled.*/
  1617. .jqx-checkbox-disabled
  1618. {
  1619. cursor: default;
  1620. background: transparent;
  1621. padding: 0px;
  1622. border: none;
  1623. outline: none;
  1624. margin: 0px 0px 0px 0px;
  1625. }
  1626. /*applied to the check box when the widget is disabled.*/
  1627. .jqx-checkbox-disabled-box
  1628. {
  1629. float: left;
  1630. padding: 0px;
  1631. border: 1px solid transparent;
  1632. outline: none;
  1633. margin: 0px 3px 0px 3px;
  1634. }
  1635. /*applied to the check box when it is checked. Displays a check icon.*/
  1636. .jqx-checkbox-check-checked
  1637. {
  1638. float: left;
  1639. background: transparent url(images/check_black.png) center center no-repeat;
  1640. padding: 0px;
  1641. border: none;
  1642. outline: none;
  1643. margin: 0 0 0 0;
  1644. }
  1645. /*applied to the check box when the widget is disabled. Displays a disabled check icon.*/
  1646. .jqx-checkbox-check-disabled
  1647. {
  1648. float: left;
  1649. background: transparent url(images/check_disabled.png) center center no-repeat;
  1650. padding: 0px;
  1651. border: none;
  1652. outline: none;
  1653. margin: 0 0 0 0;
  1654. }
  1655. /*applied to the check box when its state is indeterminate.*/
  1656. .jqx-checkbox-check-indeterminate
  1657. {
  1658. float: left;
  1659. background: transparent url(images/check_indeterminate_black.png) center center no-repeat;
  1660. padding: 0px;
  1661. border: none;
  1662. outline: none;
  1663. margin: 0 0 0 0;
  1664. }
  1665. /*applied to the check box when its state is indeterminate and it is disabled.*/
  1666. .jqx-checkbox-check-indeterminate-disabled
  1667. {
  1668. float: left;
  1669. background: transparent url(images/check_indeterminate_disabled.png) center center no-repeat;
  1670. padding: 0px;
  1671. border: none;
  1672. outline: none;
  1673. margin: 0 0 0 0;
  1674. }
  1675. /*applied to the check box when its in rtl mode.*/
  1676. .jqx-checkbox-rtl {
  1677. float: right;
  1678. }
  1679. /*jqxRadioButton*/
  1680. .jqx-radiobutton
  1681. {
  1682. text-overflow: ellipsis;
  1683. border: none;
  1684. outline: none;
  1685. margin: 0 0 0 0;
  1686. white-space: nowrap;
  1687. }
  1688. /*applied to the radio button.*/
  1689. .jqx-radiobutton-default
  1690. {
  1691. cursor: pointer;
  1692. float: left;
  1693. background: transparent url(images/roundbg_classic_normal.png) left center scroll repeat-x;
  1694. padding: 0px;
  1695. border: 1px solid transparent;
  1696. outline: none;
  1697. margin: 1px 3px 0px 3px;
  1698. -moz-border-radius: 100%;
  1699. -webkit-border-radius: 100%;
  1700. border-radius: 100%;
  1701. }
  1702. /*applied to the radio button when the mouse is over it.*/
  1703. .jqx-radiobutton-hover
  1704. {
  1705. cursor: pointer;
  1706. float: left;
  1707. background: transparent;
  1708. padding: 0px;
  1709. border: 1px solid transparent;
  1710. outline: none;
  1711. margin: 1px 3px 0px 3px;
  1712. -moz-border-radius: 100%;
  1713. -webkit-border-radius: 100%;
  1714. border-radius: 100%;
  1715. }
  1716. /*applied to the radio button when it is disabled.*/
  1717. .jqx-radiobutton-disabled
  1718. {
  1719. cursor: default;
  1720. }
  1721. /*applied to the radio button's radio icon when it is disabled.*/
  1722. .jqx-radiobutton-disabled-box
  1723. {
  1724. }
  1725. /*applied to the radio button when it is checked.*/
  1726. .jqx-radiobutton-check-checked
  1727. {
  1728. float: left;
  1729. background: transparent url(images/roundbg_check_black.png) left top no-repeat;
  1730. padding: 0px;
  1731. border: 1px solid transparent;
  1732. outline: none;
  1733. margin: 0 0 0 0;
  1734. -moz-border-radius: 100%;
  1735. -webkit-border-radius: 100%;
  1736. border-radius: 100%;
  1737. width: 7px;
  1738. height: 7px;
  1739. margin-left: 2px;
  1740. margin-top: 2px;
  1741. }
  1742. /*applied to the radio button when it is checked and disabled.*/
  1743. .jqx-radiobutton-check-disabled
  1744. {
  1745. }
  1746. /*applied to the radio button when it is in indeterminate state.*/
  1747. .jqx-radiobutton-check-indeterminate
  1748. {
  1749. float: left;
  1750. background: transparent url(images/roundbg_check_indeterminate.png) left top no-repeat;
  1751. padding: 0px;
  1752. border: none;
  1753. outline: none;
  1754. margin: 0 0 0 0;
  1755. -moz-border-radius: 100%;
  1756. -webkit-border-radius: 100%;
  1757. border-radius: 100%;
  1758. width: 6px;
  1759. height: 6px;
  1760. margin-left: 2px;
  1761. margin-top: 2px;
  1762. }
  1763. /*applied to the radio button when it is in indeterminate state and disabled.*/
  1764. .jqx-radiobutton-check-indeterminate-disabled
  1765. {
  1766. }
  1767. /*applied to the radio button when its in rtl mode.*/
  1768. .jqx-radiobutton-rtl {
  1769. float: right;
  1770. }
  1771. /*jqxRating*/
  1772. .jqx-rating
  1773. {
  1774. margin: 0px;
  1775. padding: 0px;
  1776. outline: none;
  1777. overflow: hidden;
  1778. }
  1779. .jqx-rating-image
  1780. {
  1781. border-width: 0px;
  1782. }
  1783. .jqx-rating-image-default
  1784. {
  1785. margin: 0px;
  1786. padding: 0px;
  1787. outline: none;
  1788. background-color: transparent;
  1789. background-repeat: no-repeat;
  1790. cursor: pointer;
  1791. background-image: url(images/star.png);
  1792. overflow: hidden;
  1793. }
  1794. /*applied to the rating when it is hovered.*/
  1795. .jqx-rating-image-hover
  1796. {
  1797. background-color: transparent;
  1798. padding: 0px;
  1799. background-repeat: no-repeat;
  1800. cursor: pointer;
  1801. background-image: url(images/star_hover.png);
  1802. overflow: hidden;
  1803. }
  1804. /*applied to the rating when it is disabled.*/
  1805. .jqx-rating-image-backward
  1806. {
  1807. background-color: transparent;
  1808. padding: 0px;
  1809. background-repeat: no-repeat;
  1810. cursor: pointer;
  1811. background-image: url(images/star_disabled.png);
  1812. overflow: hidden;
  1813. }
  1814. /*jqxCalendar Style*/
  1815. .jqx-calendar
  1816. {
  1817. border: 1px solid transparent;
  1818. -webkit-appearance: none;
  1819. overflow: hidden;
  1820. outline: none;
  1821. padding: 0px;
  1822. margin: 0 0 0 0;
  1823. cursor: default;
  1824. border-collapse: separate;
  1825. }
  1826. .jqx-calendar td {
  1827. padding-top: 0px;
  1828. padding-bottom: 0px;
  1829. border-collapse: separate;
  1830. border-spacing: 1px;
  1831. font-size: 13px;
  1832. line-height: 1.231;
  1833. }
  1834. .jqx-calendar table {
  1835. margin: 0px;
  1836. padding: 0px;
  1837. border-collapse: separate;
  1838. border-spacing: 1px;
  1839. font-size: 13px;
  1840. line-height: 1.231;
  1841. }
  1842. /*applied to the calendar's row header. This header displays the week numbers.*/
  1843. .jqx-calendar-row-header
  1844. {
  1845. outline: none;
  1846. border: 0px solid #f2f2f2;
  1847. padding: 0;
  1848. margin: 0 0 0 0;
  1849. cursor: default;
  1850. }
  1851. /*applied to the calendar's column. This header displays the day names.*/
  1852. .jqx-calendar-column-header
  1853. {
  1854. outline: none;
  1855. text-align: right;
  1856. padding: 3px;
  1857. border-top: none;
  1858. border-bottom: 1px solid transparent;
  1859. border-left: none;
  1860. border-right: none;
  1861. margin: 0 0 0 0;
  1862. cursor: default;
  1863. }
  1864. /*applied to the calendar's top-left header. This header is displayed before the day names and above the week numbers.*/
  1865. .jqx-calendar-top-left-header
  1866. {
  1867. outline: none;
  1868. border: 0px solid #f2f2f2;
  1869. margin: 0 0 0 0;
  1870. cursor: default;
  1871. }
  1872. /*applied to the calendar's navigation buttons.*/
  1873. .jqx-calendar-title-navigation
  1874. {
  1875. cursor: pointer;
  1876. background-color: transparent;
  1877. margin: 0;
  1878. padding: 0;
  1879. border: none;
  1880. width: 25px;
  1881. height: 25px;
  1882. }
  1883. /*applied to the month table*/
  1884. .jqx-calendar-month
  1885. {
  1886. margin: 0; padding: 0;
  1887. border: none;
  1888. width: 100%;
  1889. }
  1890. /*applied to the calendar's title content.*/
  1891. .jqx-calendar-title-content
  1892. {
  1893. cursor: pointer;
  1894. text-align: center;
  1895. }
  1896. /*applied to the calendar's navigation title.*/
  1897. .jqx-calendar-title-header
  1898. {
  1899. border-left: none;
  1900. border-top: none;
  1901. border-right: none;
  1902. border-bottom-width: 1px;
  1903. border-bottom-style: solid;
  1904. margin: 0 0 0 0;
  1905. }
  1906. .jqx-calendar-title-header td {
  1907. padding-left: 0px;
  1908. padding-right: 0px;
  1909. border: none;
  1910. }
  1911. /*applied to the calendar's navigation title when the calendar is disabled.*/
  1912. .jqx-calendar-title-header-disabled
  1913. {
  1914. border-bottom-width: 1px;
  1915. border-bottom-style:solid;
  1916. margin: 0 0 0 0;
  1917. border-left: 0px solid transparent;
  1918. border-right: 0px solid transparent;
  1919. border-top: 0px solid transparent;
  1920. }
  1921. /*applied to a calendar cell.*/
  1922. .jqx-calendar-cell
  1923. {
  1924. border: 1px solid transparent;
  1925. margin: 0px;
  1926. outline: none;
  1927. text-align: center;
  1928. padding: 1px;
  1929. cursor: pointer;
  1930. background-color: transparent;
  1931. }
  1932. .jqx-calendar-cell td
  1933. {
  1934. padding: 0;
  1935. margin: 0;
  1936. }
  1937. /*applied to a calendar cell in decade and year views.*/
  1938. .jqx-calendar-cell-decade, .jqx-calendar-cell-year {
  1939. text-align: center;
  1940. }
  1941. .jqx-calendar .jqx-fill-state-normal
  1942. {
  1943. background: transparent;
  1944. border: 1px solid transparent;
  1945. }
  1946. /*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*/
  1947. .jqx-calendar-cell-hidden
  1948. {
  1949. margin: 0 0 0 0;
  1950. visibility: hidden;
  1951. cursor: default;
  1952. }
  1953. /*applied to a calendar cell when the cell's date is a weekend date.*/
  1954. .jqx-calendar-cell-weekend
  1955. {
  1956. color: #898989 !important;
  1957. margin: 0 0 0 0;
  1958. cursor: pointer;
  1959. }
  1960. /*applied to a calendar cell when the cell's date is a special date(holiday, vacation, birthay. See the SpecialDates demo).*/
  1961. .jqx-calendar-cell-specialDate
  1962. {
  1963. color: #FF0000 !important;
  1964. background-color: transparent;
  1965. border: 1px solid #fff;
  1966. margin: 0 0 0 0;
  1967. cursor: pointer;
  1968. }
  1969. .jqx-calendar-cell-selected-invalid
  1970. {
  1971. color: #FFF !important;
  1972. background: #FF0000 !important;
  1973. border: 1px solid #FF0000 !important;
  1974. }
  1975. /*applied to a calendar cell when the cell's date is the today date.*/
  1976. .jqx-calendar-cell-today
  1977. {
  1978. color: #898989;
  1979. background-color: #ffffdb;
  1980. border: 1px solid #fdc066;
  1981. margin: 0 0 0 0;
  1982. cursor: pointer;
  1983. }
  1984. /*applied to a calendar cell when the cell is hovered.*/
  1985. .jqx-calendar-cell-hover
  1986. {
  1987. margin: 0 0 0 0;
  1988. cursor: pointer;
  1989. }
  1990. /*applied to a calendar cell when the cell is selected.*/
  1991. .jqx-calendar-cell-selected
  1992. {
  1993. margin: 0 0 0 0;
  1994. cursor: pointer;
  1995. }
  1996. /*applied to a calendar cell when the cell's date represents a date from the previous or next month.*/
  1997. .jqx-calendar-cell-othermonth
  1998. {
  1999. color: #898989 !important;
  2000. margin: 0 0 0 0;
  2001. cursor: pointer;
  2002. }
  2003. /*applied to a calendar cell when the calendar is disabled.*/
  2004. .jqx-calendar-cell-disabled
  2005. {
  2006. color: #ccc;
  2007. }
  2008. /*applied to a calendar cell when the cell is from the row header that displays the week numbers.*/
  2009. .jqx-calendar-row-cell
  2010. {
  2011. outline: none;
  2012. text-align: center;
  2013. border: 1px solid transparent;
  2014. margin: 0 0 0 0;
  2015. cursor: default;
  2016. }
  2017. /*applied to a calendar cell when the cell is from the row header that displays the week numbers and the calendar is disabled.*/
  2018. .jqx-calendar-row-cell-disabled
  2019. {
  2020. }
  2021. .jqx-calendar-footer
  2022. {
  2023. margin: 5px;
  2024. color: inherit;
  2025. font-size: 13px;
  2026. }
  2027. .jqx-calendar-title-container
  2028. {
  2029. overflow: hidden;
  2030. }
  2031. /*applied to a calendar cell when the cell is from the column header that displays the day names.*/
  2032. .jqx-calendar-column-cell
  2033. {
  2034. overflow: hidden;
  2035. text-align: center;
  2036. outline: none;
  2037. font-weight: normal;
  2038. padding: 1px;
  2039. border: 1px solid transparent;
  2040. margin: 0 0 0 0;
  2041. cursor: default;
  2042. }
  2043. /*applied to a calendar cell when the cell is from the column header that displays the day names and the calendar is disabled.*/
  2044. .jqx-calendar-column-cell-disabled
  2045. {
  2046. }
  2047. /*applied to the calendar's cell area element.*/
  2048. .jqx-calendar-view
  2049. {
  2050. -webkit-appearance: none;
  2051. outline: none;
  2052. padding: 0px;
  2053. border: 0px solid #fff;
  2054. margin: 0 0 0 0;
  2055. cursor: default;
  2056. }
  2057. /*jqxExpander and jqxNavigationBar Style*/
  2058. .jqx-expander
  2059. {
  2060. }
  2061. /*applied to the Expander's header and content*/
  2062. .jqx-expander-header, .jqx-expander-content
  2063. {
  2064. border-left-width: 1px;
  2065. border-right-width: 1px;
  2066. border-left-style: solid;
  2067. border-right-style: solid;
  2068. padding-top: 5px;
  2069. padding-bottom: 5px;
  2070. outline: 0;
  2071. }
  2072. /*applid to the content of the expander header.*/
  2073. .jqx-expander-header-content
  2074. {
  2075. padding-left: 3px;
  2076. }
  2077. /*applid to the content of the expander header.*/
  2078. .jqx-expander-header-content-rtl
  2079. {
  2080. padding-right: 3px;
  2081. }
  2082. .jqx-expander-content{padding-top: 0px;padding-bottom:0px; overflow: auto; outline: 0;}
  2083. /*applied to the Expander's header and its content when it is on the top of the header*/
  2084. .jqx-expander-header, .jqx-expander-content-top
  2085. {
  2086. border-top-width: 1px;
  2087. border-top-style: solid;
  2088. }
  2089. /*applied to the Expander's header and its content when it is on the bottom of the header*/
  2090. .jqx-expander-header, .jqx-expander-content-bottom
  2091. {
  2092. border-bottom-width: 1px;
  2093. border-bottom-style: solid;
  2094. }
  2095. /*applied to the Expander's header*/
  2096. .jqx-expander-header
  2097. {
  2098. cursor: pointer;
  2099. overflow: hidden;
  2100. }
  2101. /*applied to the Expander's header when the expander is disabled or the toggleMode is "none"*/
  2102. .jqx-expander-header-disabled
  2103. {
  2104. cursor: default;
  2105. }
  2106. /*applied to the Expander's arrow*/
  2107. .jqx-expander-arrow
  2108. {
  2109. width: 17px;
  2110. height: 17px;
  2111. position: relative;
  2112. }
  2113. /*applied to the Expander's content if it is empty*/
  2114. .jqx-expander-content-empty
  2115. {
  2116. border-width: 0px;
  2117. padding: 0px;
  2118. }
  2119. /*applied to jqxNavigationBar. The NavigationBar internally uses jqxExpander's classes and inherits all header and content style settings from the Expander.*/
  2120. .jqx-navigationbar
  2121. {
  2122. border: none;
  2123. margin: 0px;
  2124. -webkit-appearance: none;
  2125. outline: none;
  2126. }
  2127. /*jqxPanel Style*/
  2128. .jqx-panel
  2129. {
  2130. border: 1px solid transparent;
  2131. -webkit-appearance: none;
  2132. outline: none;
  2133. padding: 0px;
  2134. margin: 0px;
  2135. cursor: default;
  2136. overflow: hidden;
  2137. }
  2138. /*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
  2139. of the horizontal scrollbar.*/
  2140. .jqx-panel-bottomright
  2141. {
  2142. }
  2143. /*applied to the DropDownButton's Popup.*/
  2144. .jqx-dropdownbutton-popup {
  2145. -webkit-appearance: none;
  2146. outline: none;
  2147. border: 1px solid transparent;
  2148. }
  2149. .jqx-listbox
  2150. {
  2151. -webkit-appearance: none;
  2152. outline: none;
  2153. border: 1px solid transparent;
  2154. padding: 0px;
  2155. margin: 0px;
  2156. cursor: default;
  2157. overflow: hidden;
  2158. }
  2159. /*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
  2160. of the horizontal scrollbar.*/
  2161. .jqx-listbox-bottomright
  2162. {
  2163. }
  2164. /*applied to the ListBox's groups.*/
  2165. .jqx-listitem-state-group
  2166. {
  2167. white-space: nowrap;
  2168. padding: 4px 2px 4px 2px;
  2169. background: transparent;
  2170. font-weight: bold;
  2171. text-align: left;
  2172. outline: none;
  2173. overflow: hidden;
  2174. vertical-align: middle;
  2175. cursor: default;
  2176. }
  2177. /*applied to a list item in default state.*/
  2178. .jqx-listitem-state-normal
  2179. {
  2180. white-space: nowrap;
  2181. padding: 3px;
  2182. margin: 1px;
  2183. border: 1px solid transparent;
  2184. outline: none;
  2185. visibility: inherit;
  2186. display: inherit;
  2187. text-align: left;
  2188. overflow: hidden;
  2189. position: absolute;
  2190. left: 0;
  2191. top: 0;
  2192. cursor: default;
  2193. }
  2194. /*applied to a list item in hovered state.*/
  2195. .jqx-listitem-state-hover
  2196. {
  2197. white-space: nowrap;
  2198. background: transparent;
  2199. padding: 3px 3px 3px 3px;
  2200. margin: 1px;
  2201. border: 1px solid transparent;
  2202. }
  2203. /*applied to a list item when the item is selected.*/
  2204. .jqx-listitem-state-selected
  2205. {
  2206. white-space: nowrap;
  2207. padding: 3px 3px 3px 3px;
  2208. margin: 1px;
  2209. border: 1px solid transparent;
  2210. }
  2211. .jqx-listbox-feedback
  2212. {
  2213. height: 1px;
  2214. border-top: 1px dashed #000;
  2215. }
  2216. .jqx-listitem-element
  2217. {
  2218. -ms-touch-action: none;
  2219. border: none;
  2220. width:100%;
  2221. height: 100%;
  2222. align:left;
  2223. valign:top;
  2224. position: absolute;
  2225. }
  2226. /*jqxComboBox Style*/
  2227. /*applied to the jqxComboBox's content which displays the text.*/
  2228. .jqx-combobox-content
  2229. {
  2230. padding: 0px;
  2231. overflow: hidden;
  2232. padding-left: 0px;
  2233. padding-top: 0px;
  2234. padding-bottom: 0px;
  2235. padding-right: 0px;
  2236. margin: 0px;
  2237. text-align: left;
  2238. vertical-align: middle;
  2239. white-space: nowrap;
  2240. -webkit-appearance: none;
  2241. outline: none;
  2242. border: none;
  2243. -moz-border-radius-topleft: 3px;
  2244. -webkit-border-top-left-radius: 3px;
  2245. border-top-left-radius: 3px;
  2246. -moz-border-radius-bottomleft: 3px;
  2247. -webkit-border-bottom-left-radius: 3px;
  2248. border-bottom-left-radius: 3px;
  2249. border-right: 1px solid transparent;
  2250. -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box;
  2251. }
  2252. .jqx-combobox-content-rtl {
  2253. border: none;
  2254. -moz-border-radius-topleft: 0px;
  2255. -webkit-border-top-left-radius: 0px;
  2256. border-top-left-radius: 0px;
  2257. -moz-border-radius-bottomleft: 0px;
  2258. -webkit-border-bottom-left-radius: 0px;
  2259. border-bottom-left-radius: 0px;
  2260. -moz-border-radius-topleft: 3px;
  2261. -webkit-border-top-left-radius: 0px;
  2262. border-top-right-radius: 3px;
  2263. -moz-border-radius-bottomright: 3px;
  2264. -webkit-border-bottom-right-radius: 0px;
  2265. border-bottom-right-radius: 3px;
  2266. border-right: none;
  2267. border-left: 1px solid transparent;
  2268. -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box;
  2269. }
  2270. /*applied to the ComboBox's input field.*/
  2271. .jqx-combobox-input
  2272. {
  2273. -webkit-appearance: none;
  2274. -webkit-border-radius: 0px;
  2275. padding: 0 0 0 0;
  2276. outline: none;
  2277. border: 0px solid #aaa;
  2278. -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box;
  2279. }
  2280. .jqx-combobox-input::-ms-clear {
  2281. display: none;
  2282. }
  2283. /*applied to the ComboBox's content when the widget is disabled.*/
  2284. .jqx-combobox-content-disabled
  2285. {
  2286. color: #AAA;
  2287. }
  2288. /*applied to the ComboBox's arrow button.*/
  2289. .jqx-combobox-arrow-normal, .jqx-action-button
  2290. {
  2291. -webkit-appearance: none;
  2292. outline: none;
  2293. overflow: hidden;
  2294. margin: 0 0 0 0;
  2295. border: none;
  2296. cursor: pointer;
  2297. }
  2298. /*applied to the ComboBox's arrow button*/
  2299. .jqx-combobox-arrow-hover, .jqx-combobox-arrow-selected
  2300. {
  2301. -webkit-appearance: none;
  2302. outline: none;
  2303. overflow: hidden;
  2304. margin: 0 0 0 0;
  2305. }
  2306. /*applied to the ComboBox in normal state.*/
  2307. .jqx-combobox-state-normal
  2308. {
  2309. -webkit-appearance: none;
  2310. outline: none;
  2311. border: 1px solid transparent;
  2312. overflow: hidden;
  2313. margin: 0 0 0 0;
  2314. }
  2315. /*applied to the ComboBox when the mouse is over the widget.*/
  2316. .jqx-combobox-state-hover
  2317. {
  2318. overflow: hidden;
  2319. border: 1px solid transparent;
  2320. margin: 0 0 0 0;
  2321. }
  2322. /*applied to the ComboBox when the popup ListBox is shown.*/
  2323. .jqx-combobox-state-selected
  2324. {
  2325. overflow: hidden;
  2326. border: 1px solid transparent;
  2327. margin: 0 0 0 0;
  2328. }
  2329. /*applied to the ComboBox when the widget is focused.*/
  2330. .jqx-combobox-state-focus
  2331. {
  2332. border: 1px solid transparent;
  2333. }
  2334. .jqx-combobox-multi-item {
  2335. padding: 1px 3px;
  2336. margin: 2px;
  2337. white-space: nowrap;
  2338. border-style: solid;
  2339. font-weight: normal;
  2340. overflow: hidden;
  2341. text-align: left;
  2342. }
  2343. .jqx-combobox-multi-item a:link, .jqx-combobox-multi-item a:visited {
  2344. color: inherit;
  2345. display: block;
  2346. outline: 0 none;
  2347. text-decoration: none;
  2348. cursor: pointer;
  2349. *color: expression(this.parentNode.currentStyle['color']);
  2350. }
  2351. /*applied to the ComboBox when the widget is disabled.*/
  2352. .jqx-combobox-state-disabled
  2353. {
  2354. white-space: nowrap;
  2355. margin: 0px;
  2356. color: #AAA;
  2357. }
  2358. /*jqxSelect Style*/
  2359. .jqx-select {
  2360. overflow: hidden;
  2361. padding-left: 3px;
  2362. padding-top: 0px;
  2363. padding-bottom: 0px;
  2364. margin: 0px;
  2365. -webkit-appearance: none;
  2366. outline: 0 none;
  2367. }
  2368. .jqx-select-content {
  2369. cursor: pointer;
  2370. text-overflow: ellipsis;
  2371. }
  2372. .jqx-select-container {
  2373. padding: 0;
  2374. }
  2375. .jqx-select-item
  2376. {
  2377. padding: 3px;
  2378. margin: 1px;
  2379. white-space: normal !important;
  2380. cursor: default;
  2381. }
  2382. /*jqxDropDownList Style*/
  2383. /*applied to the dropdownlist's content element which displays the selected item's text or html.*/
  2384. .jqx-dropdownlist-content
  2385. {
  2386. padding: 0px;
  2387. overflow: hidden;
  2388. padding-left: 3px;
  2389. padding-top: 0px;
  2390. padding-bottom: 0px;
  2391. margin: 0px;
  2392. text-align: left;
  2393. vertical-align: middle;
  2394. white-space: nowrap;
  2395. -webkit-appearance: none;
  2396. outline: 0 none;
  2397. border: none;
  2398. }
  2399. .jqx-dropdownlist-content-rtl {
  2400. padding-left: 0px;
  2401. padding-right: 3px;
  2402. }
  2403. /*applied to the dropdownlist's content element which displays the selected item's text or html and the widget is disabled. */
  2404. .jqx-dropdownlist-content-disabled
  2405. {
  2406. }
  2407. /*applied to the dropdownlist in default state.*/
  2408. .jqx-dropdownlist-state-normal
  2409. {
  2410. -webkit-appearance: none;
  2411. outline: none;
  2412. border: 1px solid transparent;
  2413. overflow: hidden;
  2414. margin: 0 0 0 0;
  2415. cursor: pointer;
  2416. }
  2417. /*applied to the dropdownlist in hovered state.*/
  2418. .jqx-dropdownlist-state-hover
  2419. {
  2420. overflow: hidden;
  2421. border: 1px solid transparent;
  2422. margin: 0 0 0 0;
  2423. cursor: pointer;
  2424. }
  2425. /*applied to the dropdownlist in selected state.*/
  2426. .jqx-dropdownlist-state-selected
  2427. {
  2428. overflow: hidden;
  2429. background-color: transparent;
  2430. border: 1px solid transparent;
  2431. margin: 0 0 0 0;
  2432. cursor: pointer;
  2433. }
  2434. /*applied to the dropdownlist in focused state.*/
  2435. .jqx-dropdownlist-state-focus
  2436. {
  2437. border: 1px solid #909090;
  2438. }
  2439. /*applied to the dropdownlist in disabled state.*/
  2440. .jqx-dropdownlist-state-disabled
  2441. {
  2442. }
  2443. /*jqxScrollBar Style*/
  2444. .jqx-scrollbar
  2445. {
  2446. background: transparent;
  2447. margin: 0;
  2448. padding: 0;
  2449. border: none;
  2450. }
  2451. /*applied to the scrollbar in default state.*/
  2452. .jqx-scrollbar-state-normal
  2453. {
  2454. background: #efefef;
  2455. margin: 0px;
  2456. padding: 0px;
  2457. border: 1px solid transparent;
  2458. }
  2459. /*applied to the scrollbar buttons in default state.*/
  2460. .jqx-scrollbar-button-state-normal
  2461. {
  2462. margin: 0px;
  2463. padding: 0px;
  2464. border: 1px solid transparent;
  2465. }
  2466. /*applied to the scrollbar buttons in hovered state.*/
  2467. .jqx-scrollbar-button-state-hover
  2468. {
  2469. margin: 0px;
  2470. padding: 0px;
  2471. border: 1px solid transparent;
  2472. }
  2473. /*applied to the scrollbar buttons in pressed state.*/
  2474. .jqx-scrollbar-button-state-pressed
  2475. {
  2476. margin: 0px;
  2477. padding: 0px;
  2478. border: 1px solid transparent;
  2479. }
  2480. /*applied to the horizontal scrollbar thumb in default state.*/
  2481. .jqx-scrollbar-thumb-state-normal-horizontal
  2482. {
  2483. margin: 0px;
  2484. padding: 0px;
  2485. background: transparent;
  2486. border: 1px solid transparent;
  2487. }
  2488. /*applied to the horizontal scrollbar thumb in hovered state.*/
  2489. .jqx-scrollbar-thumb-state-hover-horizontal
  2490. {
  2491. margin: 0px;
  2492. padding: 0px;
  2493. border: 1px solid transparent;
  2494. }
  2495. /*applied to the horizontal scrollbar thumb in default state.*/
  2496. .jqx-scrollbar-thumb-state-pressed-horizontal
  2497. {
  2498. margin: 0px;
  2499. padding: 0px;
  2500. border: 1px solid transparent;
  2501. }
  2502. /*applied to the vertical scrollbar thumb in default state.*/
  2503. .jqx-scrollbar-thumb-state-normal
  2504. {
  2505. margin: 0px;
  2506. padding: 0px;
  2507. border: 1px solid transparent;
  2508. }
  2509. /*applied to the vertical scrollbar thumb in default state.*/
  2510. .jqx-scrollbar-thumb-state-hover
  2511. {
  2512. margin: 0px;
  2513. padding: 0px;
  2514. background: transparent;
  2515. border: 1px solid transparent;
  2516. }
  2517. /*applied to the vertical scrollbar thumb in default state.*/
  2518. .jqx-scrollbar-thumb-state-pressed
  2519. {
  2520. margin: 0px;
  2521. padding: 0px;
  2522. background: #d1d1d1;
  2523. border: 1px solid #909090;
  2524. }
  2525. /* jqxWindow */
  2526. .jqx-window
  2527. {
  2528. position: absolute;
  2529. overflow: hidden;
  2530. border: 1px solid transparent;
  2531. }
  2532. /*applied to the jqxWindow when it’s disabled*/
  2533. .jqx-window-disabled
  2534. {
  2535. }
  2536. /*applied to the window’s header*/
  2537. .jqx-window-header
  2538. {
  2539. outline: none;
  2540. border-width: 0px;
  2541. border-bottom: 1px solid transparent;
  2542. overflow: hidden;
  2543. padding: 5px;
  2544. height: auto;
  2545. white-space: nowrap;
  2546. overflow: hidden;
  2547. }
  2548. /*applied to the window’s header when the window is disabled*/
  2549. .jqx-window-header-disabled
  2550. {
  2551. }
  2552. /*applied to the window’s content*/
  2553. .jqx-window-content
  2554. {
  2555. outline: none;
  2556. overflow: auto;
  2557. text-align: left;
  2558. background-color: transparent;
  2559. padding: 5px;
  2560. -webkit-background-clip: padding-box; background-clip: padding-box;
  2561. }
  2562. /*applied to the window’s content when the window is disabled*/
  2563. .jqx-window-content-disabled
  2564. {
  2565. outline: none;
  2566. overflow: auto;
  2567. text-align: left;
  2568. padding: 5px;
  2569. }
  2570. /*applied to the window’s close button*/
  2571. .jqx-window-close-button
  2572. {
  2573. cursor: pointer;
  2574. background-image: url(images/close.png);
  2575. background-repeat: no-repeat;
  2576. }
  2577. /*applied to the window's collapse button*/
  2578. .jqx-window-collapse-button
  2579. {
  2580. background-image: url(images/icon-up.png);
  2581. cursor: pointer;
  2582. margin-top: 1px;
  2583. }
  2584. /*applied to the window's collapse button when the window is collapsed*/
  2585. .jqx-window-collapse-button-collapsed
  2586. {
  2587. margin-top: 0px;
  2588. cursor: pointer;
  2589. background-image: url(images/icon-down.png);
  2590. }
  2591. /*setting styles of the modal window’s background*/
  2592. .jqx-window-modal
  2593. {
  2594. background-color: Black;
  2595. }
  2596. .jqx-window-close-button-hover
  2597. {
  2598. }
  2599. .jqx-docking
  2600. {
  2601. overflow: hidden;
  2602. }
  2603. .jqx-docking-panel
  2604. {
  2605. margin: 0px;
  2606. padding: 0px;
  2607. min-height: 100px;
  2608. }
  2609. .jqx-docking-drop-indicator
  2610. {
  2611. border-style: dashed;
  2612. border-width: 1px;
  2613. margin: 0px;
  2614. }
  2615. .jqx-docking-window
  2616. {
  2617. margin: 0px;
  2618. }
  2619. /* jxSlider */
  2620. /* applied to jqxSlider widget */
  2621. .jqx-slider
  2622. {
  2623. outline: none;
  2624. clear: both;
  2625. }
  2626. /*applied to the ticks which can be in the top/bottom/both sides of the jqxSlider*/
  2627. .jqx-slider-tick
  2628. {
  2629. border-left: 1px solid transparent;
  2630. z-index: 9;
  2631. }
  2632. /*applied to the ticks when the slider is in horizontal mode*/
  2633. .jqx-slider-tick-horizontal
  2634. {
  2635. width: 1px;
  2636. border-left: none;
  2637. margin-top: 1px;
  2638. }
  2639. /*applied to the ticks when the slider is in vertical mode*/
  2640. .jqx-slider-tick-vertical
  2641. {
  2642. height: 1px;
  2643. border-top: none;
  2644. }
  2645. /*applied to the ticks container*/
  2646. .jqx-slider-tickscontainer
  2647. {
  2648. z-index: 10;
  2649. position: relative;
  2650. margin-top: 0px;
  2651. margin-bottom: 0px;
  2652. z-index: 9;
  2653. }
  2654. /*applied to the jqxSlider thumb used for changing/indicating current value*/
  2655. .jqx-slider-slider
  2656. {
  2657. cursor: pointer;
  2658. width: 16px;
  2659. height: 16px;
  2660. z-index: 15;
  2661. position: absolute;
  2662. left: 0px;
  2663. top: 0px;
  2664. -moz-border-radius: 100%;
  2665. -webkit-border-radius: 100%;
  2666. border-radius: 100%;
  2667. }
  2668. .jqx-slider-button
  2669. {
  2670. -moz-border-radius: 100%;
  2671. -webkit-border-radius: 100%;
  2672. border-radius: 100%;
  2673. box-sizing: content-box !important;
  2674. }
  2675. /*applied to the slider's thumb when the slider is in horizontal mode*/
  2676. .jqx-slider-slider-horizontal
  2677. {
  2678. background-image: url(images/slider_horizontal_classic.png);
  2679. background-repeat: no-repeat;
  2680. margin-top: -5px;
  2681. -moz-border-radius: 7px;
  2682. -webkit-border-radius: 7px;
  2683. border-radius: 7px;
  2684. border: 1px solid transparent;
  2685. }
  2686. /*applied to the slider's thumb when the slider is in vertical mode*/
  2687. .jqx-slider-slider-vertical
  2688. {
  2689. margin-left: -5px;
  2690. background-image: url(images/slider_vertical_classic.png);
  2691. background-repeat: no-repeat;
  2692. -moz-border-radius: 7px;
  2693. -webkit-border-radius: 7px;
  2694. border-radius: 7px;
  2695. border: 1px solid transparent;
  2696. }
  2697. /*applied to the track where is located the thumb*/
  2698. .jqx-slider-track
  2699. {
  2700. height: 8px;
  2701. float:left;
  2702. position: relative;
  2703. z-index: 20;
  2704. }
  2705. /*used in horizontal slider*/
  2706. .jqx-slider-track-horizontal
  2707. {
  2708. height: 8px;
  2709. margin-top: 2px;
  2710. }
  2711. /*used in vertical slider*/
  2712. .jqx-slider-track-vertical
  2713. {
  2714. width: 8px;
  2715. }
  2716. /*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*/
  2717. .jqx-slider-rangebar
  2718. {
  2719. }
  2720. /* jqxSplitter */
  2721. .jqx-splitter
  2722. {
  2723. overflow: hidden;
  2724. border: 1px solid transparent;
  2725. position: relative;
  2726. }
  2727. /* Split bar's class when the jqxSplitter is with horizontal orientation */
  2728. .jqx-splitter-splitbar-vertical
  2729. {
  2730. border: 1px solid transparent;
  2731. border-top-width: 0px;
  2732. border-bottom-width: 0px;
  2733. cursor: e-resize;
  2734. cursor: col-resize;
  2735. position: absolute;
  2736. }
  2737. /* Split bar's mouse over state */
  2738. .jqx-splitter-splitbar-hover
  2739. {
  2740. background-color: transparent;
  2741. }
  2742. /* Split bar's class when the jqxSplitter is with horizontal orientation. */
  2743. .jqx-splitter-splitbar-horizontal
  2744. {
  2745. position: absolute;
  2746. border: 1px solid transparent;
  2747. border-left-width: 0px;
  2748. border-right-width: 0px;
  2749. cursor: n-resize;
  2750. cursor: row-resize;
  2751. }
  2752. /* This class is applied to the splitter when it's dragged to it's max left/right boundary */
  2753. .jqx-splitter-splitbar-invalid
  2754. {
  2755. background: #FF0000 !important;
  2756. }
  2757. /* This class is added to split bar's collapse button when the splitter is with vectical orientation. */
  2758. .jqx-splitter-collapse-button-horizontal
  2759. {
  2760. cursor: pointer;
  2761. width: 45px;
  2762. height: 5px;
  2763. }
  2764. /* This class is added to split bar's collapse button when the splitter is with horizontal orientation. */
  2765. .jqx-splitter-collapse-button-vertical
  2766. {
  2767. cursor: pointer;
  2768. width: 5px;
  2769. height: 45px;
  2770. }
  2771. /* This class is added when the user disable the splitter. */
  2772. .jqx-splitter-splitbar-collapsed
  2773. {
  2774. cursor: default;
  2775. }
  2776. /* Applied to the jqxSplitter panels. */
  2777. .jqx-splitter-panel
  2778. {
  2779. border: none;
  2780. outline: none;
  2781. position: absolute;
  2782. overflow: hidden;
  2783. }
  2784. /* This class is added to a nested splitter.*/
  2785. .jqx-splitter-nested, .jqx-splitter-panel-nested
  2786. {
  2787. border: none;
  2788. overflow: hidden;
  2789. }
  2790. .jqx-draggable
  2791. {
  2792. }
  2793. .jqx-draggable-dragging
  2794. {
  2795. border: 0px solid black;
  2796. }
  2797. .jqx-draggable-disabled
  2798. {
  2799. cursor: default;
  2800. }
  2801. .jqx-validator-hint
  2802. {
  2803. height: 18px;
  2804. width: auto;
  2805. display: inline-block;
  2806. cursor: pointer;
  2807. padding-left: 5px;
  2808. padding-right: 5px;
  2809. font-family: Verdana;
  2810. font-size: 13px;
  2811. border: 1px solid #6E0000;
  2812. background-color: #942724;
  2813. color: #fff;
  2814. z-index: 99999;
  2815. white-space: nowrap;
  2816. }
  2817. .jqx-validator-hint-arrow
  2818. {
  2819. z-index: 99999;
  2820. height: 9px;
  2821. width: 9px;
  2822. padding: 0px;
  2823. margin: 0px;
  2824. background-color: transparent;
  2825. background-image: url(images/multi-arrow.gif);
  2826. }
  2827. .jqx-validator-error-label {
  2828. color: #dd4b39;
  2829. vertical-align:top;
  2830. text-align: left;
  2831. display: block;
  2832. cursor: default;
  2833. line-height: 17px;
  2834. }
  2835. .jqx-validator-error-element {
  2836. border-color: #dd4b39 !important;
  2837. }
  2838. .jqx-switchbutton
  2839. {
  2840. overflow: hidden;
  2841. -moz-border-radius: 5px;
  2842. -webkit-border-radius: 5px;
  2843. border-radius: 5px;
  2844. border: 1px solid #ccc;
  2845. }
  2846. .jqx-switchbutton-thumb
  2847. {
  2848. display: inline-block;
  2849. cursor: pointer;
  2850. border: 1px solid #ccc;
  2851. }
  2852. .jqx-switchbutton-label
  2853. {
  2854. font-size: 15px;
  2855. font-family: Sans-Serif;
  2856. text-align: center;
  2857. text-transform: uppercase;
  2858. font-weight: bold;
  2859. }
  2860. .jqx-switchbutton-wrapper
  2861. {
  2862. }
  2863. .jqx-switchbutton-label-on
  2864. {
  2865. }
  2866. .jqx-switchbutton-label-off
  2867. {
  2868. }
  2869. /*left, right, up and down arrow icons.*/
  2870. .jqx-left-arrow
  2871. {
  2872. background: transparent;
  2873. background-image: url('left.png');
  2874. cursor: pointer;
  2875. }
  2876. .jqx-right-arrow
  2877. {
  2878. background: transparent;
  2879. background-image: url('right.png');
  2880. cursor: pointer;
  2881. }
  2882. .jqx-icon-delete
  2883. {
  2884. background-image: url('images/icon-delete.png');
  2885. background-repeat: no-repeat;
  2886. background-position: center;
  2887. }
  2888. .jqx-icon-edit
  2889. {
  2890. background-image: url('images/icon-edit.png');
  2891. background-repeat: no-repeat;
  2892. background-position: center;
  2893. }
  2894. .jqx-icon-save
  2895. {
  2896. background-image: url('images/icon-save.png');
  2897. background-repeat: no-repeat;
  2898. background-position: center;
  2899. }
  2900. .jqx-icon-cancel
  2901. {
  2902. background-image: url('images/icon-cancel.png');
  2903. background-repeat: no-repeat;
  2904. background-position: center;
  2905. }
  2906. .jqx-icon-arrow-up, .jqx-icon-arrow-up-hover, .jqx-icon-arrow-up-selected
  2907. {
  2908. background-image: url('images/icon-up.png');
  2909. background-repeat: no-repeat;
  2910. background-position: center;
  2911. }
  2912. .jqx-icon-arrow-down, .jqx-icon-arrow-down-hover, .jqx-icon-arrow-down-selected
  2913. {
  2914. background-image: url('images/icon-down.png');
  2915. background-repeat: no-repeat;
  2916. background-position: center;
  2917. }
  2918. .jqx-icon-arrow-left, .jqx-icon-arrow-left-hover, .jqx-icon-arrow-left-selected
  2919. {
  2920. background-image: url('images/icon-left.png');
  2921. background-repeat: no-repeat;
  2922. background-position: center;
  2923. }
  2924. .jqx-icon-arrow-right, .jqx-icon-arrow-right-hover, .jqx-icon-arrow-right-selected
  2925. {
  2926. background-image: url('images/icon-right.png');
  2927. background-repeat: no-repeat;
  2928. background-position: center;
  2929. }
  2930. .jqx-icon-arrow-first, .jqx-icon-arrow-first-hover, .jqx-icon-arrow-first-selected
  2931. {
  2932. background-image: url('images/icon-first.png');
  2933. background-repeat: no-repeat;
  2934. background-position: center;
  2935. }
  2936. .jqx-icon-arrow-last, .jqx-icon-arrow-last-hover, .jqx-icon-arrow-last-selected
  2937. {
  2938. background-image: url('images/icon-last.png');
  2939. background-repeat: no-repeat;
  2940. background-position: center;
  2941. }
  2942. .jqx-icon-arrow-up-hover
  2943. {
  2944. background-image: url('images/icon-up.png');
  2945. background-repeat: no-repeat;
  2946. background-position: center;
  2947. }
  2948. .jqx-icon-arrow-down-hover
  2949. {
  2950. background-image: url('images/icon-down.png');
  2951. background-repeat: no-repeat;
  2952. background-position: center;
  2953. }
  2954. .jqx-icon-arrow-left-hover
  2955. {
  2956. background-image: url('images/icon-left.png');
  2957. background-repeat: no-repeat;
  2958. background-position: center;
  2959. }
  2960. .jqx-icon-arrow-right-hover
  2961. {
  2962. background-image: url('images/icon-right.png');
  2963. background-repeat: no-repeat;
  2964. background-position: center;
  2965. }
  2966. .jqx-icon-arrow-up-selected
  2967. {
  2968. background-image: url('images/icon-up.png');
  2969. background-repeat: no-repeat;
  2970. background-position: center;
  2971. }
  2972. .jqx-icon-arrow-down-selected
  2973. {
  2974. background-image: url('images/icon-down.png');
  2975. background-repeat: no-repeat;
  2976. background-position: center;
  2977. }
  2978. .jqx-icon-arrow-left-selected
  2979. {
  2980. background-image: url('images/icon-left.png');
  2981. background-repeat: no-repeat;
  2982. background-position: center;
  2983. }
  2984. .jqx-icon-arrow-right-selected
  2985. {
  2986. background-image: url('images/icon-right.png');
  2987. background-repeat: no-repeat;
  2988. background-position: center;
  2989. }
  2990. .jqx-icon-close
  2991. {
  2992. cursor: pointer;
  2993. background-image: url(images/close.png);
  2994. background-repeat: no-repeat;
  2995. background-position: center;
  2996. }
  2997. .jqx-icon-close-hover
  2998. {
  2999. cursor: pointer;
  3000. background-image: url(images/close.png);
  3001. background-repeat: no-repeat;
  3002. background-position: center;
  3003. }
  3004. .jqx-icon-search
  3005. {
  3006. cursor: pointer;
  3007. background-image: url(images/search.png);
  3008. background-repeat: no-repeat;
  3009. background-position: center;
  3010. margin-top: 1px;
  3011. background-size: 13px;
  3012. width: 13px;
  3013. height: 13px;
  3014. }
  3015. .jqx-icon-plus
  3016. {
  3017. background-image: url(images/plus.png);
  3018. background-repeat: no-repeat;
  3019. background-position: center;
  3020. background-size: 16px;
  3021. width: 16px;
  3022. height: 16px;
  3023. }
  3024. /* jqxScrollView */
  3025. .jqx-scrollview-button
  3026. {
  3027. width: 10px;
  3028. height: 10px;
  3029. border-radius: 10px;
  3030. -moz-border-radius: 10px;
  3031. -webkit-border-radius: 10px;
  3032. display: inline-block;
  3033. margin: 2px;
  3034. cursor: pointer;
  3035. background-color: #aaaeaf;
  3036. }
  3037. .jqx-scrollview
  3038. {
  3039. background-color: #000;
  3040. -ms-touch-action: auto !important;
  3041. }
  3042. .jqx-icon-calendar, .jqx-icon-calendar-hover, .jqx-icon-calendar-pressed
  3043. {
  3044. background-image: url('images/icon-calendar.png');
  3045. background-repeat: no-repeat;
  3046. background-position: left top;
  3047. position: relative;
  3048. width: 15px !important;
  3049. height: 15px !important;
  3050. margin-top: -7.5px !important;
  3051. }
  3052. /*applied to Inputs*/
  3053. .jqx-input{-webkit-user-modify:inherit; -moz-user-modify: inherit; overflow: hidden; background-color: inherit; border-color: #c7c7c7;}
  3054. .jqx-input-invalid {
  3055. color: red !important;
  3056. }
  3057. .jqx-input-group {overflow: hidden;}
  3058. .jqx-input-group-addon {border: 1px solid transparent; position: relative; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; padding: 2px 8px !important; float: left; white-space: nowrap; vertical-align: middle; }
  3059. .jqx-input-group-addon:first-child {
  3060. border-right-width: 0px;
  3061. border-bottom-right-radius: 0 !important;
  3062. border-top-right-radius: 0 !important;
  3063. }
  3064. .jqx-input-group-addon:last-child {
  3065. border-left-width: 0px;
  3066. border-bottom-left-radius: 0 !important;
  3067. border-top-left-radius: 0 !important;
  3068. }
  3069. .jqx-input-group-addon:not(:last-child):not(:first-child) {
  3070. border-bottom-left-radius: 0 !important;
  3071. border-top-left-radius: 0 !important;
  3072. border-bottom-right-radius: 0 !important;
  3073. border-top-right-radius: 0 !important;
  3074. border-left-width: 0px;
  3075. }
  3076. .jqx-input-group .jqx-input {
  3077. padding: 2px 1px !important;
  3078. border-left-width: 1px !important;
  3079. border-right-width: 1px !important;
  3080. }
  3081. .jqx-editor {
  3082. border-style: solid;
  3083. border-width: 1px;
  3084. border-color: transparent;
  3085. overflow: hidden;
  3086. box-sizing: border-box !important;
  3087. }
  3088. .jqx-editor-window {
  3089. overflow: hidden;
  3090. }
  3091. .jqx-editor-inline {
  3092. padding: 0px;
  3093. border-width: 1px;
  3094. border-style: solid;
  3095. border-color: transparent;
  3096. }
  3097. .jqx-editor-inline p {
  3098. margin: 0px;padding:0 .2em;
  3099. }
  3100. .jqx-editor-inline-focus {
  3101. border-width: 1px;
  3102. border-style: solid;
  3103. overflow: auto;
  3104. }
  3105. .jqx-editor iframe {
  3106. border: 0;
  3107. margin: 0;
  3108. padding: 0;
  3109. background: #fff;
  3110. display: inline;
  3111. vertical-align: top;
  3112. width: 100%;
  3113. height: 100%;
  3114. }
  3115. .jqx-editor-color-bar {
  3116. height: 3px;
  3117. }
  3118. .jqx-editor-color-picker table {
  3119. margin: 0;
  3120. padding: 0 4px 4px;
  3121. empty-cells: show;
  3122. border-collapse: separate;
  3123. }
  3124. .jqx-editor-color-picker td {
  3125. border-collapse: separate;
  3126. border: 1px solid transparent;
  3127. cursor: pointer;
  3128. margin: 0;
  3129. position: relative;
  3130. }
  3131. .jqx-editor-color-picker td:hover {
  3132. border: 1px solid #000;
  3133. }
  3134. .jqx-editor-color-picker-selected-cell {
  3135. outline: 1px solid #000;
  3136. }
  3137. .jqx-editor-color-picker td div{
  3138. width: 16px;
  3139. height: 16px;
  3140. }
  3141. .jqx-editor-content {
  3142. width: 100%;
  3143. border-style: solid;
  3144. border-width: 1px;
  3145. outline: 0;
  3146. left: 0px;
  3147. position: relative;
  3148. box-sizing: border-box !important;
  3149. }
  3150. .jqx-editor-container {
  3151. position: relative;
  3152. padding: 4px;
  3153. padding-top: 0px;
  3154. width: 100%;
  3155. height: 100%;
  3156. box-sizing: border-box !important;
  3157. }
  3158. .jqx-editor-toolbar-container {
  3159. top: 0px; left: 0px;
  3160. box-sizing: border-box !important;
  3161. }
  3162. .jqx-editor-toolbar-inline {
  3163. padding: 0px 4px;
  3164. border-width: 1px;
  3165. border-style: solid;
  3166. }
  3167. .jqx-editor-toolbar {
  3168. margin: 0;
  3169. padding: 0px;
  3170. padding-bottom: 4px;
  3171. }
  3172. .jqx-editor-toolbar-icon {
  3173. height: 21px;
  3174. width: 21px;
  3175. vertical-align: middle;
  3176. opacity: .667;
  3177. margin: 2px 0;
  3178. background: url('images/html_editor.png') no-repeat;
  3179. }
  3180. .jqx-editor-toolbar-icon-bold {
  3181. background-position: 0px 0px !important;
  3182. }
  3183. .jqx-editor-toolbar-icon-italic {
  3184. background-position: -21px 0px !important;
  3185. }
  3186. .jqx-editor-toolbar-icon-underline {
  3187. background-position: -42px 0px !important;
  3188. }
  3189. .jqx-editor-toolbar-icon-fontname {
  3190. background-position: -63px 0px !important;
  3191. }
  3192. .jqx-editor-toolbar-icon-fontsize {
  3193. background-position: -84px 0px !important;
  3194. }
  3195. .jqx-editor-toolbar-icon-createlink {
  3196. background-position: -147px 0px !important;
  3197. }
  3198. .jqx-editor-toolbar-icon-insertorderedlist {
  3199. background-position: -168px 0px !important;
  3200. }
  3201. .jqx-editor-toolbar-icon-insertunorderedlist {
  3202. background-position: -189px 0px !important;
  3203. }
  3204. .jqx-editor-toolbar-icon-outdent {
  3205. background-position: -210px 0px !important;
  3206. }
  3207. .jqx-editor-toolbar-icon-indent {
  3208. background-position: -231px 0px !important;
  3209. }
  3210. .jqx-editor-toolbar-icon-insertimage {
  3211. background-position: -337px 0px !important;
  3212. }
  3213. .jqx-editor-toolbar-icon-justifyleft {
  3214. background-position: -252px 0px !important;
  3215. }
  3216. .jqx-editor-toolbar-icon-justifycenter {
  3217. background-position: -273px 0px !important;
  3218. }
  3219. .jqx-editor-toolbar-icon-justifyright {
  3220. background-position: -294px 0px !important;
  3221. }
  3222. .jqx-editor-toolbar-icon-removeformat {
  3223. background-position: -316px 0px !important;
  3224. }
  3225. .jqx-editor-toolbar-icon-viewsource {
  3226. background-position: -359px 0px !important;
  3227. }
  3228. .jqx-editor-toolbar-icon-forecolor {
  3229. background-position: -105px 0px !important;
  3230. height: 15px;
  3231. }
  3232. .jqx-editor-toolbar-icon-backcolor {
  3233. background-position: -380px 0px !important;
  3234. height: 15px;
  3235. }
  3236. .jqx-editor-toolbar-icon:hover {
  3237. opacity: 1;
  3238. }
  3239. .jqx-fill-state-disabled .jqx-editor-toolbar-icon {
  3240. opacity: .667;
  3241. }
  3242. .jqx-editor-toolbar-item {
  3243. display: inline-block;
  3244. margin-left: 2px;
  3245. vertical-align: middle;
  3246. }
  3247. .jqx-editor-toolbar-separator {
  3248. border-left: 1px solid #ccc;
  3249. margin: 0 2px;
  3250. outline: none;
  3251. overflow: hidden;
  3252. padding: 0;
  3253. text-decoration: none;
  3254. vertical-align: middle;
  3255. width: 0;
  3256. display: inline-block;
  3257. }
  3258. .jqx-editor-toolbar-group {
  3259. display: inline-block;
  3260. margin-right: 4px;
  3261. margin-top: 4px;
  3262. white-space: nowrap;
  3263. }
  3264. .jqx-editor-toolbar-button {
  3265. text-decoration: none;
  3266. vertical-align: middle;
  3267. cursor: default;
  3268. display: inline-block;
  3269. padding: 0px !important;
  3270. margin-right: 2px;
  3271. }
  3272. .jqx-editor-toolbar-group .jqx-editor-toolbar-button {
  3273. margin-right: -1px;
  3274. box-shadow: none;
  3275. position: relative;
  3276. margin-left: 0px !important;
  3277. }
  3278. .jqx-editor-toolbar-group .jqx-editor-toolbar-button:hover, .jqx-editor-toolbar-group .jqx-editor-toolbar-button:active {
  3279. z-index: 55;
  3280. }
  3281. .jqx-editor-toolbar-group .jqx-editor-toolbar-button.jqx-fill-state-normal {
  3282. background: transparent !important;
  3283. }
  3284. /*applied to all widgets*/
  3285. .jqx-widget{-moz-box-sizing: content-box; box-sizing: content-box; -ms-touch-action: none; zoom: 1; color: #000000; -moz-background-clip: padding; background-clip: padding-box; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-appearance: none; -webkit-background-clip: padding-box; direction: ltr !important; -webkit-tap-highlight-color: rgba(0,0,0,0); font-family: Verdana,Arial,sans-serif; font-style: normal; font-size: 13px;}
  3286. .jqx-item{-ms-touch-action: none; -moz-box-sizing: content-box; box-sizing: content-box; color: inherit; -webkit-text-size-adjust: none;}
  3287. /*applied to containers to set a background and border color. Tabs, NavigationBar, Calendar content.*/
  3288. .jqx-widget-content {-moz-box-sizing: content-box; box-sizing: content-box; -ms-touch-action: none; -moz-background-clip: padding; -webkit-text-size-adjust: none; background-clip: padding-box; -webkit-background-clip: padding-box; -webkit-tap-highlight-color: rgba(0,0,0,0); font-family: Verdana,Arial,sans-serif; font-style: normal; font-size: 13px; border-color: #c7c7c7; background: #fff; }
  3289. /*applied to header areas. Tabs, Menu, Window, Calendar.*/
  3290. .jqx-widget-header {-moz-box-sizing: content-box; box-sizing: content-box; -ms-touch-action: none;-moz-background-clip: padding; -webkit-text-size-adjust: none; background-clip: padding-box; -webkit-background-clip: padding-box; -webkit-tap-highlight-color: rgba(0,0,0,0); border-color: #c5c5c5; background: #e8e8e8; }
  3291. .jqx-fill-state-normal{-moz-box-sizing: content-box; box-sizing: content-box; -ms-touch-action: none;font-family: Verdana,Arial,sans-serif; font-style: normal; font-size: 13px; border-color:#aaa; background: #efefef; }
  3292. .jqx-fill-state-hover {-moz-box-sizing: content-box; box-sizing: content-box; border-color:#999; background: #e8e8e8;}
  3293. .jqx-fill-state-pressed{-moz-box-sizing: content-box; box-sizing: content-box; border-color:#999; background: #d1d1d1;}
  3294. .jqx-fill-state-focus {border-color: #555; }
  3295. .jqx-fill-state-disabled {cursor: default; color: #000; opacity: .55; filter:Alpha(Opacity=45);}
  3296. .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 {
  3297. box-sizing: border-box; -moz-box-sizing: border-box;
  3298. }
  3299. .jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell {border-color: #aaa;}
  3300. .jqx-widget .jqx-grid-column-menubutton, .jqx-widget .jqx-grid-column-sortascbutton, .jqx-widget .jqx-grid-column-sortdescbutton, .jqx-widget .jqx-grid-column-filterbutton
  3301. {
  3302. background-color: transparent;
  3303. border-color: #aaa;
  3304. }
  3305. .jqx-grid-column-header a:link, .jqx-grid-column-header a:visited
  3306. {
  3307. *color: expression(this.parentNode.currentStyle['color']);
  3308. }
  3309. .jqx-grid-bottomright, .jqx-panel-bottomright, .jqx-listbox-bottomright
  3310. {
  3311. background-color: #e5e5e5;
  3312. }
  3313. .jqx-tabs-title-selected-top
  3314. {
  3315. border-color: #aaa;
  3316. border-bottom: 1px solid #fff;
  3317. background-color: #fff;
  3318. }
  3319. /*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/
  3320. .jqx-tabs-title-selected-bottom
  3321. {
  3322. border-color: #aaa;
  3323. border-top: 1px solid #fff;
  3324. background-color: #fff;
  3325. }
  3326. /*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/
  3327. .jqx-tabs-selection-tracker-top
  3328. {
  3329. border-color: #aaa;
  3330. border-bottom: 1px solid #fff;
  3331. }
  3332. /*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/
  3333. .jqx-tabs-selection-tracker-bottom
  3334. {
  3335. border-color: #aaa;
  3336. border-top: 1px solid #fff;
  3337. }
  3338. /*jqxMaskedInput and jqxNumberInput Styles*/
  3339. .jqx-input
  3340. {
  3341. -webkit-appearance: none;
  3342. padding: 0 0 0 0;
  3343. outline: none;
  3344. border-width: 1px;
  3345. border-style: solid;
  3346. -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box;
  3347. }
  3348. input[type=text].jqx-input, input[type=password].jqx-input {
  3349. min-height: 16px;
  3350. min-width: 16px;
  3351. margin: 0px;
  3352. border-width: 1px;
  3353. border-style: solid;
  3354. font-size: 13px;
  3355. padding: 0px;
  3356. }
  3357. .jqx-input::-ms-reveal {
  3358. display: none;
  3359. }
  3360. .jqx-input::-ms-clear {
  3361. display: none;
  3362. }
  3363. .jqx-input-content::-ms-clear {
  3364. display: none;
  3365. }
  3366. .jqx-input::-ms-value {
  3367. margin: 0px;
  3368. padding: 0px;
  3369. min-height: 13px;
  3370. line-height: 13px;
  3371. }
  3372. /*applied to the input when the validation fails.*/
  3373. .jqx-input-invalid
  3374. {
  3375. border-color: #dd4b39 !important;
  3376. }
  3377. /*applied to the input's content.*/
  3378. .jqx-input-content
  3379. {
  3380. -webkit-appearance: none;
  3381. padding: 1px;
  3382. resize: none;
  3383. outline: none;
  3384. outline-width: 0px;
  3385. -webkit-user-modify:inherit; -moz-user-modify:inherit;
  3386. -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box;
  3387. }
  3388. /*applied to the input when it is disabled.*/
  3389. .jqx-input-disabled
  3390. {
  3391. -webkit-appearance: none;
  3392. resize: none;
  3393. outline: none;
  3394. outline-width: 0px;
  3395. }
  3396. /*applied to the list menu.*/
  3397. .jqx-listmenu-widget {
  3398. -ms-touch-action: auto;
  3399. }
  3400. .jqx-listmenu-widget .jqx-widget-content{
  3401. -ms-touch-action: auto;
  3402. }
  3403. .jqx-listmenu-widget .jqx-widget-header{
  3404. -ms-touch-action: auto;
  3405. }
  3406. .jqx-listmenu-widget li{
  3407. -ms-touch-action: auto;
  3408. }
  3409. .jqx-menu-popup {
  3410. }
  3411. .jqx-menu-vertical
  3412. {
  3413. background-color: #efefef;
  3414. }
  3415. .jqx-color-picker
  3416. {
  3417. }
  3418. .jqx-color-picker-panel
  3419. {
  3420. }
  3421. .jqx-color-picker-map
  3422. {
  3423. border: 1px solid #A0A0A0;
  3424. background-color: transparent;
  3425. background-image: url('images/colorpicker/map-saturation.png');
  3426. background-repeat: no-repeat;
  3427. background-position: left top;
  3428. overflow: hidden;
  3429. }
  3430. .jqx-color-picker-map-hue
  3431. {
  3432. border: 1px solid #A0A0A0;
  3433. background-color: transparent;
  3434. background-image: url('images/colorpicker/map-hue.png');
  3435. background-repeat: no-repeat;
  3436. background-position: left top;
  3437. overflow: hidden;
  3438. }
  3439. .jqx-color-picker-map-overlay
  3440. {
  3441. background-color: transparent;
  3442. background-image: url('images/colorpicker/map-saturation-overlay.png');
  3443. background-repeat: no-repeat;
  3444. background-position: left top;
  3445. }
  3446. .jqx-color-picker-bar
  3447. {
  3448. border: 1px solid #A0A0A0;
  3449. background-color: transparent;
  3450. background-image: url('images/colorpicker/bar-saturation.png');
  3451. background-repeat: no-repeat;
  3452. background-position: left top;
  3453. }
  3454. .jqx-color-picker-bar-hue
  3455. {
  3456. border: 1px solid #A0A0A0;
  3457. background-color: transparent;
  3458. background-image: url('images/colorpicker/bar-hue.png');
  3459. background-repeat: no-repeat;
  3460. background-position: left top;
  3461. }
  3462. .jqx-color-picker-preview
  3463. {
  3464. border: 1px solid #A0A0A0;
  3465. }
  3466. .jqx-color-picker-pointer
  3467. {
  3468. background-image: url('images/crosshair.png');
  3469. background-repeat: no-repeat;
  3470. height: 16px;
  3471. width: 16px;
  3472. }
  3473. .jqx-color-picker-pointer-alt
  3474. {
  3475. background-image: url('images/crosshair-white.png');
  3476. background-repeat: no-repeat;
  3477. height: 16px;
  3478. width: 16px;
  3479. }
  3480. .jqx-color-picker-bar-pointer
  3481. {
  3482. background-image: url('images/pointer.png');
  3483. background-repeat: no-repeat;
  3484. height: 15px;
  3485. margin-left: 6px;
  3486. background-position: right top;
  3487. }
  3488. .jqx-icon
  3489. {
  3490. width: 16px;
  3491. height: 16px;
  3492. margin: 0 auto;
  3493. position: relative;
  3494. top: 50%;
  3495. margin-top: -8px;
  3496. }
  3497. .jqx-input-icon
  3498. {
  3499. width: 13px;
  3500. height: 13px;
  3501. margin: 0 auto;
  3502. }
  3503. .jqx-scrollbar-thumb-state-normal-touch
  3504. {
  3505. border-color:#c3c3c3; background: #c3c3c3;
  3506. }
  3507. .jqx-touch, .jqx-touch .jqx-fill-state-normal, .jqx-touch .jqx-widget-content, .jqx-touch .jqx-widget-header, .jqx-touch a:link{}
  3508. .jqx-scrollbar .jqx-icon-arrow-up{width: 100%; height: 100%;}
  3509. .jqx-scrollbar .jqx-icon-arrow-down{width: 100%; height: 100%;}
  3510. .jqx-scrollbar .jqx-icon-arrow-left{width: 100%; height: 100%;}
  3511. .jqx-scrollbar .jqx-icon-arrow-right{width: 100%; height: 100%;}
  3512. /*jqx-listmenu*/
  3513. .jqx-listmenu-widget
  3514. {
  3515. border-width: 1px;
  3516. border-style: solid;
  3517. }
  3518. ol.jqx-listmenu, ul.jqx-listmenu
  3519. {
  3520. margin: 0;
  3521. padding: 0;
  3522. border: 0;
  3523. outline: 0;
  3524. font-size: 100%;
  3525. vertical-align: baseline;
  3526. line-height: 1;
  3527. counter-reset: section;
  3528. }
  3529. .jqx-listmenu li
  3530. {
  3531. margin-left: 0px;
  3532. list-style: none;
  3533. line-height: 1;
  3534. }
  3535. .jqx-listmenu
  3536. {
  3537. width: 100%;
  3538. }
  3539. .jqx-listmenu-header
  3540. {
  3541. padding: 15px;
  3542. }
  3543. .jqx-listmenu-item
  3544. {
  3545. cursor: pointer;
  3546. padding: 15px;
  3547. float: none;
  3548. overflow: hidden;
  3549. text-align: left;
  3550. position: relative;
  3551. }
  3552. .jqx-listmenu-separator
  3553. {
  3554. padding: 10px;
  3555. counter-reset: section;
  3556. }
  3557. .jqx-listmenu-header-label
  3558. {
  3559. margin-left: 30px;
  3560. }
  3561. .jqx-listmenu-arrow-right
  3562. {
  3563. width: 16px;
  3564. height: 16px;
  3565. position: absolute;
  3566. top: 50%;
  3567. margin-top: -7px;
  3568. right: 7px;
  3569. }
  3570. .jqx-listmenu-arrow-rtl {
  3571. right: 0px;
  3572. left: 7px;
  3573. }
  3574. .jqx-listmenu-arrow-right-pressed
  3575. {
  3576. width: 16px;
  3577. height: 16px;
  3578. }
  3579. .jqx-listmenu-header .jqx-button
  3580. {
  3581. -moz-border-radius: 10px;
  3582. -webkit-border-radius: 10px;
  3583. -o-border-radius: 10px;
  3584. border-radius: 10px;
  3585. padding: 6px 10px;
  3586. }
  3587. .jqx-listmenu-filter-input
  3588. {
  3589. -moz-border-radius: 3px;
  3590. -webkit-border-radius: 3px;
  3591. border-radius: 3px;
  3592. border: 1px solid;
  3593. outline: none;
  3594. width: 97%;
  3595. padding: 3px;
  3596. padding-left: 10px;
  3597. padding-right: 10px;
  3598. border-color: #c7c7c7;
  3599. background-color: #fff;
  3600. font-size: 20px;
  3601. min-height: 25px !important;
  3602. height: 25px;
  3603. }
  3604. .jqx-listmenu-filter
  3605. {
  3606. text-align: center;
  3607. padding: 4px;
  3608. }
  3609. ol li .jqx-listmenu-item-label:before
  3610. {
  3611. content: counter(section) ". ";
  3612. counter-increment: section;
  3613. }
  3614. .jqx-listmenu div
  3615. {
  3616. clear: both;
  3617. }
  3618. .jqx-listmenu-auto-separator
  3619. {
  3620. }
  3621. .jqx-listmenu-item-readonly
  3622. {
  3623. cursor: default;
  3624. }
  3625. .jqx-tooltip
  3626. {
  3627. position: absolute;
  3628. width: auto;
  3629. height: auto;
  3630. }
  3631. .jqx-tooltip-main
  3632. {
  3633. position: relative;
  3634. width: 100%;
  3635. height: 100%;
  3636. text-align: center;
  3637. filter: inherit;
  3638. border-style: solid;
  3639. border-width: 1px;
  3640. }
  3641. .jqx-tooltip-text
  3642. {
  3643. padding: 5px 8px;
  3644. overflow: hidden;
  3645. filter: inherit;
  3646. }
  3647. .jqx-tooltip, .jqx-tooltip-text, .jqx-tooltip-main {
  3648. -moz-border-radius: 5px;
  3649. -webkit-border-radius: 5px;
  3650. border-radius: 5px;
  3651. -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box;
  3652. }
  3653. .jqx-tooltip-arrow
  3654. {
  3655. position: absolute;
  3656. width: 0px;
  3657. height: 0px;
  3658. display: block;
  3659. border-style: solid;
  3660. margin: -6px 0 0 -7px;
  3661. background: transparent !important;
  3662. filter: inherit;
  3663. }
  3664. .jqx-tooltip-arrow-t-b
  3665. {
  3666. border-left-color: transparent !important;
  3667. border-right-color: transparent !important;
  3668. }
  3669. .jqx-tooltip-arrow-l-r
  3670. {
  3671. border-top-color: transparent !important;
  3672. border-bottom-color: transparent !important;
  3673. }
  3674. /*Sets the text-alignment to right.*/
  3675. .jqx-rtl{text-align: right !important;}
  3676. .jqx-shadow{
  3677. -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.15)!important;
  3678. -moz-box-shadow : 0 2px 3px rgba(0,0,0,.15)!important;
  3679. -o-box-shadow : 0 2px 3px rgba(0,0,0,.15)!important;
  3680. box-shadow : 0 2px 3px rgba(0,0,0,.15)!important;
  3681. }
  3682. .jqx-noshadow {
  3683. -webkit-box-shadow: none !important;
  3684. -moz-box-shadow : none !important;
  3685. -o-box-shadow : none !important;
  3686. box-shadow : none !important;
  3687. }
  3688. .jqx-passwordinput-password-icon, .jqx-passwordinput-password-icon-rtl
  3689. {
  3690. background-image: url(images/icon-showpassword.png) !important;
  3691. background-repeat: no-repeat !important;
  3692. width: 14px;
  3693. height: 9px;
  3694. }
  3695. .jqx-passwordinput-password-icon-ltr
  3696. {
  3697. background-position: right !important;
  3698. }
  3699. .jqx-passwordinput-password-icon-rtl
  3700. {
  3701. background-position: left !important;
  3702. }
  3703. .jqx-passwordinput-password-strength-inicator
  3704. {
  3705. width: 20%;
  3706. height: 5px;
  3707. margin-top: 5px;
  3708. }
  3709. /*top rounded Corners*/
  3710. .jqx-rc-t-expanded
  3711. {
  3712. -moz-border-radius-topleft: 0px !important;
  3713. -webkit-border-top-left-radius: 0px !important;
  3714. border-top-left-radius: 0px !important;
  3715. -moz-border-radius-topright: 0px !important;
  3716. -webkit-border-top-right-radius: 0px !important;
  3717. border-top-right-radius: 0px !important;
  3718. }
  3719. /*bottom rounded Corners*/
  3720. .jqx-rc-b-expanded
  3721. {
  3722. -moz-border-radius-bottomleft: 0px !important;
  3723. -webkit-border-bottom-left-radius: 0px !important;
  3724. border-bottom-left-radius: 0px !important;
  3725. -moz-border-radius-bottomright: 0px !important;
  3726. -webkit-border-bottom-right-radius: 0px !important;
  3727. border-bottom-right-radius: 0px !important;
  3728. }
  3729. .jqx-treemap-rectangle {
  3730. font-size: 13px;
  3731. font-weight: normal;
  3732. border: 1px solid #555;
  3733. color: #222;
  3734. text-shadow: 0px 0px 0px;
  3735. overflow: hidden;
  3736. text-overflow: ellipsis;
  3737. }
  3738. .jqx-treemap-label {
  3739. text-overflow: ellipsis;
  3740. overflow: hidden;
  3741. }
  3742. .jqx-treemap-rectangle-parent {
  3743. color: #222;
  3744. font-size: 15px;
  3745. font-family: Verdana;
  3746. font-weight: bold;
  3747. }
  3748. .jqx-treemap-legend-label {
  3749. color: #fff;
  3750. }
  3751. .jqx-treemap-legend {
  3752. width: 350px;
  3753. background-color: rgba(0, 0, 0, 0.1);
  3754. z-index: 41;
  3755. overflow: hidden;
  3756. }
  3757. .jqx-treemap-legend-table {
  3758. table-layout: fixed;
  3759. width: 100%;
  3760. }
  3761. .jqx-treemap-legend-color {
  3762. height: 3px;
  3763. }
  3764. .jqx-treemap-legend-values {
  3765. height: 12px;
  3766. width: 100%;
  3767. }
  3768. .jqx-treemap-legend-value {
  3769. font-size: 9px;
  3770. position: absolute;
  3771. color: #fff;
  3772. }
  3773. .jqx-treemap-rectangle-hover {
  3774. -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  3775. -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  3776. box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  3777. z-index: 40;
  3778. }
  3779. /*jqxRangeSelector*/
  3780. .jqx-rangeselector, .jqx-rangeselector-content, .jqx-rangeselector-slider, .jqx-rangeselector-markers,
  3781. .jqx-rangeselector-ticks-container, .jqx-rangeselector-ticks, .jqx-rangeselector-shutter
  3782. {
  3783. box-shadow: none !important;
  3784. -webkit-box-shadow: none !important;
  3785. -moz-box-shadow: none !important;
  3786. box-sizing: content-box !important;
  3787. }
  3788. .jqx-rangeselector-markers {
  3789. }
  3790. .jqx-rangeselector-content, .jqx-rangeselector-ticks, .jqx-rangeselector-labels, .jqx-rangeselector-shutter, .jqx-rangeselector-markers, .jqx-rangeselector-marker-arrow
  3791. {
  3792. position: absolute;
  3793. }
  3794. .jqx-rangeselector-ticks-container, .jqx-rangeselector-ticks, .jqx-rangeselector-shutter, .jqx-rangeselector-slider
  3795. {
  3796. height: 100%;
  3797. }
  3798. .jqx-rangeselector-ticks-container, .jqx-rangeselector-slider
  3799. {
  3800. width: 100%;
  3801. box-shadow: none !important;
  3802. -webkit-box-shadow: none !important;
  3803. -moz-box-shadow: none !important;
  3804. -moz-border-radius: 0px !important;
  3805. -webkit-border-radius: 0px !important;
  3806. border-radius: 0px !important;
  3807. }
  3808. .jqx-rangeselector-group-labels-rtl, .jqx-rangeselector-group-labels-ticks, .jqx-rangeselector-slider
  3809. {
  3810. float: left;
  3811. }
  3812. .jqx-rangeselector-slider, .jqx-rangeselector-markers, .jqx-rangeselector-marker-arrow
  3813. {
  3814. border-style: solid;
  3815. }
  3816. .jqx-rangeselector-ticks, .jqx-rangeselector-group-labels-ticks
  3817. {
  3818. width: 1px;
  3819. background: #aaa;
  3820. }
  3821. .jqx-rangeselector-labels, .jqx-rangeselector-markers
  3822. {
  3823. white-space: nowrap;
  3824. width: auto;
  3825. }
  3826. .jqx-rangeselector-slider, .jqx-rangeselector-markers
  3827. {
  3828. border-width: 1px !important;
  3829. }
  3830. .jqx-rangeselector-ticks-container
  3831. {
  3832. background-color: transparent;
  3833. position: relative;
  3834. }
  3835. .jqx-rangeselector-shutter
  3836. {
  3837. opacity: 0.75;
  3838. background: #efefef;
  3839. border-width: 0px !important;
  3840. }
  3841. .jqx-rangeselector-slider
  3842. {
  3843. background-color: transparent !important;
  3844. border-top: none !important;
  3845. background-image: none !important;
  3846. border-bottom: none !important;
  3847. border-color: #aaa;
  3848. border-right-color: transparent !important;
  3849. position: relative;
  3850. overflow: hidden;
  3851. }
  3852. .jqx-rangeselector-inner-slider
  3853. {
  3854. position: absolute;
  3855. right: 0;
  3856. background: #aaa;
  3857. width: 1px;
  3858. height: 100%;
  3859. }
  3860. .jqx-rangeselector-ticks
  3861. {
  3862. margin-top: 0px;
  3863. }
  3864. .jqx-rangeselector-labels, .jqx-rangeselector-group-labels
  3865. {
  3866. margin-top: 4px;
  3867. }
  3868. .jqx-rangeselector-markers
  3869. {
  3870. height: 20px;
  3871. padding: 5px;
  3872. opacity: 0.75;
  3873. }
  3874. .jqx-rangeselector-marker-arrow
  3875. {
  3876. width: 0px;
  3877. height: 0px;
  3878. display: block;
  3879. margin: -6px 0 0 -7px;
  3880. background-color: transparent !important;
  3881. filter: inherit;
  3882. border-top-width: 5px;
  3883. border-bottom-width: 5px;
  3884. border-right-color: transparent !important;
  3885. border-left-color: transparent !important;
  3886. background-clip: border-box;
  3887. background-repeat: repeat;
  3888. box-shadow: none !important;
  3889. -webkit-box-shadow: none !important;
  3890. background-image: none !important;
  3891. }
  3892. .jqx-rangeselector-marker-arrow-top {
  3893. border-bottom-color: transparent !important;
  3894. }
  3895. .jqx-rangeselector-marker-arrow-bottom {
  3896. border-top-color: transparent !important;
  3897. }
  3898. .jqx-rangeselector-marker-left-arrow
  3899. {
  3900. border-right-width: 0px;
  3901. border-left-width: 5px;
  3902. }
  3903. .jqx-rangeselector-marker-right-arrow
  3904. {
  3905. border-right-width: 5px;
  3906. border-left-width: 0px;
  3907. }
  3908. .jqx-rangeselector-markers-value
  3909. {
  3910. overflow: hidden;
  3911. white-space: nowrap;
  3912. }
  3913. .jqx-rangeselector-group-labels-rtl
  3914. {
  3915. margin-right: 10px;
  3916. direction: rtl;
  3917. }
  3918. .jqx-rangeselector-group-labels-ticks
  3919. {
  3920. height: 17px;
  3921. }
  3922. .jqx-rangeselector-group-labels-ticks-rtl
  3923. {
  3924. margin-left: 5px;
  3925. }
  3926. .jqx-action-button {
  3927. border: none;
  3928. border-left: 1px solid #c7c7c7;
  3929. }
  3930. .jqx-action-button-rtl {
  3931. border: none;
  3932. border-right: 1px solid #c7c7c7;
  3933. cursor: pointer;
  3934. }
  3935. /*jqxBulletChart*/
  3936. .jqx-bulletchart
  3937. {
  3938. }
  3939. .jqx-bulletchart, .jqx-bulletchart-title-container-horizontal, .jqx-bulletchart-title-container-vertical, .jqx-bulletchart-chart-container-horizontal, .jqx-bulletchart-chart-container-vertical
  3940. {
  3941. position: relative;
  3942. }
  3943. .jqx-bulletchart-title-inner-container, .jqx-bulletchart-range, .jqx-bulletchart-pointer, .jqx-bulletchart-target, .jqx-bulletchart-ticks, .jqx-bulletchart-labels
  3944. {
  3945. position: absolute;
  3946. }
  3947. .jqx-bulletchart-title-container-vertical, .jqx-bulletchart-title, .jqx-bulletchart-description, .jqx-bulletchart-range-vertical
  3948. {
  3949. width: 100%;
  3950. }
  3951. .jqx-bulletchart-title-container-horizontal, .jqx-bulletchart-chart-container-horizontal
  3952. {
  3953. float: left;
  3954. overflow: hidden;
  3955. }
  3956. .jqx-bulletchart-title, .jqx-bulletchart-description
  3957. {
  3958. text-align: center;
  3959. }
  3960. .jqx-bulletchart-title-inner-container
  3961. {
  3962. margin: auto;
  3963. top: 0;
  3964. left: 0;
  3965. right: 0;
  3966. bottom: 0;
  3967. }
  3968. .jqx-bulletchart-title-inner-container-ltr
  3969. {
  3970. padding-right: 5px;
  3971. }
  3972. .jqx-bulletchart-title-inner-container-rtl
  3973. {
  3974. padding-left: 5px;
  3975. }
  3976. .jqx-bulletchart-title-description-ltr
  3977. {
  3978. text-align: right;
  3979. }
  3980. .jqx-bulletchart-title-description-rtl
  3981. {
  3982. text-align: left;
  3983. }
  3984. .jqx-bulletchart-title-description-vertical
  3985. {
  3986. text-align: center;
  3987. }
  3988. .jqx-bulletchart-title
  3989. {
  3990. font-size: 110%;
  3991. font-weight: bold;
  3992. }
  3993. .jqx-bulletchart-description
  3994. {
  3995. font-size: 90%;
  3996. }
  3997. .jqx-bulletchart-range-horizontal
  3998. {
  3999. height: 100%;
  4000. }
  4001. .jqx-bulletchart-target-horizontal
  4002. {
  4003. top: 10%;
  4004. height: 80%;
  4005. }
  4006. .jqx-bulletchart-target-vertical
  4007. {
  4008. left: 10%;
  4009. width: 80%;
  4010. }
  4011. .jqx-bulletchart-ticks
  4012. {
  4013. background-color: #AAAAAA;
  4014. }
  4015. .jqx-bulletchart-ticks-horizontal
  4016. {
  4017. width: 1px;
  4018. }
  4019. .jqx-bulletchart-ticks-vertical
  4020. {
  4021. height: 1px;
  4022. }
  4023. .jqx-bulletchart-zero-tick
  4024. {
  4025. }
  4026. .jqx-bulletchart-labels
  4027. {
  4028. }
  4029. /*jqxNotification*/
  4030. .jqx-notification
  4031. {
  4032. padding: 10px;
  4033. border-width: 1px;
  4034. border-style: solid;
  4035. box-sizing: border-box;
  4036. pointer-events: auto;
  4037. }
  4038. .jqx-notification-table
  4039. {
  4040. width: 100%;
  4041. font-size: inherit;
  4042. font-weight: inherit;
  4043. font-style: inherit;
  4044. font-variant: inherit;
  4045. color:inherit;
  4046. }
  4047. .jqx-notification-container
  4048. {
  4049. position: fixed;
  4050. height: auto;
  4051. width: auto;
  4052. pointer-events: none;
  4053. }
  4054. .jqx-notification-container-full-width
  4055. {
  4056. width: 100%;
  4057. }
  4058. .jqx-notification-container-full-height
  4059. {
  4060. height: 100%;
  4061. }
  4062. #jqxNotificationDefaultContainer-top-right, #jqxNotificationDefaultContainer-bottom-left
  4063. {
  4064. direction: rtl;
  4065. }
  4066. .jqx-notification-icon, .jqx-notification-content
  4067. {
  4068. vertical-align: middle;
  4069. }
  4070. .jqx-notification-content
  4071. {
  4072. }
  4073. .jqx-notification-content-rtl
  4074. {
  4075. direction: rtl;
  4076. }
  4077. .jqx-link, .jqx-inverse, .jqx-primary, .jqx-warning, .jqx-danger, .jqx-success, .jqx-info {
  4078. background: none !important;
  4079. box-shadow: none !important;
  4080. text-shadow: none !important;
  4081. }
  4082. .jqx-notification-info, .jqx-info
  4083. {
  4084. color: #ffffff !important;
  4085. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  4086. background-color: #49afcd !important;
  4087. *background-color: #2f96b4 !important;
  4088. background-repeat: repeat-x !important;
  4089. background-image: linear-gradient(to bottom, #5bc0de, #2f96b4) !important;
  4090. border-left-color: #2f96b4 !important;
  4091. border-right-color: #2f96b4 !important;
  4092. border-top-color: #2f96b4 !important;
  4093. border-bottom-color: #1f6377 !important;
  4094. }
  4095. .jqx-info:hover,
  4096. .jqx-info:focus,
  4097. .jqx-info:active,
  4098. .jqx-info.active,
  4099. .jqx-info.disabled,
  4100. .jqx-info[disabled] {
  4101. color: #ffffff !important;
  4102. background-color: #2f96b4 !important;
  4103. *background-color: #2a85a0 !important;
  4104. }
  4105. .jqx-info:active,
  4106. .jqx-info.active {
  4107. background-color: #24748c \9 !important;
  4108. }
  4109. .jqx-notification-warning, .jqx-warning
  4110. {
  4111. color: #ffffff !important;
  4112. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  4113. background-color: #faa732 !important;
  4114. *background-color: #f89406 !important;
  4115. background-repeat: repeat-x !important;
  4116. background-image: linear-gradient(to bottom, #fbb450, #f89406) !important;
  4117. border-left-color: #f89406 !important;
  4118. border-right-color: #f89406 !important;
  4119. border-top-color: #f89406 !important;
  4120. border-bottom-color: #ad6704 !important;
  4121. }
  4122. .jqx-warning:hover,
  4123. .jqx-warning:focus,
  4124. .jqx-warning:active,
  4125. .jqx-warning.active,
  4126. .jqx-warning.disabled,
  4127. .jqx-warning[disabled] {
  4128. color: #ffffff !important;
  4129. background-color: #f89406 !important;
  4130. *background-color: #df8505 !important;
  4131. }
  4132. .jqx-warning:active,
  4133. .jqx-warning.active {
  4134. background-color: #c67605 \9 !important;
  4135. }
  4136. .jqx-notification-success, .jqx-success
  4137. {
  4138. color: #ffffff !important;
  4139. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  4140. background-color: #5bb75b !important;
  4141. *background-color: #51a351 !important;
  4142. background-repeat: repeat-x !important;
  4143. background-image: linear-gradient(to bottom, #62c462, #51a351) !important;
  4144. border-left-color: #51a351 !important;
  4145. border-right-color: #51a351 !important;
  4146. border-top-color: #51a351 !important;
  4147. border-bottom-color: #387038 !important;
  4148. }
  4149. .jqx-success:hover,
  4150. .jqx-success:focus,
  4151. .jqx-success:active,
  4152. .jqx-success.active,
  4153. .jqx-success.disabled,
  4154. .jqx-success[disabled] {
  4155. color: #ffffff !important;
  4156. background-color: #51a351 !important;
  4157. *background-color: #499249 !important;
  4158. }
  4159. .jqx-success:active,
  4160. .jqx-success.active {
  4161. background-color: #408140 \9 !important;
  4162. }
  4163. .jqx-notification-error, .jqx-danger
  4164. {
  4165. color: #ffffff !important;
  4166. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  4167. background-color: #da4f49 !important;
  4168. *background-color: #bd362f !important;
  4169. background-repeat: repeat-x !important;
  4170. background-image: linear-gradient(to bottom, #ee5f5b, #bd362f) !important;
  4171. border-left-color: #bd362f !important;
  4172. border-right-color: #bd362f !important;
  4173. border-top-color: #bd362f !important;
  4174. border-bottom-color: #802420 !important;
  4175. }
  4176. .jqx-danger:hover,
  4177. .jqx-danger:focus,
  4178. .jqx-danger:active,
  4179. .jqx-danger.active,
  4180. .jqx-danger.disabled,
  4181. .jqx-danger[disabled] {
  4182. color: #ffffff !important;
  4183. background-color: #bd362f !important;
  4184. *background-color: #a9302a !important;
  4185. }
  4186. .jqx-danger:active,
  4187. .jqx-danger.active {
  4188. background-color: #942a25 \9 !important;
  4189. }
  4190. .jqx-notification-mail, .jqx-primary
  4191. {
  4192. color: #ffffff !important;
  4193. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  4194. background-color: #006dcc !important;
  4195. *background-color: #0044cc !important;
  4196. background-repeat: repeat-x !important;
  4197. background-image: linear-gradient(to bottom, #0088cc, #0044cc) !important;
  4198. border-left-color: #0044cc !important;
  4199. border-right-color: #0044cc !important;
  4200. border-top-color: #0044cc !important;
  4201. border-bottom-color: #002a80 !important;
  4202. }
  4203. .jqx-primary:hover,
  4204. .jqx-primary:focus,
  4205. .jqx-primary:active,
  4206. .jqx-primary.active,
  4207. .jqx-primary.disabled,
  4208. .jqx-primary[disabled] {
  4209. color: #ffffff !important;
  4210. background-color: #0044cc !important;
  4211. *background-color: #003bb3 !important;
  4212. }
  4213. .jqx-primary:active,
  4214. .jqx-primary.active {
  4215. background-color: #003399 \9 !important;
  4216. }
  4217. .jqx-notification-time, .jqx-inverse
  4218. {
  4219. color: #ffffff !important;
  4220. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  4221. background-color: #363636 !important;
  4222. *background-color: #222222 !important;
  4223. background-repeat: repeat-x !important;
  4224. background-image: linear-gradient(to bottom, #444444, #222222) !important;
  4225. border-left-color: #222222 !important;
  4226. border-right-color: #222222 !important;
  4227. border-top-color: #222222 !important;
  4228. border-bottom-color: #000000 !important;
  4229. }
  4230. .jqx-inverse:hover,
  4231. .jqx-inverse:focus,
  4232. .jqx-inverse:active,
  4233. .jqx-inverse.active,
  4234. .jqx-inverse.disabled,
  4235. .jqx-inverse[disabled] {
  4236. color: #ffffff !important;
  4237. background-color: #222222 !important;
  4238. *background-color: #151515 !important;
  4239. }
  4240. .jqx-inverse:active,
  4241. .jqx-inverse.active {
  4242. background-color: #080808 \9 !important;
  4243. }
  4244. .jqx-link,
  4245. .jqx-link:active,
  4246. .jqx-link[disabled] {
  4247. background-color: transparent !important;
  4248. background-image: none !important;
  4249. -webkit-box-shadow: none !important;
  4250. -moz-box-shadow: none !important;
  4251. box-shadow: none !important;
  4252. }
  4253. .jqx-link {
  4254. color: #0088cc !important;
  4255. cursor: pointer !important;
  4256. border-color: transparent !important;
  4257. -webkit-border-radius: 0 !important;
  4258. -moz-border-radius: 0 !important;
  4259. border-radius: 0 !important;
  4260. }
  4261. .jqx-link:hover,
  4262. .jqx-link:focus {
  4263. color: #005580 !important;
  4264. text-decoration: underline !important;
  4265. background-color: transparent !important;
  4266. }
  4267. .jqx-link[disabled]:hover,
  4268. .jqx-link[disabled]:focus {
  4269. color: #333333 !important;
  4270. text-decoration: none !important;
  4271. }
  4272. .jqx-link:focus, .jqx-inverse:focus, .jqx-primary:focus, .jqx-warning:focus, .jqx-danger:focus, .jqx-success:focus, .jqx-info:focus,
  4273. .jqx-link:hover, .jqx-inverse:hover, .jqx-primary:hover, .jqx-warning:hover, .jqx-danger:hover, .jqx-success:hover, .jqx-info:hover {
  4274. background-position: 0 -15px !important;
  4275. -webkit-transition: background-position 0.1s linear !important;
  4276. -moz-transition: background-position 0.1s linear !important;
  4277. -o-transition: background-position 0.1s linear !important;
  4278. transition: background-position 0.1s linear !important;
  4279. }
  4280. .jqx-link:active, .jqx-inverse:active, .jqx-primary:active, .jqx-warning:active, .jqx-danger:active, .jqx-success:active, .jqx-info:active {
  4281. background-image: none !important;
  4282. outline: 0 !important;
  4283. -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
  4284. -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
  4285. box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
  4286. }
  4287. .jqx-notification-icon
  4288. {
  4289. background-repeat: no-repeat;
  4290. }
  4291. .jqx-notification-icon-ltr
  4292. {
  4293. background-position: left center;
  4294. }
  4295. .jqx-notification-icon-rtl
  4296. {
  4297. background-position: right center;
  4298. }
  4299. .jqx-notification-icon-info, .jqx-notification-icon-warning, .jqx-notification-icon-success, .jqx-notification-icon-error, .jqx-notification-icon-mail, .jqx-notification-icon-time
  4300. {
  4301. width: 30px;
  4302. height: 25px;
  4303. }
  4304. .jqx-notification-icon-info
  4305. {
  4306. background-image: url('images/info.png');
  4307. }
  4308. .jqx-notification-icon-warning
  4309. {
  4310. background-image: url('images/warning.png');
  4311. }
  4312. .jqx-notification-icon-success
  4313. {
  4314. background-image: url('images/success.png');
  4315. }
  4316. .jqx-notification-icon-error
  4317. {
  4318. background-image: url('images/error.png');
  4319. }
  4320. .jqx-notification-icon-mail
  4321. {
  4322. background-image: url('images/mail.png');
  4323. }
  4324. .jqx-notification-icon-time
  4325. {
  4326. background-image: url('images/time.png');
  4327. }
  4328. .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
  4329. {
  4330. background-image: url('images/close_white.png');
  4331. }
  4332. .jqx-notification-close-button-warning
  4333. {
  4334. background-image: url('images/close_black.png');
  4335. }
  4336. .jqx-notification-close-button-container, .jqx-notification-close-button
  4337. {
  4338. width: 16px;
  4339. height: 16px;
  4340. }
  4341. .jqx-notification-close-button-container
  4342. {
  4343. vertical-align: top;
  4344. }
  4345. .jqx-notification-close-button
  4346. {
  4347. position: relative;
  4348. top: -11px;
  4349. background-repeat: no-repeat;
  4350. cursor: pointer;
  4351. }
  4352. .jqx-notification-close-button-ltr
  4353. {
  4354. right: -11px;
  4355. background-position: right top;
  4356. }
  4357. .jqx-notification-close-button-rtl
  4358. {
  4359. left: -11px;
  4360. background-position: left top;
  4361. }