jqx.mobile.css 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780
  1. .jqx-rc-tl-mobile {
  2. -moz-border-radius-topleft: 5px;
  3. -webkit-border-top-left-radius: 5px;
  4. border-top-left-radius: 5px;
  5. }
  6. .jqx-rc-tr-mobile {
  7. -moz-border-radius-topright: 5px;
  8. -webkit-border-top-right-radius: 5px;
  9. border-top-right-radius: 5px;
  10. }
  11. .jqx-rc-bl-mobile {
  12. -moz-border-radius-bottomleft: 5px;
  13. -webkit-border-bottom-left-radius: 5px;
  14. border-bottom-left-radius: 5px;
  15. }
  16. .jqx-rc-br-mobile {
  17. -moz-border-radius-bottomright: 5px;
  18. -webkit-border-bottom-right-radius: 5px;
  19. border-bottom-right-radius: 5px;
  20. }
  21. /*top rounded Corners*/
  22. .jqx-rc-t-mobile {
  23. -moz-border-radius-topleft: 5px;
  24. -webkit-border-top-left-radius: 5px;
  25. border-top-left-radius: 5px;
  26. -moz-border-radius-topright: 5px;
  27. -webkit-border-top-right-radius: 5px;
  28. border-top-right-radius: 5px;
  29. }
  30. /*bottom rounded Corners*/
  31. .jqx-rc-b-mobile {
  32. -moz-border-radius-bottomleft: 5px;
  33. -webkit-border-bottom-left-radius: 5px;
  34. border-bottom-left-radius: 5px;
  35. -moz-border-radius-bottomright: 5px;
  36. -webkit-border-bottom-right-radius: 5px;
  37. border-bottom-right-radius: 5px;
  38. }
  39. /*right rounded Corners*/
  40. .jqx-rc-r-mobile {
  41. -moz-border-radius-topright: 5px;
  42. -webkit-border-top-right-radius: 5px;
  43. border-top-right-radius: 5px;
  44. -moz-border-radius-bottomright: 5px;
  45. -webkit-border-bottom-right-radius: 5px;
  46. border-bottom-right-radius: 5px;
  47. }
  48. /*left rounded Corners*/
  49. .jqx-rc-l-mobile {
  50. -moz-border-radius-topleft: 5px;
  51. -webkit-border-top-left-radius: 5px;
  52. border-top-left-radius: 5px;
  53. -moz-border-radius-bottomleft: 5px;
  54. -webkit-border-bottom-left-radius: 5px;
  55. border-bottom-left-radius: 5px;
  56. }
  57. /*all rounded Corners*/
  58. .jqx-rc-all-mobile {
  59. -moz-border-radius: 5px;
  60. -webkit-border-radius: 5px;
  61. border-radius: 5px;
  62. }
  63. .jqx-widget-mobile {
  64. font-size: 100%;
  65. font-family: HelveticaNeue,sans-serif;
  66. color: inherit;
  67. }
  68. input[type=text].jqx-input-mobile, input[type=password].jqx-input-mobile, .jqx-input-group-addon-mobile {
  69. font-size: 100%;
  70. font-family: HelveticaNeue,sans-serif;
  71. border-color: #b2b2b2 !important;
  72. background: #fff;
  73. }
  74. .jqx-widget-content-mobile {
  75. font-size: 100%;
  76. font-family: HelveticaNeue,sans-serif;
  77. border-color: #b2b2b2;
  78. color: #000;
  79. background-color: #f8f8f8;
  80. }
  81. .jqx-listbox-mobile, .jqx-calendar-mobile .jqx-widget-content-mobile {
  82. background: #fff;
  83. }
  84. .jqx-calendar-mobile .jqx-widget-header-mobile {
  85. background: #f6f5f1;
  86. }
  87. .jqx-widget-header-mobile {
  88. font-size: 100%;
  89. font-family: HelveticaNeue,sans-serif;
  90. color: #000;
  91. border-color: #b2b2b2;
  92. background: #f8f8f8;
  93. }
  94. .jqx-fill-state-normal-mobile, .jqx-fill-state-hover-mobile {
  95. font-size: 100%;
  96. font-family: HelveticaNeue,sans-serif;
  97. border-color: #f1f2f3;
  98. color: #040404;
  99. background: #f9f9fa;
  100. }
  101. .jqx-button-mobile, .jqx-grid-pager-number-mobile {
  102. padding: 10px 7px;
  103. background: #f9f9fa;
  104. border-color: #f1f2f3;
  105. color: #040404;
  106. -webkit-box-shadow: 0px 2px 2px rgba(133, 133, 133, 0.8);
  107. -moz-box-shadow: 0px 2px 2px rgba(133, 133, 133, 0.8);
  108. box-shadow: 0px 2px 2px rgba(133, 133, 133, 0.8);
  109. }
  110. .jqx-grid-group-column-mobile {
  111. border-color: #b2b2b2;
  112. color: #040404;
  113. }
  114. .jqx-listitem-state-normal-mobile, .jqx-listmenu-item-mobile {
  115. background: #ffffff;
  116. border-top: 1px solid #cccccc;
  117. -moz-border-radius-topleft: 0px !important;
  118. -webkit-border-top-left-radius: 0px!important;
  119. border-top-left-radius: 0px!important;
  120. -moz-border-radius-topright: 0px!important;
  121. -webkit-border-top-right-radius: 0px!important;
  122. border-top-right-radius: 0px!important;
  123. -moz-border-radius-bottomleft: 0px!important;
  124. -webkit-border-bottom-left-radius: 0px!important;
  125. border-bottom-left-radius: 0px!important;
  126. -moz-border-radius-bottomright: 0px!important;
  127. -webkit-border-bottom-right-radius: 0px!important;
  128. border-bottom-right-radius: 0px!important;
  129. }
  130. .jqx-listitem-state-normal-touch-mobile {
  131. padding-top: 5px;
  132. padding-bottom: 5px;
  133. }
  134. .jqx-listmenu-header-label-mobile {
  135. font-size: 24px;
  136. margin-left: -5px;
  137. }
  138. .jqx-listmenu-item-label-mobile {
  139. display: inline-block;
  140. width: 100%;
  141. height: 100%;
  142. }
  143. .jqx-listmenu-separator-mobile {
  144. font-size: 100%;
  145. font-family: HelveticaNeue,sans-serif;
  146. }
  147. .jqx-listmenu-item-mobile a:link, .jqx-listmenu-item-mobile a:visited {
  148. display: inline-block;
  149. text-decoration: none;
  150. color: inherit;
  151. font-size: 100%;
  152. color: #000;
  153. width: 100%;
  154. height: 100%;
  155. padding: 15px;
  156. }
  157. .jqx-listmenu-item-mobile {
  158. padding: 0px;
  159. }
  160. .jqx-navigationbar-mobile .jqx-widget-header-mobile, .jqx-navigationbar-mobile .jqx-fill-state-hover-mobile {
  161. background: #ffffff;
  162. border-top: 1px solid #cccccc;
  163. }
  164. .jqx-menu-item-top-selected-mobile {
  165. -moz-border-radius-bottomleft: 0px;
  166. -webkit-border-bottom-left-radius: 0px;
  167. border-bottom-left-radius: 0px;
  168. -moz-border-radius-bottomright: 0px;
  169. -webkit-border-bottom-right-radius: 0px;
  170. border-bottom-right-radius: 0px;
  171. }
  172. .jqx-listitem-element:first-child .jqx-listitem-state-normal-mobile {
  173. border-top: 1px solid #ffffff;
  174. }
  175. .jqx-listitem-state-hover-mobile {
  176. background: #ffffff;
  177. border-color: #ffffff;
  178. border-top: 1px solid #cccccc;
  179. }
  180. .jqx-listitem-state-selected-mobile {
  181. -moz-border-radius-topleft: 5px;
  182. -webkit-border-top-left-radius: 5px;
  183. border-top-left-radius: 5px;
  184. -moz-border-radius-topright: 5px;
  185. -webkit-border-top-right-radius: 5px;
  186. border-top-right-radius: 5px;
  187. }
  188. .jqx-listmenu-auto-separator-mobile, .jqx-listmenu-separator-mobile, .jqx-listitem-state-group-mobile {
  189. background: #f8f8f8 !important;
  190. color: #8D8D8D !important;
  191. padding-top: 15px !important;
  192. }
  193. .jqx-fill-state-pressed-mobile {
  194. border-color: #c0c3c7;
  195. color: #000;
  196. background-color: #c0c3c7;
  197. }
  198. .jqx-combobox-multi-item-mobile {
  199. background: #fff;
  200. border-color: #cccccc;
  201. color: #000;
  202. -webkit-box-shadow: none;
  203. -moz-box-shadow: none;
  204. box-shadow: none;
  205. padding: 7px;
  206. }
  207. .jqx-fill-state-focus-mobile {
  208. border-color: #b2b2b2;
  209. }
  210. .jqx-fill-state-disabled-mobile {
  211. color: #898989;
  212. }
  213. .jqx-scrollbar-state-normal-mobile, .jqx-grid-bottomright-mobile, .jqx-panel-bottomright-mobile, .jqx-listbox-bottomright-mobile {
  214. background-color: #fff;
  215. }
  216. .jqx-widget-mobile .jqx-grid-column-header-mobile, .jqx-grid-cell-mobile, .jqx-widget-mobile .jqx-grid-cell-mobile, .jqx-widget-mobile .jqx-grid-group-cell-mobile, .jqx-grid-group-cell-mobile {
  217. font-size: 100%;
  218. font-family: HelveticaNeue,sans-serif;
  219. }
  220. .jqx-widget-mobile .jqx-grid-cell-alt-mobile, .jqx-widget-mobile .jqx-grid-cell-sort-mobile, .jqx-widget-mobile .jqx-grid-cell-pinned-mobile, .jqx-widget-mobile .jqx-grid-cell-filter-mobile, .jqx-grid-cell-sort-alt-mobile, .jqx-grid-cell-filter-alt-mobile, .jqx-grid-cell-pinned-mobile, .jqx-grid-cell-alt-mobile, .jqx-grid-cell-sort-mobile {
  221. }
  222. .jqx-widget-mobile .jqx-grid-cell-mobile, .jqx-widget-mobile .jqx-grid-column-header-mobile, .jqx-widget-mobile .jqx-grid-group-cell-mobile {
  223. }
  224. .jqx-widget-mobile .jqx-grid-column-menubutton-mobile, .jqx-widget-mobile .jqx-grid-column-sortascbutton-mobile, .jqx-widget-mobile .jqx-grid-column-sortdescbutton-mobile, .jqx-widget-mobile .jqx-grid-column-filterbutton-mobile {
  225. background-color: transparent;
  226. }
  227. .jqx-grid-cell-filter-row-mobile, .jqx-grid-mobile .jqx-widget-header-mobile, .jqx-grid-header-mobile, .jqx-grid-column-header-mobile {
  228. font-size: 100%;
  229. font-family: HelveticaNeue,sans-serif;
  230. color: #167efc;
  231. }
  232. .jqx-calendar-title-content-mobile {
  233. font-weight: bold;
  234. }
  235. .jqx-calendar-column-cell-mobile {
  236. font-size: 12px;
  237. }
  238. .calendar-header-mobile {
  239. background: #f6f5f1;
  240. }
  241. .jqx-calendar-cell-mobile {
  242. border-radius: 100%;
  243. -moz-border-radius: 100%;
  244. -webkit-border-radius: 100%;
  245. }
  246. .jqx-window-header-mobile, .jqx-window-content-mobile {
  247. background: #d9dedf;
  248. border-color: #979797;
  249. }
  250. .jqx-grid-column-menubutton-mobile {
  251. background-image: url('images/icon-down-transparent.png');
  252. }
  253. .jqx-input-mobile {
  254. border-color: #b2b2b2;
  255. }
  256. .jqx-widget-mobile .jqx-grid-cell-selected-mobile, .jqx-grid-cell-selected-mobile {
  257. font-size: 100%;
  258. }
  259. .jqx-widget-mobile .jqx-grid-cell-hover-mobile, .jqx-grid-cell-hover-mobile {
  260. }
  261. /*applied to the column's sort button when the sort order is ascending.*/
  262. .jqx-grid-column-sortascbutton-mobile {
  263. background-image: url('images/icon-up-transparent.png');
  264. }
  265. .jqx-grid-column-sortdescbutton-mobile {
  266. background-image: url('images/icon-down-transparent.png');
  267. }
  268. .jqx-checkbox-default-mobile {
  269. background: #f9f9fa;
  270. border-color: #f1f2f3;
  271. }
  272. .jqx-widget-mobile .jqx-checkbox-default-mobile {
  273. border-color: #b2b2b2;
  274. }
  275. .jqx-checkbox-check-checked-mobile {
  276. position: relative;
  277. background: transparent url(images/check_blue.png) center center no-repeat;
  278. }
  279. .jqx-checkbox-check-indeterminate-mobile {
  280. background: transparent url(images/check_blue_indeterminate.png) center center no-repeat;
  281. }
  282. .jqx-radiobutton-check-checked-mobile {
  283. background: #1c7efb;
  284. border-color: #2078e9;
  285. }
  286. .jqx-scrollbar-thumb-state-normal-horizontal-mobile, .jqx-scrollbar-thumb-state-normal-mobile {
  287. background: #b5b5b6;
  288. border-color: #b5b5b6;
  289. -moz-border-radius: 10px;
  290. -webkit-border-radius: 10px;
  291. border-radius: 10px;
  292. }
  293. .jqx-scrollbar-thumb-state-hover-horizontal-mobile, .jqx-scrollbar-thumb-state-hover-mobile {
  294. background: #b5b5b6;
  295. border-color: #b5b5b6;
  296. }
  297. .jqx-scrollbar-thumb-state-pressed-horizontal-mobile, .jqx-scrollbar-thumb-state-pressed-mobile {
  298. background: #1c7efb;
  299. border-color: #1c7efb;
  300. }
  301. .jqx-scrollbar-button-state-normal-mobile {
  302. border: 1px solid #fff;
  303. background: #fff;
  304. }
  305. /*applied to the scrollbar buttons in hovered state.*/
  306. .jqx-scrollbar-button-state-hover-mobile {
  307. border: 1px solid #fff;
  308. background: #fff;
  309. }
  310. /*applied to the scrollbar buttons in pressed state.*/
  311. .jqx-scrollbar-button-state-pressed-mobile {
  312. border: 1px solid #1c7efb;
  313. background: #1c7efb;
  314. }
  315. /*icons*/
  316. .jqx-window-collapse-button-mobile {
  317. background-image: url(images/icon-up-transparent.png);
  318. }
  319. .jqx-window-collapse-button-collapsed-mobile {
  320. background-image: url(images/icon-down-transparent.png);
  321. }
  322. .jqx-icon-arrow-up-mobile, .jqx-expander-arrow-bottom-mobile, .jqx-menu-item-arrow-up-mobile {
  323. background-image: url('images/icon-up-transparent.png');
  324. }
  325. .jqx-icon-arrow-down-mobile, .jqx-expander-arrow-top-mobile, .jqx-menu-item-arrow-down-mobile {
  326. background-image: url('images/icon-down-transparent.png');
  327. }
  328. .jqx-icon-arrow-left-mobile, .jqx-menu-item-arrow-left-mobile {
  329. background-image: url('images/icon-left-transparent.png');
  330. }
  331. .jqx-icon-arrow-right-mobile, .jqx-menu-item-arrow-right-mobile {
  332. background-image: url('images/icon-right-transparent.png');
  333. }
  334. .jqx-tree-item-arrow-collapse-rtl-mobile, .jqx-tree-item-arrow-collapse-hover-rtl-mobile {
  335. background-image: url('images/icon-left-blue.png');
  336. }
  337. .jqx-tabs-arrow-left-mobile, .jqx-grid-pager-mobile .jqx-icon-arrow-left-mobile {
  338. background-image: url('images/icon-left-blue.png');
  339. }
  340. .jqx-tree-item-arrow-expand-hover-mobile, .jqx-tree-item-arrow-expand-mobile {
  341. background-image: url('images/icon-down-blue.png');
  342. }
  343. .jqx-tree-item-arrow-collapse-hover-mobile, .jqx-tree-item-arrow-collapse-mobile, .jqx-tabs-arrow-right-mobile, .jqx-grid-pager-mobile .jqx-icon-arrow-right-mobile {
  344. background-image: url('images/icon-right-blue.png');
  345. }
  346. .jqx-calendar-mobile .jqx-icon-arrow-right-mobile {
  347. background-image: url('images/icon-right-blue.png');
  348. }
  349. .jqx-calendar-mobile .jqx-icon-arrow-left-mobile {
  350. background-image: url('images/icon-left-blue.png');
  351. }
  352. .jqx-menu-item-arrow-up-selected-mobile, .jqx-icon-arrow-up-selected-mobile {
  353. background-image: url('images/icon-up-transparent.png');
  354. background-repeat: no-repeat;
  355. background-position: center;
  356. }
  357. .jqx-menu-item-arrow-down-selected-mobile, .jqx-icon-arrow-down-selected-mobile {
  358. background-image: url('images/icon-down-transparent.png');
  359. background-repeat: no-repeat;
  360. background-position: center;
  361. }
  362. .jqx-menu-item-arrow-left-selected-mobile, .jqx-icon-arrow-left-selected-mobile {
  363. background-image: url('images/icon-left-transparent.png');
  364. background-repeat: no-repeat;
  365. background-position: center;
  366. }
  367. .jqx-menu-item-arrow-right-selected-mobile, .jqx-icon-arrow-right-selected-mobile {
  368. background-image: url('images/icon-right-transparent.png');
  369. background-repeat: no-repeat;
  370. background-position: center;
  371. }
  372. .jqx-window-close-button-mobile, .jqx-icon-close-mobile, .jqx-tabs-close-button-mobile, .jqx-tabs-close-button-hover-mobile, .jqx-tabs-close-button-selected-mobile {
  373. background-image: url(images/close_blue.png);
  374. background-repeat: no-repeat;
  375. background-position: center;
  376. }
  377. .jqx-listbox-feedback-mobile {
  378. border-top: 1px dashed #fff;
  379. }
  380. .jqx-scrollbar-mobile .jqx-icon-arrow-up-selected-mobile {
  381. background-image: url('images/icon-up-transparent.png');
  382. background-repeat: no-repeat;
  383. background-position: center;
  384. }
  385. .jqx-scrollbar-mobile .jqx-icon-arrow-down-selected-mobile {
  386. background-image: url('images/icon-down-transparent.png');
  387. background-repeat: no-repeat;
  388. background-position: center;
  389. }
  390. .jqx-scrollbar-mobile .jqx-icon-arrow-left-selected-mobile {
  391. background-image: url('images/icon-left-transparent.png');
  392. background-repeat: no-repeat;
  393. background-position: center;
  394. }
  395. .jqx-scrollbar-mobile .jqx-icon-arrow-right-selected-mobile {
  396. background-image: url('images/icon-right-transparent.png');
  397. background-repeat: no-repeat;
  398. background-position: center;
  399. }
  400. .jqx-input-button-content-mobile {
  401. font-size: 13px;
  402. }
  403. .jqx-input-button-header-mobile {
  404. padding-top: 2px !important;
  405. padding-bottom: 2px !important;
  406. }
  407. .jqx-slider-button-mobile {
  408. border-radius: 100%;
  409. -moz-border-radius: 100%;
  410. -webkit-border-radius: 100%;
  411. padding: 4px !important;
  412. }
  413. .jqx-slider-slider-mobile {
  414. width: 25px;
  415. height: 25px;
  416. margin-top: -10px;
  417. -moz-border-radius: 100%;
  418. -webkit-border-radius: 100%;
  419. border-radius: 100%;
  420. -webkit-box-shadow: 0px 2px 2px rgba(133, 133, 133, 0.5);
  421. -moz-box-shadow: 0px 2px 2px rgba(133, 133, 133, 0.5);
  422. box-shadow: 0px 2px 2px rgba(133, 133, 133, 0.5);
  423. }
  424. .jqx-file-upload-mobile .jqx-icon-arrow-up-mobile {
  425. background-image: url('images/icon-up-blue.png');
  426. }
  427. .jqx-slider-track-mobile {
  428. background: #b4b4b5;
  429. border-color: #b4b4b5;
  430. }
  431. .jqx-slider-rangebar-mobile {
  432. background: #167efc;
  433. }
  434. .jqx-splitter-splitbar-vertical-mobile, .jqx-splitter-splitbar-horizontal-mobile {
  435. background: #bec1c5;
  436. border-color: #bec1c5;
  437. }
  438. .jqx-splitter-collapse-button-horizontal-mobile, .jqx-splitter-collapse-button-vertical-mobile {
  439. background: #167efc;
  440. }
  441. .jqx-progressbar-value-mobile, .jqx-progressbar-value-vertical-mobile {
  442. background: #167efc;
  443. }
  444. .jqx-dropdownlist-state-normal-mobile, .jqx-dropdownlist-state-hover-mobile, .jqx-dropdownlist-state-selected-mobile,
  445. .jqx-scrollbar-button-state-hover-mobile, .jqx-scrollbar-button-state-normal-mobile, .jqx-scrollbar-button-state-pressed-mobile,
  446. .jqx-scrollbar-thumb-state-normal-horizontal-mobile, .jqx-scrollbar-thumb-state-hover-horizontal-mobile, .jqx-scrollbar-thumb-state-pressed-horizontal-mobile,
  447. .jqx-scrollbar-thumb-state-normal-mobile, .jqx-scrollbar-thumb-state-pressed-mobile, .jqx-button-mobile, .jqx-tree-item-hover-mobile, .jqx-tree-item-selected-mobile,
  448. .jqx-tree-item-mobile, .jqx-menu-item-mobile, .jqx-menu-item-hover-mobile, .jqx-menu-item-selected-mobile, .jqx-menu-item-top-mobile, .jqx-menu-item-top-hover-mobile,
  449. .jqx-menu-item-top-selected-mobile, .jqx-slider-button-mobile, .jqx-slider-slider-mobile {
  450. -webkit-transition: background-color 100ms linear;
  451. -moz-transition: background-color 100ms linear;
  452. -o-transition: background-color 100ms linear;
  453. -ms-transition: background-color 100ms linear;
  454. transition: background-color 100ms linear;
  455. }
  456. .jqx-switchbutton-mobile {
  457. -moz-border-radius-topleft: 15px;
  458. -webkit-border-top-left-radius: 15px;
  459. border-top-left-radius: 15px;
  460. -moz-border-radius-bottomleft: 15px;
  461. -webkit-border-bottom-left-radius: 15px;
  462. border-bottom-left-radius: 15px;
  463. -moz-border-radius-topright: 15px;
  464. -webkit-border-top-right-radius: 15px;
  465. border-top-right-radius: 15px;
  466. -moz-border-radius-bottomright: 15px;
  467. -webkit-border-bottom-right-radius: 15px;
  468. border-bottom-right-radius: 15px;
  469. border: 1px solid #e4e4e4;
  470. background: #fff;
  471. }
  472. .jqx-switchbutton-thumb-mobile {
  473. background: #fff;
  474. border: 1px solid transparent;
  475. -moz-border-radius: 100%;
  476. -webkit-border-radius: 100%;
  477. border-radius: 100%;
  478. -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
  479. -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
  480. box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
  481. z-index: 99;
  482. left: 1px;
  483. position: relative;
  484. }
  485. .jqx-switchbutton-on-mobile {
  486. background: #4cd964;
  487. color: #4cd964;
  488. }
  489. .jqx-switchbutton-on-mobile .jqx-switchbutton-thumb-mobile {
  490. }
  491. .jqx-switchbutton-label-on-mobile {
  492. background: #4cd964;
  493. color: #4cd964;
  494. }
  495. .jqx-switchbutton-label-off-mobile {
  496. background: #fff;
  497. color: #fff;
  498. }
  499. .jqx-tabs-title-mobile {
  500. background: transparent;
  501. border-color: transparent;
  502. color: #157efb;
  503. }
  504. .jqx-tabs-header-bottom-mobile {
  505. color: #929292;
  506. }
  507. .jqx-tabs-title-selected-top-mobile, .jqx-tabs-selection-tracker-top-mobile {
  508. color: #fff;
  509. background: #157efb;
  510. }
  511. .jqx-tabs-title-selected-bottom-mobile, .jqx-tabs-selection-tracker-bottom-mobile {
  512. color: #fff;
  513. background: #157efb;
  514. }
  515. .jqx-tabs-title-hover-top-mobile, .jqx-tabs-title-hover-bottom-mobile, .jqx-tabs-header-mobile {
  516. color: #157efb;
  517. }
  518. .jqx-listmenu-header-mobile .jqx-button-mobile {
  519. background: transparent;
  520. border: none;
  521. color: #1c7efb;
  522. box-shadow: none;
  523. -moz-box-shadow: none;
  524. -webkit-box-shadow: none;
  525. }
  526. .jqx-listmenu-header-mobile .jqx-button-mobile span {
  527. min-height: 16px;
  528. line-height: 19px;
  529. }
  530. .jqx-widget-header-mobile .jqx-button-mobile {
  531. margin-left: -10px;
  532. }
  533. .jqx-listmenu-backbutton-arrow-mobile {
  534. background-image: url('images/icon-left-blue.png');
  535. background-repeat: no-repeat;
  536. width: 16px;
  537. height: 16px;
  538. margin-right: 2px;
  539. margin-top: 1px;
  540. }
  541. .jqx-switchbutton-wrapper-mobile {
  542. }
  543. .jqx-icon-arrow-first-mobile {
  544. background-image: url('images/icon-first-blue.png');
  545. background-repeat: no-repeat;
  546. background-position: center;
  547. }
  548. .jqx-icon-arrow-last-mobile {
  549. background-image: url('images/icon-last-blue.png');
  550. background-repeat: no-repeat;
  551. background-position: center;
  552. }
  553. .jqx-progressbar-text-mobile {
  554. font-size: 100%;
  555. }
  556. .jqx-grid-pager-mobile {
  557. color: #157efb;
  558. }
  559. .jqx-grid-pager-mobile .jqx-button-mobile {
  560. padding: 3px !important;
  561. }
  562. .jqx-grid-pager-number-mobile {
  563. top: 1px;
  564. position: relative;
  565. padding: 1px 7px;
  566. -webkit-box-shadow: none;
  567. -moz-box-shadow: none;
  568. box-shadow: none;
  569. border-radius: 100%;
  570. -moz-border-radius: 100%;
  571. -webkit-border-radius: 100%;
  572. color: #157efb;
  573. }
  574. .jqx-grid-pager-number-mobile.jqx-fill-state-pressed-mobile {
  575. color: #fff;
  576. background: #157efb;
  577. border-color: #157efb;
  578. }
  579. .jqx-grid-pager-mobile .jqx-button-mobile {
  580. -webkit-box-shadow: none;
  581. -moz-box-shadow: none;
  582. box-shadow: none;
  583. -webkit-box-shadow: none;
  584. -moz-box-shadow: none;
  585. box-shadow: none;
  586. color: #157efb;
  587. }
  588. .jqx-listbox-mobile {
  589. -moz-border-radius: 0px;
  590. -webkit-border-radius: 0px;
  591. border-radius: 0px;
  592. -moz-border-radius-topleft: 0px;
  593. -webkit-border-top-left-radius: 0px;
  594. border-top-left-radius: 0px;
  595. -moz-border-radius-topright: 0px;
  596. -webkit-border-top-right-radius: 0px;
  597. border-top-right-radius: 0px;
  598. -moz-border-radius-bottomleft: 0px;
  599. -webkit-border-bottom-left-radius: 0px;
  600. border-bottom-left-radius: 0px;
  601. -moz-border-radius-bottomright: 0px;
  602. -webkit-border-bottom-right-radius: 0px;
  603. border-bottom-right-radius: 0px;
  604. }
  605. .jqx-group-button-normal-mobile {
  606. background: #f6f5f1;
  607. color: #157efb;
  608. border-color: #157efb;
  609. -moz-border-radius: 0px;
  610. -webkit-border-radius: 0px;
  611. border-radius: 0px;
  612. -moz-border-radius-topleft: 0px;
  613. -webkit-border-top-left-radius: 0px;
  614. border-top-left-radius: 0px;
  615. -moz-border-radius-topright: 0px;
  616. -webkit-border-top-right-radius: 0px;
  617. border-top-right-radius: 0px;
  618. -moz-border-radius-bottomleft: 0px;
  619. -webkit-border-bottom-left-radius: 0px;
  620. border-bottom-left-radius: 0px;
  621. -moz-border-radius-bottomright: 0px;
  622. -webkit-border-bottom-right-radius: 0px;
  623. border-bottom-right-radius: 0px;
  624. -webkit-box-shadow: none;
  625. -moz-box-shadow: none;
  626. box-shadow: none;
  627. }
  628. .jqx-group-button-pressed-mobile {
  629. background: #157efb;
  630. color: #fff;
  631. }
  632. .jqx-grid-group-collapse-mobile {
  633. background-image: url(images/icon-right-blue.png);
  634. background-position: 50% 50%;
  635. background-repeat: no-repeat;
  636. }
  637. .jqx-grid-group-collapse-rtl-mobile
  638. {
  639. padding-right: 0px;
  640. background-image: url(images/icon-left-blue.png);
  641. background-position: 50% 50%;
  642. background-repeat: no-repeat;
  643. }
  644. .jqx-grid-group-expand-mobile, .jqx-grid-group-expand-rtl-mobile
  645. {
  646. padding-right: 0px;
  647. background-image: url(images/icon-down-blue.png);
  648. background-position: 50% 50%;
  649. background-repeat: no-repeat;
  650. }
  651. .jqx-tree-grid-indent-mobile, .jqx-tree-grid-collapse-button-mobile, .jqx-tree-grid-expand-button-mobile {
  652. width: 20px;
  653. }
  654. .jqx-tree-grid-checkbox-mobile {
  655. width: 16px; height: 16px;
  656. }
  657. .jqx-tree-grid-expand-button-mobile {
  658. margin-top: 0px;
  659. }
  660. .jqx-editor-toolbar-button-mobile {
  661. border-radius: 0px;
  662. -moz-border-radius: 0px;
  663. -webkit-border-radius: 0px;
  664. }
  665. .jqx-file-upload-file-name-mobile{padding:3px;}
  666. .jqx-file-upload-file-row-mobile{ height: 40px;}
  667. .jqx-layout-mobile
  668. {
  669. background-color: #b2b2b2;
  670. }
  671. .jqx-layout-pseudo-window-pin-icon-mobile
  672. {
  673. background-image: url("images/pin-blue.png");
  674. }
  675. .jqx-layout-pseudo-window-pinned-icon-mobile
  676. {
  677. background-image: url("images/pinned-blue.png");
  678. }
  679. .jqx-grid-pager-number-mobile.jqx-fill-state-pressed-mobile {
  680. color: #fff !important;
  681. }