jqx.black.css 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311
  1. .jqx-rc-tl-black
  2. {
  3. -moz-border-radius-topleft: 5px;
  4. -webkit-border-top-left-radius: 5px;
  5. border-top-left-radius: 5px;
  6. }
  7. /*top-right rounded Corners*/
  8. .jqx-rc-tr-black
  9. {
  10. -moz-border-radius-topright: 5px;
  11. -webkit-border-top-right-radius: 5px;
  12. border-top-right-radius: 5px;
  13. }
  14. /*bottom-left rounded Corners*/
  15. .jqx-rc-bl-black
  16. {
  17. -moz-border-radius-bottomleft: 5px;
  18. -webkit-border-bottom-left-radius: 5px;
  19. border-bottom-left-radius: 5px;
  20. }
  21. /*bottom-right rounded Corners*/
  22. .jqx-rc-br-black
  23. {
  24. -moz-border-radius-bottomright: 5px;
  25. -webkit-border-bottom-right-radius: 5px;
  26. border-bottom-right-radius: 5px;
  27. }
  28. /*top rounded Corners*/
  29. .jqx-rc-t-black
  30. {
  31. -moz-border-radius-topleft: 5px;
  32. -webkit-border-top-left-radius: 5px;
  33. border-top-left-radius: 5px;
  34. -moz-border-radius-topright: 5px;
  35. -webkit-border-top-right-radius: 5px;
  36. border-top-right-radius: 5px;
  37. }
  38. /*bottom rounded Corners*/
  39. .jqx-rc-b-black
  40. {
  41. -moz-border-radius-bottomleft: 5px;
  42. -webkit-border-bottom-left-radius: 5px;
  43. border-bottom-left-radius: 5px;
  44. -moz-border-radius-bottomright: 5px;
  45. -webkit-border-bottom-right-radius: 5px;
  46. border-bottom-right-radius: 5px;
  47. }
  48. /*right rounded Corners*/
  49. .jqx-rc-r-black
  50. {
  51. -moz-border-radius-topright: 5px;
  52. -webkit-border-top-right-radius: 5px;
  53. border-top-right-radius: 5px;
  54. -moz-border-radius-bottomright: 5px;
  55. -webkit-border-bottom-right-radius: 5px;
  56. border-bottom-right-radius: 5px;
  57. }
  58. /*left rounded Corners*/
  59. .jqx-rc-l-black
  60. {
  61. -moz-border-radius-topleft: 5px;
  62. -webkit-border-top-left-radius: 5px;
  63. border-top-left-radius: 5px;
  64. -moz-border-radius-bottomleft: 5px;
  65. -webkit-border-bottom-left-radius: 5px;
  66. border-bottom-left-radius: 5px;
  67. }
  68. /*all rounded Corners*/
  69. .jqx-rc-all-black
  70. {
  71. -moz-border-radius: 5px;
  72. -webkit-border-radius: 5px;
  73. border-radius: 5px;
  74. }
  75. .jqx-widget-black {
  76. color: inherit;
  77. }
  78. .jqx-grid-selectionarea-black{background-color:#262626; border:1px solid #262626; opacity:0.5}
  79. .jqx-grid-group-cell-black{border-color:#262626; background-color:#fff}
  80. .jqx-grid-cell-sort-black, .jqx-grid-cell-filter-black, .jqx-grid-cell-pinned-black{ background-color:#eaf8ff}
  81. .jqx-grid-cell-alt-black, .jqx-grid-cell-sort-alt-black, .jqx-grid-cell-filter-alt-black{ background-color:#deedf5}
  82. .jqx-widget-black .jqx-grid-cell-black{background: #000; border-color:#555}
  83. .jqx-widget-black .jqx-grid-group-cell-black{background-color: #000; border-color: #555;}
  84. .jqx-widget-black .jqx-grid-cell-selected-black{color:#fff !important}
  85. .jqx-widget-black .jqx-grid-cell-hover-black{color:#fff !important}
  86. .jqx-widget-black{font-family:Tahoma,"Lucida Sans",Verdana,Helvetica,Arial,sans-serif; border-color:#222;}
  87. .jqx-widget-content-black{font-family:Tahoma,"Lucida Sans",Verdana,Helvetica,Arial,sans-serif; color:#fff; border-color:#262626; background: #111;}
  88. .jqx-fill-state-normal-black, .jqx-widget-header-black, .jqx-input-button-content-black{font-family:Tahoma,"Lucida Sans",Verdana,Helvetica,Arial,sans-serif; color:#fff; border-color:#000; background: #a4a4a4;
  89. background: -moz-linear-gradient(top, #a4a4a4 0%, #757575 4%, #4f4f4f 37%, #464646 48%, #000000 52%, #000000 56%, #0c0c0c 67%, #1e1e1e 78%, #414141 96%, #666666 100%);
  90. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4a4a4), color-stop(4%,#757575), color-stop(37%,#4f4f4f), color-stop(48%,#464646), color-stop(52%,#000000), color-stop(56%,#000000), color-stop(67%,#0c0c0c), color-stop(78%,#1e1e1e), color-stop(96%,#414141), color-stop(100%,#666666));
  91. background: -webkit-linear-gradient(top, #a4a4a4 0%,#757575 4%,#4f4f4f 37%,#464646 48%,#000000 52%,#000000 56%,#0c0c0c 67%,#1e1e1e 78%,#414141 96%,#666666 100%);
  92. background: -o-linear-gradient(top, #a4a4a4 0%,#757575 4%,#4f4f4f 37%,#464646 48%,#000000 52%,#000000 56%,#0c0c0c 67%,#1e1e1e 78%,#414141 96%,#666666 100%);
  93. background: -ms-linear-gradient(top, #a4a4a4 0%,#757575 4%,#4f4f4f 37%,#464646 48%,#000000 52%,#000000 56%,#0c0c0c 67%,#1e1e1e 78%,#414141 96%,#666666 100%);
  94. background: linear-gradient(top, #a4a4a4 0%,#757575 4%,#4f4f4f 37%,#464646 48%,#000000 52%,#000000 56%,#0c0c0c 67%,#1e1e1e 78%,#414141 96%,#666666 100%);}
  95. .jqx-fill-state-hover-black, .jqx-input-button-header-black, .jqx-widget-black .jqx-grid-cell-hover-black{background: #f87948;
  96. background: -moz-linear-gradient(top, #f87948 0%, #fb4e0b 4%, #f44501 11%, #e24000 19%, #983600 44%, #983600 48%, #5c2900 52%, #692b00 67%, #c23700 96%, #bd3800 100%);
  97. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f87948), color-stop(4%,#fb4e0b), color-stop(11%,#f44501), color-stop(19%,#e24000), color-stop(44%,#983600), color-stop(48%,#983600), color-stop(52%,#5c2900), color-stop(67%,#692b00), color-stop(96%,#c23700), color-stop(100%,#bd3800));
  98. background: -webkit-linear-gradient(top, #f87948 0%,#fb4e0b 4%,#f44501 11%,#e24000 19%,#983600 44%,#983600 48%,#5c2900 52%,#692b00 67%,#c23700 96%,#bd3800 100%);
  99. background: -o-linear-gradient(top, #f87948 0%,#fb4e0b 4%,#f44501 11%,#e24000 19%,#983600 44%,#983600 48%,#5c2900 52%,#692b00 67%,#c23700 96%,#bd3800 100%);
  100. background: -ms-linear-gradient(top, #f87948 0%,#fb4e0b 4%,#f44501 11%,#e24000 19%,#983600 44%,#983600 48%,#5c2900 52%,#692b00 67%,#c23700 96%,#bd3800 100%);
  101. background: linear-gradient(top, #f87948 0%,#fb4e0b 4%,#f44501 11%,#e24000 19%,#983600 44%,#983600 48%,#5c2900 52%,#692b00 67%,#c23700 96%,#bd3800 100%);
  102. border-color:#262626; color:#fff}
  103. .jqx-fill-state-pressed-black, .jqx-menu-item-top-hover-black, .jqx-widget-black .jqx-grid-cell-selected-black{background: #db4200;
  104. background: -moz-linear-gradient(top, #db4200 0%, #902e00 4%, #7d2a01 19%, #531c03 44%, #531c03 48%, #0f0906 52%, #221105 63%, #2b1705 67%, #592903 89%, #642e02 96%, #902e00 100%);
  105. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#db4200), color-stop(4%,#902e00), color-stop(19%,#7d2a01), color-stop(44%,#531c03), color-stop(48%,#531c03), color-stop(52%,#0f0906), color-stop(63%,#221105), color-stop(67%,#2b1705), color-stop(89%,#592903), color-stop(96%,#642e02), color-stop(100%,#902e00));
  106. background: -webkit-linear-gradient(top, #db4200 0%,#902e00 4%,#7d2a01 19%,#531c03 44%,#531c03 48%,#0f0906 52%,#221105 63%,#2b1705 67%,#592903 89%,#642e02 96%,#902e00 100%);
  107. background: -o-linear-gradient(top, #db4200 0%,#902e00 4%,#7d2a01 19%,#531c03 44%,#531c03 48%,#0f0906 52%,#221105 63%,#2b1705 67%,#592903 89%,#642e02 96%,#902e00 100%);
  108. background: -ms-linear-gradient(top, #db4200 0%,#902e00 4%,#7d2a01 19%,#531c03 44%,#531c03 48%,#0f0906 52%,#221105 63%,#2b1705 67%,#592903 89%,#642e02 96%,#902e00 100%);
  109. background: linear-gradient(top, #db4200 0%,#902e00 4%,#7d2a01 19%,#531c03 44%,#531c03 48%,#0f0906 52%,#221105 63%,#2b1705 67%,#592903 89%,#642e02 96%,#902e00 100%);
  110. border-color:#262626; color:#fff}
  111. .jqx-fill-state-disabled-black {cursor: default; opacity: .55; filter:Alpha(Opacity=45);}
  112. .jqx-checkbox-check-checked-black{background:transparent url(images/check_white.png) left top no-repeat}
  113. .jqx-checkbox-check-indeterminate-black{background:transparent url(images/check_indeterminate_white.png) left top no-repeat}
  114. .jqx-grid-black, .jqx-grid-header-black, .jqx-grid-cell-black{border-color:#262626}
  115. .jqx-widget-black .jqx-grid-column-menubutton-black, .jqx-widget-black .jqx-grid-column-sortascbutton-black, .jqx-widget-black .jqx-grid-column-sortdescbutton-black, .jqx-widget-black .jqx-grid-column-filterbutton-black{border-color:#262626}
  116. .jqx-widget-black .jqx-grid-column-header-black{border-color:#262626}
  117. .jqx-calendar-cell-today-black {
  118. color: #35353A;
  119. }
  120. .jqx-grid-bottomright-black, .jqx-panel-bottomright-black, .jqx-listbox-bottomright-black{background-color:#262626}
  121. .jqx-widget-black .jqx-grid-column-menubutton-black, .jqx-menu-vertical-black{background-color:#262626; border-color:#262626}
  122. .jqx-menu-vertical-black{background: #222; color:#fff;}
  123. .jqx-scrollbar-state-normal-black{background:#111; border:1px solid #111}
  124. .jqx-scrollbar-button-state-normal-black{border:1px solid #111; background:#111}
  125. .jqx-scrollbar-button-state-hover-black{background: #f87948;
  126. background: -moz-linear-gradient(top, #f87948 0%, #fb4e0b 4%, #f44501 11%, #e24000 19%, #983600 44%, #983600 48%, #5c2900 52%, #692b00 67%, #c23700 96%, #bd3800 100%);
  127. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f87948), color-stop(4%,#fb4e0b), color-stop(11%,#f44501), color-stop(19%,#e24000), color-stop(44%,#983600), color-stop(48%,#983600), color-stop(52%,#5c2900), color-stop(67%,#692b00), color-stop(96%,#c23700), color-stop(100%,#bd3800));
  128. background: -webkit-linear-gradient(top, #f87948 0%,#fb4e0b 4%,#f44501 11%,#e24000 19%,#983600 44%,#983600 48%,#5c2900 52%,#692b00 67%,#c23700 96%,#bd3800 100%);
  129. background: -o-linear-gradient(top, #f87948 0%,#fb4e0b 4%,#f44501 11%,#e24000 19%,#983600 44%,#983600 48%,#5c2900 52%,#692b00 67%,#c23700 96%,#bd3800 100%);
  130. background: -ms-linear-gradient(top, #f87948 0%,#fb4e0b 4%,#f44501 11%,#e24000 19%,#983600 44%,#983600 48%,#5c2900 52%,#692b00 67%,#c23700 96%,#bd3800 100%);
  131. background: linear-gradient(top, #f87948 0%,#fb4e0b 4%,#f44501 11%,#e24000 19%,#983600 44%,#983600 48%,#5c2900 52%,#692b00 67%,#c23700 96%,#bd3800 100%); border:1px solid #000}
  132. .jqx-scrollbar-button-state-pressed-black{background:#555 url(images/darkred_gradient.png) left top scroll repeat-x; border:1px solid #000}
  133. .jqx-scrollbar-thumb-state-normal-horizontal-black{ background:#555; background-image:-webkit-gradient(linear,0 0,0 100%,from(#717171),to(#494949)); background-image:-moz-linear-gradient(top,#717171,#494949); background-image:-o-linear-gradient(top,#717171,#494949); border:1px solid #000}
  134. .jqx-scrollbar-thumb-state-hover-horizontal-black{ background:#983600; background-image:-webkit-gradient(linear,0 0,0 100%,from(#fb4e0b),to(#983600)); background-image:-moz-linear-gradient(top,#fb4e0b,#983600); background-image:-o-linear-gradient(top,#fb4e0b,#983600); border:1px solid #000}
  135. .jqx-scrollbar-thumb-state-pressed-horizontal-black{ background:#902e00; background-image:-webkit-gradient(linear,0 0,0 100%,from(#902e00),to(#531c03)); background-image:-moz-linear-gradient(top,#902e00,#531c03); background-image:-o-linear-gradient(top,#902e00,#531c03); border:1px solid #000}
  136. .jqx-scrollbar-thumb-state-normal-black{ background:#555; background-image:-webkit-gradient(linear,left top,right top,from(#717171),to(#494949)); background-image:-moz-linear-gradient(left,#717171,#494949); background-image:-o-linear-gradient(left,#717171,#494949); border:1px solid #000;}
  137. .jqx-scrollbar-thumb-state-hover-black{ background:#983600; background-image:-webkit-gradient(linear,left top,right top,from(#fb4e0b),to(#983600)); background-image:-moz-linear-gradient(left,#fb4e0b,#983600); background-image:-o-linear-gradient(left,#fb4e0b,#983600); border:1px solid #000}
  138. .jqx-scrollbar-thumb-state-pressed-black{ background:#902e00; background-image:-webkit-gradient(linear,left top,right top,from(#902e00),to(#531c03)); background-image:-moz-linear-gradient(left,#902e00,#531c03); background-image:-o-linear-gradient(left,#902e00,#531c03); border:1px solid #000}
  139. .jqx-splitter-splitbar-horizontal-black, .jqx-splitter-splitbar-vertical-black, .jqx-splitter-splitbar-hover-black, .jqx-splitter-splitbar-hover-horizontal-black{background: #555;}
  140. .jqx-splitter-collapse-button-horizontal-black, .jqx-splitter-collapse-button-vertical-black{background: #7f7f7f;}
  141. .jqx-grid-column-sortascbutton-black, .jqx-expander-arrow-bottom-black, .jqx-window-collapse-button-black, .jqx-menu-item-arrow-up-black, .jqx-menu-item-arrow-up-selected-black, .jqx-menu-item-arrow-top-up-black, .jqx-icon-arrow-up-black, .jqx-icon-arrow-up-hover-black, .jqx-icon-arrow-up-selected-black{background-image:url('images/icon-up-white.png'); background-repeat:no-repeat; background-position:center}
  142. .jqx-widget-black .jqx-grid-group-expand-black, .jqx-grid-group-expand-black, .jqx-grid-column-menubutton-black, .jqx-grid-column-sortdescbutton-black, .jqx-expander-arrow-top-black, .jqx-window-collapse-button-collapsed-black, .jqx-menu-item-arrow-down-black, .jqx-menu-item-arrow-down-selected-black, .jqx-menu-item-arrow-down-black, .jqx-icon-arrow-down-black, .jqx-icon-arrow-down-hover-black, .jqx-icon-arrow-down-selected-black{background-image:url('images/icon-down-white.png'); background-repeat:no-repeat; background-position:center}
  143. .jqx-tabs-arrow-left-black, .jqx-menu-item-arrow-left-selected-black, .jqx-menu-item-arrow-top-left, .jqx-icon-arrow-left-black, .jqx-icon-arrow-down-left-black, .jqx-icon-arrow-left-selected-black{background-image:url('images/icon-left-white.png'); background-repeat:no-repeat; background-position:center}
  144. .jqx-widget-black .jqx-grid-group-collapse-black, .jqx-grid-group-collapse-black,.jqx-tabs-arrow-right-black, .jqx-menu-item-arrow-right-selected-black, .jqx-menu-item-arrow-top-right-black, .jqx-icon-arrow-right-black, .jqx-icon-arrow-right-hover-black, .jqx-icon-arrow-right-selected-black{background-image:url('images/icon-right-white.png'); background-repeat:no-repeat; background-position:center}
  145. .jqx-window-close-button-black, .jqx-icon-close-black, .jqx-tabs-close-button-black, .jqx-tabs-close-button-hover-black, .jqx-tabs-close-button-selected-black{background-image:url(images/close_white.png); background-repeat:no-repeat; background-position:center}
  146. .jqx-tree-item-arrow-collapse-rtl-black, .jqx-tree-item-arrow-collapse-hover-rtl-black{background-image: url(images/icon-left.png);}
  147. .jqx-listitem-state-group-black{background: #222;}
  148. .jqx-calendar-cell-specialDate-black{border: 1px solid black;}
  149. .jqx-tabs-selection-tracker-top-black, .jqx-tabs-selection-tracker-bottom-black{background-color: #000; border-color: #000;}
  150. .jqx-widget-black .jqx-grid-cell-sort-black, .jqx-widget-black .jqx-grid-cell-alt-black, .jqx-widget-black .jqx-grid-cell-filter-black, .jqx-widget-black .jqx-grid-cell-pinned-black{background-color:#333}
  151. .jqx-listbox-feedback-black{ border-top: 1px dashed #ccc;}
  152. .jqx-combobox-input-black, .jqx-combobox-content-black, .jqx-input-black, .jqx-input-content-black{background: #f7f7f7; color: #000;}
  153. .jqx-widget-black, .jqx-widget-header-black, .jqx-widget-content-black{-webkit-background-clip: padding-box; background-clip: padding-box;}
  154. .jqx-fill-state-focus-black .jqx-widget-content{border-color: #000;}
  155. .jqx-radiobutton-check-checked-black{background: #fff;}
  156. .jqx-icon-arrow-first-black
  157. {
  158. background-image: url('images/icon-first-white.png');
  159. background-repeat: no-repeat;
  160. background-position: center;
  161. }
  162. .jqx-icon-arrow-last-black
  163. {
  164. background-image: url('images/icon-last-white.png');
  165. background-repeat: no-repeat;
  166. background-position: center;
  167. }
  168. .jqx-grid-cell-black.jqx-grid-cell-selected-black>.jqx-grid-group-expand-black,
  169. .jqx-grid-cell-black.jqx-grid-cell-hover-black>.jqx-grid-group-expand-black {
  170. background-image: url('images/icon-down-white.png');
  171. background-repeat: no-repeat;
  172. background-position: center;
  173. }
  174. .jqx-grid-cell-black.jqx-grid-cell-selected-black>.jqx-grid-group-collapse-black,
  175. .jqx-grid-cell-black.jqx-grid-cell-hover-black>.jqx-grid-group-collapse-black {
  176. background-image: url('images/icon-right-white.png');
  177. background-repeat: no-repeat;
  178. background-position: center;
  179. }
  180. .jqx-grid-cell-black.jqx-grid-cell-selected-black>.jqx-grid-group-collapse-rtl-black,
  181. .jqx-grid-cell-black.jqx-grid-cell-hover-black>.jqx-grid-group-collapse-rtl-black {
  182. background-image: url('images/icon-left-white.png');
  183. background-repeat: no-repeat;
  184. background-position: center;
  185. }
  186. .jqx-grid-cell-black.jqx-grid-cell-selected-black>.jqx-grid-group-expand-rtl-black,
  187. .jqx-grid-cell-black.jqx-grid-cell-hover-black>.jqx-grid-group-expand-rtl-black {
  188. background-image: url('images/icon-down-white.png');
  189. background-repeat: no-repeat;
  190. background-position: center;
  191. }
  192. .jqx-icon-calendar-black, .jqx-icon-calendar-hover-black, .jqx-icon-calendar-pressed-black {
  193. background-image: url('images/icon-calendar-white.png');
  194. }
  195. .jqx-icon-time-black, .jqx-icon-time-hover-black, .jqx-icon-time-pressed-black {
  196. background-image: url('images/icon-time-white.png');
  197. }
  198. .jqx-icon-delete-black
  199. {
  200. background-image: url('images/icon-delete-white.png');
  201. }
  202. .jqx-icon-edit-black
  203. {
  204. background-image: url('images/icon-edit-white.png');
  205. }
  206. .jqx-icon-save-black
  207. {
  208. background-image: url('images/icon-save-white.png');
  209. }
  210. .jqx-icon-cancel-black
  211. {
  212. background-image: url('images/icon-cancel-white.png');
  213. }
  214. .jqx-icon-search-black
  215. {
  216. background-image: url(images/search_white.png);
  217. }
  218. .jqx-icon-plus-black
  219. {
  220. background-image: url(images/plus_white.png);
  221. }
  222. .jqx-menu-minimized-button-black {
  223. background-image: url('images/icon-menu-minimized-white.png');
  224. }
  225. .jqx-editor-toolbar-icon-black {
  226. background: url('images/html_editor_white.png') no-repeat;
  227. }
  228. .jqx-layout-black
  229. {
  230. background-color: #000;
  231. }
  232. .jqx-layout-pseudo-window-pin-icon-black
  233. {
  234. background-image: url("images/pin-white.png");
  235. }
  236. .jqx-layout-pseudo-window-pinned-icon-black
  237. {
  238. background-image: url("images/pinned-white.png");
  239. }
  240. .jqx-scheduler-month-cell-black, .jqx-scheduler-time-column-black, .jqx-scheduler-toolbar-black
  241. {
  242. background: #35353A !important;
  243. color: #fff !important;
  244. }
  245. .jqx-widget-black .jqx-scheduler-middle-cell-black, .jqx-scheduler-middle-cell-black {
  246. border-bottom-color: #35353A !important;
  247. }
  248. .jqx-kanban-item-black {
  249. box-shadow:none;
  250. }
  251. .jqx-grid-column-menubutton-black {
  252. border-style: solid;
  253. border-width: 0px 0px 0px 1px;
  254. border-color: transparent;
  255. background-image: url('images/icon-menu-small-white.png') !important;
  256. background-repeat: no-repeat;
  257. background-position: center;
  258. cursor: pointer;
  259. }
  260. .jqx-item-black .jqx-grid-sortasc-icon
  261. {
  262. background-image: url('images/icon-sort-asc-white.png');
  263. background-repeat: no-repeat;
  264. background-position: left center;
  265. width: 16px;
  266. height: 16px;
  267. float: left;
  268. margin-left: -4px;
  269. margin-right: 4px;
  270. }
  271. /*applied to the sort ascending menu item in the Grid's Context Menu*/
  272. .jqx-item-black .jqx-grid-sortdesc-icon
  273. {
  274. background-image: url('images/icon-sort-desc-white.png');
  275. background-repeat: no-repeat;
  276. background-position: left center;
  277. width: 16px;
  278. height: 16px;
  279. float: left;
  280. margin-left: -4px;
  281. margin-right: 4px;
  282. }
  283. /*applied to the grid menu's sort remove item/*/
  284. .jqx-item-black .jqx-grid-sortremove-icon
  285. {
  286. background-image: url('images/icon-sort-remove-white.png');
  287. background-repeat: no-repeat;
  288. background-position: left center;
  289. width: 16px;
  290. height: 16px;
  291. float: left;
  292. margin-left: -4px;
  293. margin-right: 4px;
  294. }
  295. /*applied to the timepicker labels*/
  296. .jqx-label-black {
  297. fill: darkgray;
  298. }
  299. /*applied to the timepicker needle*/
  300. .jqx-needle-black {
  301. fill: darkgray;
  302. }
  303. /*applied to the timepicker needle circle*/
  304. .jqx-needle-central-circle-black {
  305. fill: darkgray;
  306. }