Home Explore Help
Register Sign In
limeng
/
syrc
Watch 1
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
syrc
/
target
/
classes
/
static
/
BJUI
/
themes
/
default
/
core.css

core.css 15 KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227 
  1. @charset "utf-8";
    2. 

  2. body{background:#f4f4f4;}
    3. 

  3. /*a{color:#222; text-decoration:none;}
    4. 

  4. a:hover{color:#000; text-decoration:underline;}*/
    5. 

  5. fieldset{border-color:#dfdfdf;}
    6. 

  6. /* ------------- bootstrap ------------- */
    7. 

  7. /*.btn-default{border-color:#dfdfdf;}
    8. 

  8. .btn-default.selectpicker{background-color:#fff;}
    9. 

  9. .btn-default:hover,
    10. 

  10. .btn-default:focus,
    11. 

  11. .btn-default:active,
    12. 

  12. .btn-default.active,
    13. 

  13. .open > .dropdown-toggle.btn-default{color:#FFF; background-color:#515151; border-color:#dfdfdf;}*/
    14. 

  14. .btn-close, .btn-red, .btn-blue, .btn-green, .btn-blue, .btn-orange{background:#f4f4f4;}
    15. 

  15. .dropdown-menu > li.active > a,
    16. 

  16. .dropdown-menu > li.active > a:hover,
    17. 

  17. .dropdown-menu > li > a:hover,
    18. 

  18. .dropdown-menu > li > a:focus{color:#262626; text-decoration:none; background-color:#eaeaea;}
    19. 

  19. .form-control{color:#515151; background-color:#ffffff; background-image:none; border:1px solid #cccccc;}
    20. 

  20. .form-control:focus{border-color:#515151; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(81,81,81, 0.6); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(81,81,81, 0.6);}
    21. 

  21. .panel-main .panel-heading a:hover{color:#515151;}
    22. 

  22. .panel-main .panel-heading:hover{color:#515151; background-color:#FFF; border-left-color:#515151;}
    23. 

  23. .panel-main .panel-heading.active{color:#515151; background-color:#FFF; border-left-color:#515151;}
    24. 

  24. .nav-tabs{border-bottom-color:#dfdfdf;}
    25. 

  25. .nav-tabs > li > a{background-color:#f4f4f4; border-bottom-color:#dfdfdf;}
    26. 

  26. .nav-tabs > li > a:hover,
    27. 

  27. .nav-tabs > li.active > a,
    28. 

  28. .nav-tabs > li.active > a:hover,
    29. 

  29. .nav-tabs > li.active > a:focus{border-color:#dfdfdf; border-bottom-color:#FFF;}
    30. 

  30. .tab-content{border-color:#dfdfdf;}
    31. 

  31. .table > thead > tr > th{background:#f9f9f9; border-bottom-color:#dfdfdf;}
    32. 

  32. .table-hover > tbody > tr:hover > td,
    33. 

  33. .table-hover > tbody > tr:hover > th{background-color:#eaeaea;}
    34. 

  34. .table > thead > tr > th.orderby a.order{color:#CCC;}
    35. 

  35. .table > thead > tr > th.orderby.asc a.order.asc,
    36. 

  36. .table > thead > tr > th.orderby.desc a.order.desc,
    37. 

  37. .table > thead > tr > th.orderby a.order:hover{color:#FFF!important; background:#515151;}
    38. 

  38. .table > tbody > tr.selected > td{background-color:#dedede;}
    39. 

  39. /* Main */
    40. 

  40. #bjui-header{background:#dfdfdf url(topbg.png); border-bottom:2px #515151 solid;}
    41. 

  41. #bjui-header > .bjui-navbar-header > .bjui-navbar-toggle:focus,
    42. 

  42. #bjui-header > .bjui-navbar-header > .bjui-navbar-toggle:hover{background:#515151;}
    43. 

  43. #bjui-header > #bjui-navbar-collapse > .bjui-navbar-right > li{border-right:1px #927ea6 solid;}
    44. 

  44. #bjui-header > #bjui-navbar-collapse > .bjui-navbar-right > li > a:hover{background:#515151;}
    45. 

  45. #bjui-hnav #bjui-hnav-navbar > li{background-color:#eaeaea; border-top:1px #fff solid; border-right:1px #ccc solid; border-left:1px #f4f4f4 solid;}
    46. 

  46. #bjui-hnav #bjui-hnav-navbar > li:hover{background-color:#f4f4f4;}
    47. 

  47. #bjui-hnav #bjui-hnav-navbar > li.open > a{color:#fff !important;}
    48. 

  48. #bjui-hnav #bjui-hnav-navbar > li.active a{color:#fff; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}
    49. 

  49. #bjui-hnav #bjui-hnav-navbar > li:hover a{color:#222; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}
    50. 

  50. #bjui-hnav #bjui-hnav-navbar > li.open,
    51. 

  51. #bjui-hnav #bjui-hnav-navbar > li.open:hover,
    52. 

  52. #bjui-hnav #bjui-hnav-navbar > li.active,
    53. 

  53. #bjui-hnav #bjui-hnav-navbar > li.active:hover{background-color:#515151; border-color:#515151;}
    54. 

  54. #bjui-sidebar.shadown{box-shadow:2px 0 5px rgba(81,81,81, 0.5);}
    55. 

  55. #bjui-sidebar{background:#f4f4f4; border-color:#dfdfdf; border-bottom:1px #dfdfdf solid;}
    56. 

  56. #bjui-sidebar > .toggleCollapse{background:#eaeaea;}
    57. 

  57. #bjui-sidebar > .toggleCollapse .lock{color:#515151; background:#eaeaea;}
    58. 

  58. #bjui-sidebar > .toggleCollapse .lock:hover{color:#f4f4f4; background:#515151;}
    59. 

  59. #bjui-sidebar-s > .collapse{background:#f4f4f4; border:1px #dfdfdf solid;}
    60. 

  60. #bjui-sidebar-s > .collapse:hover{background:#515151; border-color:#515151;}
    61. 

  61. #bjui-splitBar{background:#f4f4f4;}
    62. 

  62. #bjui-splitBarProxy{border-color:#c0c0c0; background:#f4f4f4;}
    63. 

  63. /* Left menus */
    64. 

  64. .menu-items li > a{color:#222;}
    65. 

  65. .menu-items li > a:hover{background-color:#f4f4f4;}
    66. 

  66. .menu-items li.active{background-color:#fafafa;}
    67. 

  67. .menu-items li.active > a{color:#222;}
    68. 

  68. .menu-items li.active.switch > a{font-weight:bold; background-color:#eaeaea;}
    69. 

  69. .menu-items li.open > a{color:#515151;}
    70. 

  70. /* Pages */
    71. 

  71. .bjui-pageHeader{background:#eaeaea; border-bottom:1px #dfdfdf solid;}
    72. 

  72. .bjui-pageHeader .bjui-moreSearch{background:#f4f4f4; border-bottom:1px #dfdfdf solid;}
    73. 

  73. .bjui-pageHeader .showMoreSearch:hover{color:#515151;}
    74. 

  74. .bjui-pageFooter{background:#eaeaea; border-top:1px #dfdfdf solid;}
    75. 

  75. .bjui-pageFooter > .pagination-box > ul > .selected > a,
    76. 

  76. .bjui-pageFooter > .pagination-box > ul > .selected > span{color:#fff; background-color:#515151; border-color:#eaeaea;}
    77. 

  77. /* MaskProgress */
    78. 

  78. .bjui-maskProgress{color:#515151; background:#FAFAFA; border:2px solid #dfdfdf;}
    79. 

  79. /* Navtab */
    80. 

  80. #bjui-navtab > .tabsPageHeader > .tabsLeft,
    81. 

  81. #bjui-navtab > .tabsPageHeader > .tabsRight,
    82. 

  82. #bjui-navtab > .tabsPageHeader > .tabsMore{background-color:#f4f4f4; border:1px #dfdfdf solid;}
    83. 

  83. #bjui-navtab > .tabsPageHeader > .tabsLeft:hover,
    84. 

  84. #bjui-navtab > .tabsPageHeader > .tabsRight:hover,
    85. 

  85. #bjui-navtab > .tabsPageHeader > .tabsMore:hover{color:#f4f4f4; background-color:#515151;}
    86. 

  86. #bjui-navtab > .tabsPageHeader > .tabsLeft.tabsLeftDisabled,
    87. 

  87. #bjui-navtab > .tabsPageHeader > .tabsRight.tabsRightDisabled{color:#999; border-color:#dedede; border-bottom-color:#dfdfdf;}
    88. 

  88. #bjui-navtab > .tabsPageHeader > .tabsLeft.tabsLeftDisabled:hover,
    89. 

  89. #bjui-navtab > .tabsPageHeader > .tabsRight.tabsRightDisabled:hover{background:#f4f4f4;}
    90. 

  90. #bjui-navtab > .tabsPageHeader > .tabsPageHeaderContent > .nav{border-bottom-color:#dfdfdf;}
    91. 

  91. #bjui-navtab > .tabsPageHeader > .tabsPageHeaderContent > .nav > li > a{color:#515151; background-color:#f4f4f4; border-color:#dedede; border-bottom-color:#dfdfdf;}
    92. 

  92. #bjui-navtab > .tabsPageHeader > .tabsPageHeaderContent > .nav > li > a:hover{color:#515151; background:#eaeaea; border-color:#dfdfdf; border-bottom-color:transparent;}
    93. 

  93. #bjui-navtab > .tabsPageHeader > .tabsPageHeaderContent > .nav > li.active > a{color:#515151; font-weight:bold; background:#FFF; border-color:#dfdfdf; border-bottom-color:transparent;}
    94. 

  94. #bjui-navtab > .tabsMoreList{background:#f4f4f4; border-color:#dfdfdf;}
    95. 

  95. #bjui-navtab > .tabsMoreList > li > a:hover{color:#515151; background:#eaeaea;}
    96. 

  96. #bjui-navtab > .tabsMoreList > li.active > a{font-weight:bold; background:#eaeaea;}
    97. 

  97. #bjui-navtab > .tabsPageContent{background:#fefefe; border-color:#dfdfdf;}
    98. 

  98. /* Dialog */
    99. 

  99. .bjui-dialog{background:#f4f4f4; border:1px #DDD solid;}
    100. 

  100. .bjui-dialog.dialogShadow{-webkit-box-shadow:0 3px 9px rgba(81,81,81, 0.9); box-shadow:0 3px 9px rgba(81,81,81, 0.9);}
    101. 

  101. .bjui-dialog > .dialogHeader{background:#eaeaea; border-bottom:1px #dfdfdf solid;}
    102. 

  102. .bjui-dialog > .dialogHeader a{color:#515151 !important;}
    103. 

  103. .bjui-dialog > .dialogHeader a:hover{color:#515151 !important;}
    104. 

  104. .bjui-dialog > .dialogHeader h1{color:#515151;}
    105. 

  105. .bjui-dialog > .dialogContent .bjui-pageHeader{margin-bottom:0; border:1px #dfdfdf solid; border-bottom:none;}
    106. 

  106. .bjui-dialog > .dialogContent .bjui-pageContent{background-color:#fff; border:1px #dfdfdf solid;}
    107. 

  107. .bjui-dialog > .dialogContent .bjui-pageFooter{border:1px #dfdfdf solid; border-top:none;}
    108. 

  108. /* Dialog resizable */
    109. 

  109. .bjui-resizable{border-color:#dfdfdf; background:#f4f4f4;}
    110. 

  110. /* Taskbar */
    111. 

  111. #bjui-taskbar{background:#515151;}
    112. 

  112. #bjui-taskbar > .taskbarContent > ul > li{background:#f4f4f4;}
    113. 

  113. #bjui-taskbar > .taskbarContent > ul > li > .taskbutton{color:#515151;}
    114. 

  114. #bjui-taskbar > .taskbarContent > ul > li.selected,
    115. 

  115. #bjui-taskbar > .taskbarContent > ul > li:hover{background:#eaeaea;}
    116. 

  116. #bjui-taskbar > .taskbarContent > ul > li.selected > .taskbutton,
    117. 

  117. #bjui-taskbar > .taskbarContent > ul > li:hover > .taskbutton{color:#515151;}
    118. 

  118. #bjui-taskbar > .taskbarContent > ul > li > .close{color:#dfdfdf;}
    119. 

  119. #bjui-taskbar > .taskbarContent > ul > li > .close:hover{color:#FF0000;}
    120. 

  120. #bjui-taskbar > .taskbarLeft, #bjui-taskbar > .taskbarRight{background:#f4f4f4;}
    121. 

  121. #bjui-taskbar > .taskbarLeft:hover,
    122. 

  122. #bjui-taskbar > .taskbarRight:hover{color:#FFF; background:#515151;}
    123. 

  123. #bjui-taskbar > .taskbarLeft.disabled,
    124. 

  124. #bjui-taskbar > .taskbarRight.disabled{color:#999; background:#f4f4f4;}
    125. 

  125. #bjui-taskbar > .taskbarLeft.disabled:hover,
    126. 

  126. #bjui-taskbar > .taskbarRight.disabled:hover{color:#999; background:#f4f4f4;}
    127. 

  127. /*  datagrid */
    128. 

  128. .bjui-datagrid .datagrid-title{color:#515151; background-color:#eaeaea;}
    129. 

  129. .bjui-datagrid .datagrid-toolbar{background-color:#f4f4f4;}
    130. 

  130. .bjui-datagrid .table > thead > tr > th:first-child{border-left-color:#f4f4f4;}
    131. 

  131. .bjui-datagrid .datagrid-box-h{background-color:#f9f9f9; border-bottom-color:#dfdfdf;}
    132. 

  132. .bjui-datagrid .datagrid-box-f{background-color:#f9f9f9;}
    133. 

  133. .bjui-datagrid .datagrid-box-f .table > thead > tr > th .datagrid-calcbox{color:#515151; background-color:#eaeaea;}
    134. 

  134. .bjui-datagrid .table > tbody > tr > td.datagrid-linenumber-td{color:#515151;}
    135. 

  135. .bjui-datagrid .table.table-hover > tbody > tr:hover > td.datagrid-linenumber-td{background-color:#eaeaea;}
    136. 

  136. .bjui-datagrid .table > tbody > tr.datagrid-hover > td{background-color:#eaeaea;}
    137. 

  137. .bjui-datagrid .table > thead > tr > th > div > .datagrid-cell > .datagrid-column-menu-btn > .btn.active,
    138. 

  138. .bjui-datagrid .table > thead > tr > th > div > .datagrid-cell > .datagrid-column-menu-btn > .btn:hover,
    139. 

  139. .bjui-datagrid .table > thead > tr > th:hover > div > .datagrid-cell > .datagrid-column-menu-btn > .btn:hover,
    140. 

  140. .bjui-datagrid .table > thead > tr > th > div > .datagrid-cell > .datagrid-column-menu-btn > .btn:focus{background-color:#515151;}
    141. 

  141. .bjui-datagrid .table > thead > tr > th:hover > div > .datagrid-cell > .datagrid-column-menu-btn > .btn{color:#515151;}
    142. 

  142. .bjui-datagrid .table > thead > tr > th.filter-active > div > .datagrid-cell > .datagrid-column-menu-btn > .btn{background-color:#515151;}
    143. 

  143. .bjui-datagrid .table > thead > tr > th.datagrid-quicksort-th:hover{background-color:#eaeaea;}
    144. 

  144. .bjui-datagrid .table > thead > tr > th.datagrid-quicksort-th > div > .datagrid-label > i{color:#515151;}
    145. 

  145. .bjui-datagrid > .datagrid-menu-box > ul > li > a{color:#515151;}
    146. 

  146. .bjui-datagrid > .datagrid-menu-box > ul > li.sort-active a{color:#515151;}
    147. 

  147. .bjui-datagrid > .datagrid-menu-box > ul > li > a:hover,
    148. 

  148. .bjui-datagrid > .datagrid-menu-box > ul > li.active > a{background-color:#dfdfdf;}
    149. 

  149. .bjui-datagrid .datagrid-filter-box fieldset > span input{border-color:#dfdfdf;}
    150. 

  150. .datagrid-showhide-box > li > a{color:#515151;}
    151. 

  151. .datagrid-showhide-box > li > a:hover{background-color:#dfdfdf;}
    152. 

  152. .bjui-datagrid .table > thead > tr > th.datagrid-sortable:hover a:hover{background-color:#515151;}
    153. 

  153. .bjui-datagrid .table > tbody > tr.datagrid-selected-tr > td{background-color:#dedede !important;}
    154. 

  154. .bjui-datagrid > .datagrid-paging-box{background-color:#f9f9f9; border-top:1px #dfdfdf solid;}
    155. 

  155. .bjui-datagrid > .datagrid-paging-box > .paging-content > .datagrid-paging > .pagination > li.active > a,
    156. 

  156. .bjui-datagrid > .datagrid-paging-box > .paging-content > .datagrid-paging > .pagination > li.active > a:focus,
    157. 

  157. .bjui-datagrid > .datagrid-paging-box > .paging-content > .datagrid-paging > .pagination > li.active > a:hover{background-color:#dfdfdf;}
    158. 

  158. .bjui-datagrid > .resizeProxy{background-color:#515151;}
    159. 

  159. .datagrid-dialog-edit-form > p:hover{background-color:#f4f4f4;}
    160. 

  160. /* Tablefixed */
    161. 

  161. .bjui-tablefixed > .resizeMarker,
    162. 

  162. .bjui-tablefixed > .resizeProxy{background:#dfdfdf;}
    163. 

  163. /* Tabledit */
    164. 

  164. .bjui-tabledit > thead .row-add:hover{color:#FFF; background:#515151;}
    165. 

  165. /* Alertmsg */
    166. 

  166. .bjui-alert{background:#f4f4f4;}
    167. 

  167. .bjui-alert > .alertContent .alertInner > .msg{border-top: 1px #fefefe solid;}
    168. 

  168. .bjui-alert > .alertContent > .info > .alertInner{border-color:#dfdfdf;}
    169. 

  169. .bjui-alert > .alertContent > .info > .alertInner > h1{color:#515151; background-color:#eaeaea; border-bottom:1px #dfdfdf solid;}
    170. 

  170. /* Contextmenu */
    171. 

  171. #bjui-contextmenu ul{background-color:#f4f4f4; border:1px solid #dfdfdf;}
    172. 

  172. #bjui-contextmenu li{color:#515151; background-color:transparent;}
    173. 

  173. #bjui-contextmenu li:hover{color:#fff; background-color:#dfdfdf;}
    174. 

  174. #bjui-contextmenu li.disabled{color:#999;}
    175. 

  175. #bjui-contextmenu li.disabled:hover{cursor:default; background-color:transparent;}
    176. 

  176. #bjui-contextmenu li.diver{ border-left:none; border-right:none;}
    177. 

  177. #bjui-contextmenu li.diver:hover{background-color:transparent !important; cursor:default;}
    178. 

  178. /* Calendar */
    179. 

  179. #bjui-calendar{border:1px solid #dfdfdf;}
    180. 

  180. #bjui-calendar > .main > a.close{color:#dfdfdf;}
    181. 

  181. #bjui-calendar > .main > a.close:hover{color:#FF0000;}
    182. 

  182. #bjui-calendar > .main > .head{background:#eaeaea; border:1px solid #e3dced;}
    183. 

  183. #bjui-calendar > .main > .body{border:1px solid #e3dced;}
    184. 

  184. #bjui-calendar > .main > .foot{background:#f4f4f4; border:1px solid #e3dced;}
    185. 

  185. #bjui-calendar > .main > .body > .days > dd.slt{background:#eaeaea; border:1px solid #dfdfdf;}
    186. 

  186. #bjui-calendar > .main > .body > .days > dd:hover{border:1px solid #dfdfdf;}
    187. 

  187. #bjui-calendar > .main > .body > .days > dd.other{color:#dedede;}
    188. 

  188. #bjui-calendar > .main > .foot > .time td{border:1px solid #dfdfdf;}
    189. 

  189. #bjui-calendar > .main > .foot > .time .up:hover,
    190. 

  190. #bjui-calendar > .main > .foot > .time .down:hover{color:#FFF; background:#515151;}
    191. 

  191. #bjui-calendar > .main > .tm > ul{background-color:#f4f4f4; border:1px solid #dfdfdf;}
    192. 

  192. #bjui-calendar > .main > .tm > ul > li:hover{background:#eaeaea;}
    193. 

  193. /* Spinner */
    194. 

  194. .bjui-spinner{border-left-color:#ccc;}
    195. 

  195. .bjui-spinner .up, .bjui-spinner .down{color:#515151;}
    196. 

  196. .bjui-spinner .up:hover, .bjui-spinner .down:hover{color:#FFF; background:#515151;}
    197. 

  197. /* Lookup */
    198. 

  198. .bjui-lookup:hover{color:#FFF; background:#515151;}
    199. 

  199. /* Tags */
    200. 

  200. .bjui-tags > .label-tag{color:#dfdfdf; background-color:#f4f4f4;}
    201. 

  201. .bjui-tags > .label-tag:hover,
    202. 

  202. .bjui-tags > .label-tag:focus{background-color:#eaeaea;}
    203. 

  203. .bjui-tags > .tags-menu > .tags-highlight{background-color:#eaeaea;}
    204. 

  204. /* Upload */
    205. 

  205. .bjui-upload > .queue > .item{background-color:#f4f4f4;}
    206. 

  206. 

  207. /* ------- plugins ------- */
    208. 

  208. /* iCheck */
    209. 

  209. .icheckbox_minimal-purple,
    210. 

  210. .iradio_minimal-purple{background:url(purple.png) no-repeat;}
    211. 

  211. .icheckbox_minimal-purple{background-position:0 0;} .icheckbox_minimal-purple.hover{background-position:-20px 0;} .icheckbox_minimal-purple.checked{background-position:-40px 0;} .icheckbox_minimal-purple.disabled{background-position:-60px 0; cursor:default;} .icheckbox_minimal-purple.checked.disabled{background-position:-80px 0;}
    212. 

  212. .iradio_minimal-purple{background-position:-100px 0;} .iradio_minimal-purple.hover{background-position:-120px 0;} .iradio_minimal-purple.checked{background-position:-140px 0;} .iradio_minimal-purple.disabled{background-position:-160px 0; cursor:default;} .iradio_minimal-purple.checked.disabled{background-position:-180px 0;}
    213. 

  213. /* Retina support */
    214. 

  214. @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5){.icheckbox_minimal-purple, .iradio_minimal-purple{background-image:url(purple@2x.png); -webkit-background-size:200px 20px; background-size:200px 20px;}}
    215. 

  215. /* zTree */
    216. 

  216. .ztree li a.faicon{color:#515151;}
    217. 

  217. .ztree li a:hover{color:#515151;}
    218. 

  218. span.tmpzTreeMove_arrow,.ztree .tree_add, .ztree .tree_del,
    219. 

  219. .ztree li span.button{background-image:url(zTreeStandard.png);}
    220. 

  220. .ztree li a.curSelectedNode{background-color:#eaeaea; color:black; border:1px #dfdfdf solid;}
    221. 

  221. .ztree li a.curSelectedNode_Edit{background-color:#eaeaea; color:black; border:1px #dfdfdf solid;}
    222. 

  222. .ztree li a.tmpTargetNode_inner{background-color:#eaeaea; color:white; border:1px #dfdfdf solid;}
    223. 

  223. ul.ztree.zTreeDragUL{background-color:#cfcfcf; border:1px #dfdfdf dotted;}
    224. 

  224. ul.tmpTargetzTree{background-color:#eaeaea;}
    225. 

  225. /* uploadify */
    226. 

  226. .uploadify-button{color:#515151 !important; background-color:#f4f4f4 !important; border-color:#dfdfdf !important;}
    227. 

  227. .uploadify:hover .uploadify-button{color:#FFF !important; background-color:#dfdfdf !important; border-color:#dfdfdf !important;}
    228.