style.css 61 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724
  1. @charset "utf-8";
  2. html, body, div, span, applet, object, iframe,
  3. p, blockquote, pre,
  4. a, abbr, acronym, address, big, cite, code,
  5. del, dfn, em, img, ins, kbd, q, s, samp,
  6. small, strike, strong, sub, sup, tt, var,
  7. dl, dt, dd, ol, ul, li,
  8. fieldset, form, input, textarea, select, button, label, legend,
  9. table, caption, tbody, tfoot, thead, tr, th, td{font-family:"Verdana", "Tahoma", "Lucida Grande", "Microsoft YaHei", "Hiragino Sans GB", sans-serif; font-size:12px; line-height:1;}
  10. h1, h2, h3, h4, h5, h6{font-family:"Verdana", "Tahoma", "Lucida Grande", "Microsoft YaHei", "Hiragino Sans GB", sans-serif; line-height:1;}
  11. *:focus{outline:0 !important;}
  12. html{height:100%;}
  13. body{overflow:hidden;}
  14. ul, ol{margin:0; padding:0; list-style:none;}
  15. fieldset{margin-bottom:10px; padding:5px; border:1px #a3a3a3 solid; border-radius:4px;}
  16. legend{display:inline-block; margin-left:20px; margin-bottom:5px; padding:0 5px; width:auto; font-size:14px; font-weight:700; line-height:inherit; color:#333333; border:0;}
  17. .red{color:red !important;}
  18. .orange{color:orange !important;}
  19. .blue{color:blue !important;}
  20. .green{color:green !important;}
  21. .callout{padding:15px; border:1px #CCC solid; border-radius:2px; font-size:14px; line-height:1.5;}
  22. .callout-red{border-left:4px red solid;}
  23. /* ------------- bootstrap ------------- */
  24. .fade{opacity:.3;}
  25. .panel-group.panel-condensed .panel{border-radius:2px;}
  26. .panel-group.panel-condensed .panel-heading{padding:5px 10px;}
  27. .panel-group.panel-condensed .panel-body{padding:10px;}
  28. .panel-group.j-accordion .panel-body{overflow:auto;}
  29. .panel-group .panel-heading a{display:block; font-size:14px;}
  30. .panel-group.panel-condensed .panel-heading a{font-size:12px;}
  31. .panel-main .panel-default{margin-bottom:0; border-left:none; border-right:none; border-bottom:none; border-radius:0;}
  32. .panel-main .panel-default .panel-heading{padding:0; height:27px; overflow:hidden;}
  33. .panel-main .panel-default .panel-heading .panel-title{height:30px;}
  34. .panel-main .panel-default .panel-heading .panel-title a{position:relative; display:block; padding:7px 10px 5px; font-size:14px; text-decoration:none;}
  35. .panel-main .panel-default .panel-heading .panel-title a > b{position:absolute; top:6px; right:8px;}
  36. .panel-main .panel-default .panel-heading .panel-title.active a,
  37. .panel-main .panel-default .panel-heading .panel-title a:hover{font-weight:bold;}
  38. .panel-main .panel-default .panel-body{padding:1px; overflow:auto;}
  39. .panel-main .panel-default:last-child{border-bottom:1px #ddd solid;}
  40. .panel-main .panel + .panel {margin-top:0px;}
  41. .label{font-size:12px;}
  42. .btn{height:24px; padding:2px 8px; line-height:1.29758; border-radius:3px;}
  43. .btn .caret{margin-left:4px; margin-top:-2px; vertical-align:middle;}
  44. .btn.btn-sm{height:20px; font-size:12px; border-radius:2px;}
  45. .btn.btn-nm{height:32px; padding:6px 8px; font-size:14px; border-radius:5px;}
  46. .btn.btn-lg{height:40px; padding:10px 8px; font-size:18px; line-height:1; border-radius:6px;}
  47. .btn-tag{position:relative; padding:3px 6px; text-shadow:0 1px 0 #FFF;}
  48. .btn-close, .btn-red{color:red; background:#FFFFFF; border-color:red;}
  49. .btn-close:active, .btn-red:active,
  50. .btn-close.active, .btn-red.active,
  51. .btn-close:hover, .btn-red:hover,
  52. .btn-close:focus, .btn-red:focus{color:#FFF; background-color:red;}
  53. .btn-green{color:green; background:#FFFFFF; border-color:green;}
  54. .btn-green:active,
  55. .btn-green.active,
  56. .btn-green:hover,
  57. .btn-green:focus{color:#FFF; background-color:green;}
  58. .btn-blue{color:#428bca; background:#FFFFFF; border-color:#428bca;}
  59. .btn-blue:active,
  60. .btn-blue.active,
  61. .btn-blue:hover,
  62. .btn-blue:focus{color:#FFF; background-color:#428bca; border-color:#428bca;}
  63. .btn-orange{color:#FF6600; background:#FFFFFF; border-color:#FF6600;}
  64. .btn-orange:active,
  65. .btn-orange.active,
  66. .btn-orange:hover,
  67. .btn-orange:focus{color:#FFF; background-color:#FF6600;}
  68. .dropdown-menu{min-width:50px;}
  69. .dropdown-menu > li > a{padding:3px 8px;}
  70. .dropdown-menu.right{right:0px; left:auto;}
  71. .form-group{margin-left:0px !important; margin-right:0px !important; margin-bottom:8px;}
  72. .input-group-addon{padding:5px 10px;}
  73. .control-label{text-align:right;}
  74. .form-control{position:relative; display:inline-block; padding:2px 5px; width:auto; height:24px; font-size:14px; vertical-align:middle; border-radius:2px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;}
  75. .form-control:focus{outline:0;}
  76. .form-control.input-sm{height:20px; font-size:12px; line-height:1; border-radius:2px;}
  77. .form-control.input-nm{height:32px; padding:6px 5px; font-size:14px; line-height:1.42857143; border-radius:4px;}
  78. .form-control.input-lg{height:40px; padding:10px 5px; font-size:18px; line-height:1.33; border-radius:5px;}
  79. /*form-control-validate*/
  80. .form-control.required{background:#FFF url(img/error-bg.png) no-repeat center right;}
  81. .form-control.n-invalid{border-color:#FF0000; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);}
  82. label.x10{display:inline-block; width:10px; padding-right:5px;}
  83. label.x15{display:inline-block; width:15px; padding-right:5px;}
  84. label.x20{display:inline-block; width:20px; padding-right:5px;}
  85. label.x25{display:inline-block; width:25px; padding-right:5px;}
  86. label.x30{display:inline-block; width:30px; padding-right:5px;}
  87. label.x35{display:inline-block; width:35px; padding-right:5px;}
  88. label.x40{display:inline-block; width:40px; padding-right:5px;}
  89. label.x45{display:inline-block; width:45px; padding-right:5px;}
  90. label.x50{display:inline-block; width:50px; padding-right:5px;}
  91. label.x55{display:inline-block; width:55px; padding-right:5px;}
  92. label.x60{display:inline-block; width:60px; padding-right:5px;}
  93. label.x65{display:inline-block; width:65px; padding-right:5px;}
  94. label.x70{display:inline-block; width:70px; padding-right:5px;}
  95. label.x75{display:inline-block; width:75px; padding-right:5px;}
  96. label.x80{display:inline-block; width:80px; padding-right:5px;}
  97. label.x85{display:inline-block; width:85px; padding-right:5px;}
  98. label.x90{display:inline-block; width:90px; padding-right:5px;}
  99. label.x95{display:inline-block; width:95px; padding-right:5px;}
  100. label.x100{display:inline-block; width:100px; padding-right:5px;}
  101. label.x105{display:inline-block; width:105px; padding-right:5px;}
  102. label.x110{display:inline-block; width:110px; padding-right:5px;}
  103. label.x120{display:inline-block; width:120px; padding-right:5px;}
  104. label.x130{display:inline-block; width:130px; padding-right:5px;}
  105. label.x140{display:inline-block; width:140px; padding-right:5px;}
  106. label.x150{display:inline-block; width:150px; padding-right:5px;}
  107. .control-label{cursor:pointer; margin-bottom:0; vertical-align:middle;}
  108. .alert{width:auto;}
  109. .alert,
  110. .alert i{line-height:26px;}
  111. .alert i{font-size:14px;}
  112. .alert.sm{margin:0; padding:2px 10px;}
  113. .alert.inline{display:inline-block;}
  114. .alert.form-inline{display:inline-block; margin:0; padding:0px 10px; height:26px; vertical-align:middle;}
  115. .alert.form-block{display:block; margin:1px 0 0; padding:0px 10px;}
  116. .alert.search-inline{display:inline-block; margin:0; padding:0px 10px; height:24px; vertical-align:middle;}
  117. .alert.search-inline, .alert.search-inline i{line-height:23px !important;}
  118. .nav-tabs{border-bottom-style:solid; border-bottom-width:1px;}
  119. .nav-tabs > li > a{padding:4px 10px;}
  120. .nav-tabs > li.active > a,
  121. .nav-tabs > li.active > a:hover,
  122. .nav-tabs > li.active > a:focus{border-bottom-color:#FFF;}
  123. .tab-content{padding:10px; width:100%; border-style:solid; border-width:0 1px 1px; border-radius:0 0 3px 3px;}
  124. .table{margin-bottom:0;}
  125. .table > thead > tr > th,
  126. .table > tbody > tr > th,
  127. .table > tfoot > tr > th,
  128. .table > thead > tr > td,
  129. .table > tbody > tr > td,
  130. .table > tfoot > tr > td{padding:2px 3px; vertical-align:middle;}
  131. .table > thead > tr > th{border-bottom-width:1px;}
  132. .table > thead > tr > th.center,
  133. .table > tbody > tr > td.center{text-align:center;}
  134. .table > thead > tr > th.left,
  135. .table > tbody > tr > td.left{text-align:left;}
  136. .table > thead > tr > th.right,
  137. .table > tbody > tr > td.right{text-align:right;}
  138. .table > tbody > tr > td{height:30px;}
  139. .table.table-condensed > tbody > tr > td{height:auto;}
  140. .table.table-top{border-top:none;}
  141. th[align=left]{text-align:left;}
  142. th[align=center]{text-align:center;}
  143. th[align=right]{text-align:right;}
  144. td[align=center] input{text-align:center;}
  145. td[align=right] input{text-align:right;}
  146. .table.nowrap td,
  147. .table.nowrap th{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  148. /* Main */
  149. #bjui-window{margin:0 auto; overflow:hidden;}
  150. #bjui-header{position:relative; margin-bottom:0; height:70px; overflow:visible; border-width:0; border-radius:0;}
  151. #bjui-header > .bjui-navbar-header{float:left;}
  152. #bjui-header > .bjui-navbar-header > .bjui-navbar-logo{display:block; padding-left:6px; padding-top:1px;}
  153. #bjui-header > .bjui-navbar-header > .bjui-navbar-toggle{display:none; position:absolute; top:5px; right:5px;}
  154. #bjui-header > #bjui-navbar-collapse{float:right; margin-top:5px;}
  155. #bjui-header > #bjui-navbar-collapse.menu{position:absolute; top:35px; right:1px; z-index:999; border:1px solid #cccccc; border-radius:4px; box-shadow:0 6px 12px rgba(0, 0, 0, 0.175); background-clip:padding-box;}
  156. #bjui-header > #bjui-navbar-collapse.menu > .bjui-navbar-right > li,
  157. #bjui-header > #bjui-navbar-collapse.in > .bjui-navbar-right > li{float:none; border-bottom:1px #CCC solid; border-right:none;}
  158. #bjui-header > #bjui-navbar-collapse.in > .bjui-navbar-right > li:last-child a{border-radius:0 0 5px 5px;}
  159. #bjui-header > #bjui-navbar-collapse > .bjui-navbar-right{float:right;}
  160. #bjui-header > #bjui-navbar-collapse > .bjui-navbar-right > li{float:left; height:28px;}
  161. #bjui-header > #bjui-navbar-collapse > .bjui-navbar-right > li:last-child{border-right:none;}
  162. #bjui-header > #bjui-navbar-collapse > .bjui-navbar-right > li > div{padding:0 10px; height:28px; line-height:28px; color:#FFF;}
  163. #bjui-header > #bjui-navbar-collapse > .bjui-navbar-right > li > div > span{}
  164. #bjui-header > #bjui-navbar-collapse > .bjui-navbar-right > li > a{display:block; padding:0 10px; height:28px; line-height:28px; text-decoration:none; color:#FFF !important; border-radius:5px;}
  165. #bjui-header > #bjui-navbar-collapse > .bjui-navbar-right > li > a:hover{color:#FFF;}
  166. #bjui-header > #bjui-navbar-collapse > .bjui-navbar-right > li > a.theme.bootstrap{background-color:#337ab7;}
  167. #bjui-header > #bjui-navbar-collapse > .bjui-navbar-right > li > a.theme.default{background-color:#929292;}
  168. #bjui-header > #bjui-navbar-collapse > .bjui-navbar-right > li > a.theme.orange{background-color:#FF6600;}
  169. #bjui-header > #bjui-navbar-collapse > .bjui-navbar-right > li > a.theme.purple{background-color:#c000ff;}
  170. #bjui-header > #bjui-navbar-collapse > .bjui-navbar-right > li > a.theme.blue{background-color:#16669e;}
  171. #bjui-header > #bjui-navbar-collapse > .bjui-navbar-right > li > a.theme.red{background-color:#fc5555;}
  172. #bjui-header > #bjui-navbar-collapse > .bjui-navbar-right > li > a.theme.green{background-color:#1ca61c;}
  173. #bjui-header > #bjui-navbar-collapse > .bjui-navbar-right > li > a >.badge{background:#FFF; color:#FF0000;}
  174. #bjui-header > #bjui-navbar-collapse > .bjui-navbar-right > li > .dropdown-menu{right:0; left:auto;}
  175. #bjui-header > #bjui-navbar-collapse > .bjui-navbar-right > li > .dropdown-menu > li > a{padding:3px 5px; width:auto;}
  176. #bjui-header > #bjui-navbar-collapse > .bjui-navbar-right > li > .dropdown-menu > li > a.theme_bootstrap{color:#428bca;}
  177. #bjui-header > #bjui-navbar-collapse > .bjui-navbar-right > li > .dropdown-menu > li > a.theme_default{color:#555;}
  178. #bjui-header > #bjui-navbar-collapse > .bjui-navbar-right > li > .dropdown-menu > li > a.theme_orange{color:#FF6600;}
  179. #bjui-header > #bjui-navbar-collapse > .bjui-navbar-right > li > .dropdown-menu > li > a.theme_purple{color:#7e00ff;}
  180. #bjui-header > #bjui-navbar-collapse > .bjui-navbar-right > li > .dropdown-menu > li > a.theme_blue{color:blue;}
  181. #bjui-header > #bjui-navbar-collapse > .bjui-navbar-right > li > .dropdown-menu > li > a.theme_red{color:#fc5555;}
  182. #bjui-header > #bjui-navbar-collapse > .bjui-navbar-right > li > .dropdown-menu > li > a.theme_green{color:green;}
  183. #bjui-hnav{position:absolute; top:38px; width:100%; height:32px; overflow:visible;}
  184. #bjui-hnav > .bjui-hnav-more-left{position:absolute; left:0; top:0; z-index:1; display:none;}
  185. #bjui-hnav > .bjui-hnav-more-right{position:absolute; right:0; top:0; z-index:1; display:none;}
  186. #bjui-hnav > .bjui-hnav-more-left,
  187. #bjui-hnav > .bjui-hnav-more-right{height:30px; padding-left:4px; padding-right:4px; font-weight:bold;}
  188. #bjui-hnav > .bjui-hnav-more-left > i,
  189. #bjui-hnav > .bjui-hnav-more-right > i{font-size:18px !important;}
  190. #bjui-hnav-navbar-box{position:absolute; left:24px; right:24px; top:0; bottom:0; padding:0 20px;}
  191. #bjui-hnav #bjui-hnav-navbar{position:absolute; left:0; width:1000%; height:32px;}
  192. #bjui-hnav #bjui-hnav-navbar > li{float:left;}
  193. #bjui-hnav #bjui-hnav-navbar > li:first-child{border-radius:4px 0 0 0;}
  194. #bjui-hnav #bjui-hnav-navbar > li:last-child{border-radius:0 4px 0 0;}
  195. #bjui-hnav #bjui-hnav-navbar > li > a{display:block; padding:0 20px; height:29px; font-size:14px; line-height:29px; font-weight:normal; color:#222; border:none; text-decoration:none;}
  196. #bjui-hnav #bjui-hnav-navbar.condensed > li > a{padding:0 5px;}
  197. #bjui-hnav #bjui-hnav-navbar > li:last-child > a{border-right:none;}
  198. #bjui-hnav #bjui-hnav-navbar > li.hnav-more > a{color:#c000ff;}
  199. #bjui-hnav #bjui-hnav-navbar > li > a:hover,
  200. #bjui-hnav #bjui-hnav-navbar >.active > a,
  201. #bjui-hnav #bjui-hnav-navbar >.active > a:hover,
  202. #bjui-hnav #bjui-hnav-navbar >.active > a:focus,
  203. #bjui-hnav #bjui-hnav-navbar > .open > a,
  204. #bjui-hnav #bjui-hnav-navbar > .open > a:hover,
  205. #bjui-hnav #bjui-hnav-navbar > .open > a:focus{color:#FFF; text-decoration:none; border-right-color:#FFF;}
  206. #bjui-hnav #bjui-hnav-navbar > li > .ztree{display:none;}
  207. #bjui-hnav #bjui-hnav-navbar > li.open{}
  208. #bjui-hnav #bjui-hnav-navbar > li.open > .dropdown-menu{position:absolute; top:32px; z-index:999;}
  209. #bjui-container{position:relative; margin-top:2px; width:100%; height:100%;}
  210. #bjui-leftside{position:absolute; top:0; left:0; z-index:1;}
  211. #bjui-sidebar{position:absolute; top:0; left:0; width:200px; overflow:hidden; background:#f7f7f7; border-style:solid; border-width:1px 1px 0 1px;}
  212. #bjui-sidebar-s{position:absolute; top:0; left:-10px; width:4px;}
  213. #bjui-sidebar > .toggleCollapse{display:block; height:25px; overflow:hidden; border-radius:2px 2px 0 0;}
  214. #bjui-sidebar > .toggleCollapse h2{margin:0; width:100%; font-size:14px; font-weight:bold; line-height:26px; text-align:center;}
  215. #bjui-sidebar > .toggleCollapse .lock{position:absolute; top:0; right:0; display:block; width:26px; height:24px; overflow:hidden; text-align:center; cursor:pointer;}
  216. #bjui-sidebar > .toggleCollapse .lock i{font-size:18px; font-weight:bold; line-height:28px;}
  217. #bjui-sidebar-s > .collapse{display:block; height:100%; cursor:pointer;}
  218. #bjui-sidebar-s > .collapse > .toggleCollapse{position:absolute; top:50%; left:-2px; display:none; margin-top:-12px; height:24px; border:0;}
  219. #bjui-sidebar-s > .collapse > .toggleCollapse div{width:100%; height:24px; line-height:1; text-align:center; cursor:pointer;}
  220. #bjui-sidebar-s > .collapse > .toggleCollapse div i{font-size:20px; font-weight:bold;}
  221. #bjui-navtab{position:absolute; top:0; left:204px; height:100%;}
  222. #bjui-splitBar{position:absolute; top:0; left:201px; display:block; width:3px; overflow:hidden; cursor:col-resize; float:left;}
  223. #bjui-splitBarProxy{position:absolute; top:0; left:201px; z-index:2; display:none; width:1px; overflow:hidden; border-style:solid; border-width:1px; cursor:col-resize; float:left;}
  224. #bjui-footer{position:absolute; bottom:0; left:0; padding-top:8px; width:100%; height:24px; text-align:center;}
  225. /* Left menus */
  226. .menu-items li{position:relative;}
  227. .menu-items li > a{display:block; padding-left:16px; height:26px; line-height:26px; font-size:14px; text-decoration:none;}
  228. .menu-items li > a > i{width:24px; text-align:center;}
  229. .menu-items li > b{position:absolute; top:5px; right:8px;}
  230. .menu-items .menu-items-children{display:none;}
  231. .menu-items li.open .menu-items-children{display:block;}
  232. .menu-items .menu-items-children > li > a{padding-left:30px;}
  233. /* Pages */
  234. .bjui-pageHeader{position:relative; padding:2px 5px;}
  235. .bjui-pageHeader:before, .bjui-pageHeader:after{display:table; content:" ";}
  236. .bjui-pageHeader:after{clear:both;}
  237. .bjui-pageHeader label, .bjui-pageFooter label{margin-bottom:0;}
  238. .bjui-pageFooter{position:absolute; bottom:0; padding:1px 5px; width:100%; min-height:28px;}
  239. .bjui-pageFooter > ul > li{float:right; margin-left:5px;}
  240. .bjui-pageFooter > ul > li.left{float:left; margin-left:0; margin-right:5px;}
  241. .bjui-dialog .bjui-pageContent,
  242. .bjui-dialog .bjui-pageFooter{bottom:5px;}
  243. .bjui-pageFooter > .pages{float:left; padding:1px 5px 0;}
  244. .bjui-pageFooter > .pages > span{float:left; line-height:24px;}
  245. .bjui-pageFooter > .pages > .selectPagesize{float:left; display:inline-block; padding-top:1px;}
  246. .bjui-pageFooter > .pages > .selectPagesize > .btn-group > .btn{padding:2px; height:21px; border-radius:2px;}
  247. .bjui-pageFooter > .pages > .selectPagesize > .btn-group > .btn > .filter-option{line-height:1.278;}
  248. .bjui-pageFooter > .pagination-box{float:right;}
  249. .bjui-pageFooter > .pagination-box > ul{display:inline;}
  250. .bjui-pageFooter > .pagination-box > ul > li > a,
  251. .bjui-pageFooter > .pagination-box > ul > li > span{position:relative; float:left; margin-left:-1px; padding:3px 8px; line-height:1.428571429; text-decoration:none; /*background-color:#ffffff; border:1px solid #dddddd;*/}
  252. .bjui-pageFooter > .pagination-box > ul > li > .p-input{padding:1px;}
  253. .bjui-pageFooter > .pagination-box > ul > li > .p-input > .input-sm-pages{padding:0; height:21px;}
  254. .bjui-pageFooter > .pagination-box > ul > li.jumpto .goto{margin-left:-1px; height:25px; line-height:17px;}
  255. .bjui-pageHeader li .btn,
  256. .bjui-pageFooter li .btn{height:25px;}
  257. .bjui-pageContent{position:absolute; top:0; bottom:0; padding:10px; width:100%; overflow:auto;}
  258. .bjui-pageContent.tableContent{padding:0;}
  259. .bjui-pageContent p{line-height:1.5;}
  260. .bjui-pageFormContent{position:relative; display:block; padding:10px 5px; overflow:auto;}
  261. .bjui-searchBar > .showMoreSearch{padding:0 3px; font-size:22px; line-height:1; color:red; background:none;}
  262. .bjui-searchBar > .showMoreSearch:hover{border:1px red solid; border-radius:3px;}
  263. .bjui-pageHeader .bjui-moreSearch{position:absolute; top:1px; left:0; z-index:1; display:none; padding:5px; width:100%; background:#f7f7f7; box-shadow:0 3px 7px rgba(0,0,0,0.5);}
  264. .bjui-pageHeader .bjui-moreSearch label{display:inline-block; margin-bottom:0; vertical-align:middle;}
  265. .bjui-layout{position:relative; overflow:auto;}
  266. .tab-content > .tab-pane .bjui-pageHeader,
  267. .tab-content > .tab-pane .bjui-pageContent,
  268. .tab-content > .tab-pane .bjui-pageFooter{position:static;}
  269. /* Navtab */
  270. #bjui-navtab > .tabsPageHeader{position:relative; display:block; width:100%; height:26px; border-style:solid; border-width:0;}
  271. #bjui-navtab > .tabsPageHeader > .tabsPageHeaderContent{position:relative; display:block; margin-right:20px; height:26px; overflow:hidden;}
  272. #bjui-navtab > .tabsPageHeader > .tabsPageHeaderContent.tabsPageHeaderMargin{margin:0 39px 0 20px;}
  273. #bjui-navtab > .tabsPageHeader > .tabsPageHeaderContent.tabsPageHeaderMargin > ul > li:first-child{margin-left:2px;}
  274. #bjui-navtab > .tabsPageHeader > .tabsPageHeaderContent.tabsPageHeaderMargin > ul > li:last-child{margin-right:4px;}
  275. #bjui-navtab > .tabsPageHeader > .tabsPageHeaderContent > ul{position:absolute; height:26px; min-width:1000%;}
  276. #bjui-navtab > .tabsPageHeader > .tabsPageHeaderContent > ul > li{position:relative; margin-bottom:1px;}
  277. #bjui-navtab > .tabsPageHeader > .tabsPageHeaderContent > ul > li.active{border-bottom:none;}
  278. #bjui-navtab > .tabsPageHeader > .tabsPageHeaderContent > .nav > li > a{padding:4px 18px 3px 12px; border-width:1px; border-style:solid; text-shadow:0 1px 0 #fff;}
  279. #bjui-navtab > .tabsPageHeader > .tabsPageHeaderContent > .nav > li > a > span{font-size:14px;}
  280. #bjui-navtab > .tabsPageHeader > .tabsPageHeaderContent > .nav > li > a > span > em{font-size:14px; font-style:normal;}
  281. #bjui-navtab > .tabsPageHeader > .tabsPageHeaderContent > ul > li span.close{position:absolute; right:5px; top:1px; font-size:12px;}
  282. #bjui-navtab > .tabsPageHeader > .tabsPageHeaderContent > ul > li span.close:hover{color:#FF0000;}
  283. #bjui-navtab > .tabsPageHeader > .tabsLeft,
  284. #bjui-navtab > .tabsPageHeader > .tabsRight,
  285. #bjui-navtab > .tabsPageHeader > .tabsMore{position:absolute; display:block; width:20px; height:26px; font-size:16px; line-height:1.5; text-align:center; overflow:hidden; cursor:pointer;}
  286. #bjui-navtab > .tabsPageHeader > .tabsLeft{top:0; left:0; display:none;}
  287. #bjui-navtab > .tabsPageHeader > .tabsLeft.tabsLeftDisabled{top:0; left:0; cursor:default;}
  288. #bjui-navtab > .tabsPageHeader > .tabsRight{top:0; right:19px; display:none; border-right:none;}
  289. #bjui-navtab > .tabsPageHeader > .tabsRight.tabsRightDisabled{top:0; right:19px; cursor:default;}
  290. #bjui-navtab > .tabsPageHeader > .tabsMore{top:0; right:0; border-radius:4px 4px 0 0;}
  291. #bjui-navtab > .tabsMoreList{position:absolute; top:26px; right:0; z-index:2; display:none; padding:2px; width:170px; max-height:380px; overflow-x:hidden; overflow-y:auto; border-style:solid; border-width:1px;}
  292. #bjui-navtab > .tabsMoreList > li{display:block; height:23px; line-height:21px; overflow:hidden;}
  293. #bjui-navtab > .tabsMoreList > li a{display:block; padding:0 10px; height:21px; white-space:nowrap; line-height:21px;}
  294. #bjui-navtab > .tabsMoreList > li a:hover{text-decoration:none;}
  295. #bjui-navtab > .tabsPageContent{position:relative; display:block; overflow:hidden; border-style:solid; border-width:0 1px 1px 1px;}
  296. #bjui-navtab > .tabsPageContent > .navtabPage{height:100%; overflow:hidden;}
  297. /* Dialog */
  298. .bjui-dialog{position:absolute; display:block; text-align:left; border-radius:3px; box-shadow:0 2px 2px rgba(0, 0, 0, 0.3);}
  299. .bjui-dialog > .dialogHeader{position:relative; padding:0 5px; cursor:move;}
  300. .bjui-dialog > .dialogHeader{display:block; height:28px; overflow:hidden;}
  301. .bjui-dialog > .dialogHeader .close,
  302. .bjui-dialog > .dialogHeader .maximize,
  303. .bjui-dialog > .dialogHeader .restore,
  304. .bjui-dialog > .dialogHeader .minimize{position:absolute; top:4px; display:block; width:19px; height:19px; overflow:hidden; font-size:18px; line-height:19px;}
  305. .bjui-dialog > .dialogHeader h1{display:block; margin:0; padding:0; height:28px; overflow:hidden; line-height:26px; font-weight:bold; font-size:14px;}
  306. .bjui-dialog > .dialogHeader .close{right:4px; opacity:1; filter:alpha(opacity=100);}
  307. .bjui-dialog > .dialogHeader .close:hover i{color:red;}
  308. .bjui-dialog > .dialogHeader .maximize{right:23px;}
  309. .bjui-dialog > .dialogHeader .restore{right:23px; display:none;}
  310. .bjui-dialog > .dialogHeader .minimize{right:42px;}
  311. .bjui-dialog > .dialogContent{position:relative; margin:5px;}
  312. .bjui-dialog.dialogProxy{opacity:0.8; filter:alpha(opacity=80);}
  313. .bjui-dialog-wrap{position:fixed; top:0; right:0; bottom:0; left:0; overflow:auto; outline:0;}
  314. /* Dialog resizable */
  315. .bjui-resizable{position:absolute; top:0; left:0; z-index:100; display:none; overflow:hidden; border-style:dotted; border-width:1px; opacity:0.5; filter:alpha(opacity=50);}
  316. .bjui-dialog > .resizable_h_l, .bjui-dialog > .resizable_h_r, .bjui-dialog > .resizable_h_c,
  317. .bjui-dialog > .resizable_c_l, .bjui-dialog > .resizable_c_r,
  318. .bjui-dialog > .resizable_f_l, .bjui-dialog > .resizable_f_r, .bjui-dialog > .resizable_f_c{position:absolute; display:block; overflow:hidden; width:6px; height:6px;}
  319. .bjui-dialog > .resizable_h_l{top:0; left:0; z-index:2; cursor:nw-resize;}
  320. .bjui-dialog > .resizable_h_r{top:0; right:0; z-index:2; cursor:ne-resize;}
  321. .bjui-dialog > .resizable_h_c{top:0; left:0; z-index:1; width:100%; cursor:n-resize;}
  322. .bjui-dialog > .resizable_c_l{top:0; left:0; z-index:1; cursor:w-resize;}
  323. .bjui-dialog > .resizable_c_r{top:0; right:0; z-index:1; cursor:e-resize;}
  324. .bjui-dialog > .resizable_f_l{bottom:0; left:0; z-index:2; cursor:sw-resize;}
  325. .bjui-dialog > .resizable_f_r{bottom:0; right:0; width:11px; height:11px; z-index:2; cursor:se-resize;}
  326. .bjui-dialog > .resizable_f_c{bottom:0; left:0; z-index:1; width:100%; cursor:s-resize;}
  327. /* Taskbar */
  328. #bjui-taskbar{position:fixed; bottom:-50px; z-index:30; width:100%; height:20px; overflow:hidden;}
  329. #bjui-taskbar > .taskbarContent{position:relative; display:block; height:20px; overflow:hidden;}
  330. #bjui-taskbar > .taskbarContent.taskbarMargin{margin:0 20px;}
  331. #bjui-taskbar > .taskbarContent > ul{position:absolute; width:10000px;}
  332. #bjui-taskbar > .taskbarContent > ul > li{position:relative; float:left; margin-left:2px; padding-left:5px; height:20px; border-radius:3px; cursor:pointer;}
  333. #bjui-taskbar > .taskbarContent > ul > li > .taskbutton{float:left; padding:0 25px 0 5px; height:20px; overflow:hidden; font-size:14px; line-height:20px;}
  334. #bjui-taskbar > .taskbarContent > ul > li > .taskbutton span{line-height:20px;}
  335. #bjui-taskbar > .taskbarContent > ul > li > .close{position:absolute; top:1px; right:3px; display:block; padding:0; width:14px; height:14px; overflow:hidden; font-size:14px; opacity:1; filter:alpha(opacity=100);}
  336. #bjui-taskbar > .taskbarLeft, #bjui-taskbar > .taskbarRight{position:absolute; top:0; width:19px; height:20px; color:#000; font-size:16px; line-height:20px; text-align:center;}
  337. #bjui-taskbar > .taskbarLeft{left:0; display:none;}
  338. #bjui-taskbar > .taskbarRight{right:0; display:none;}
  339. #bjui-taskbar > .taskbarLeft:hover,
  340. #bjui-taskbar > .taskbarRight:hover{cursor:pointer;}
  341. #bjui-taskbar > .taskbarLeft.disabled:hover,
  342. #bjui-taskbar > .taskbarRight.disabled:hover{cursor:default;}
  343. /* datagrid */
  344. .bjui-datagrid{position:relative; overflow:hidden; border-width:1px; border-style:solid; border-color:#ddd; border-radius:5px;}
  345. .bjui-datagrid .datagrid-title{height:30px; line-height:30px; text-indent:5px; font-weight:bold; border-bottom:1px #ddd solid;}
  346. .bjui-datagrid .datagrid-toolbar{padding:5px 0; min-height:34px; border-bottom:1px #ccc solid;}
  347. .bjui-datagrid .datagrid-toolbar .btn-group{margin:0 5px;}
  348. .bjui-datagrid .table{max-width:auto !important; table-layout:fixed; border-top-width:0; border-left-width:0 !important;}
  349. .bjui-datagrid .table > thead > tr > th{padding:0 1px; height:100%;}
  350. .bjui-datagrid .table > thead > tr > th.single-row{height:25px;}
  351. .bjui-datagrid .table > tbody > tr > td:first-child{border-left-color:transparent;}
  352. .bjui-datagrid .table > tbody > tr > td{padding-left:1px; padding-right:1px; overflow-x:hidden;}
  353. .bjui-datagrid .datagrid-box-h,
  354. .bjui-datagrid .datagrid-box-b,
  355. .bjui-datagrid .datagrid-box-f{position:relative;}
  356. .bjui-datagrid .datagrid-box-h{overflow:hidden; border-bottom-style:solid; border-bottom-width:1px;}
  357. .bjui-datagrid .datagrid-box-f{overflow:hidden; border-top:1px #ddd solid; border-bottom:1px #ddd solid;}
  358. .bjui-datagrid .datagrid-box-f thead > tr > th{border-bottom-color:#ddd;}
  359. .bjui-datagrid .datagrid-box-b{overflow:auto;}
  360. .bjui-datagrid .datagrid-box-h .table > thead > tr:first-child > th{border-top-width:0;}
  361. .bjui-datagrid .datagrid-box-h .table > thead > tr > th{overflow:hidden; border-bottom-width:0; white-space:nowrap;}
  362. .bjui-datagrid .datagrid-box-h .table{border-bottom-width:0;}
  363. .bjui-datagrid .datagrid-box-h .table > thead > tr > th:last-child{border-right-color:#ddd;}
  364. .bjui-datagrid .datagrid-box-b .table > tbody > tr:first-child > td{border-top-color:#f1f1f1;}
  365. .bjui-datagrid .datagrid-box-f .table > thead > tr > th{padding:0; text-align:center; font-weight:normal; border-bottom-color:transparent; overflow:visible;}
  366. .bjui-datagrid .datagrid-box-f .table > thead > tr > th div{white-space:nowrap;}
  367. .bjui-datagrid .datagrid-box-f .table > thead > tr > th .datagrid-calcbox{padding:3px 0 2px; border-bottom:1px #ddd solid;}
  368. .bjui-datagrid .datagrid-wrap-h{overflow:hidden;}
  369. .bjui-datagrid .datagrid-wrap-b{position:relative;}
  370. .bjui-datagrid .datagrid-box-l{position:absolute; top:0; left:0; z-index:1; max-width:75%; overflow:hidden;}
  371. .bjui-datagrid .datagrid-box-l .datagrid-box-h{overflow:hidden;}
  372. .bjui-datagrid .datagrid-box-l .datagrid-box-b{overflow:hidden; background-color:#fff;}
  373. .bjui-datagrid .datagrid-box-l .datagrid-box-h .table > thead > tr > th:last-child{border-right:none;}
  374. .bjui-datagrid .datagrid-box-m{position:absolute; left:0; display:none; width:100%;}
  375. .bjui-datagrid .datagrid-hidden{display:none;}
  376. .bjui-datagrid .table > thead > tr > th.datagrid-checkbox{width:27px;}
  377. .bjui-datagrid .table > thead > tr > th.datagrid-linenumber-td,
  378. .bjui-datagrid .table > tbody > tr > td.datagrid-linenumber-td{background-color:#f0f0f0;}
  379. .bjui-datagrid .table > thead > tr > th > div{height:100%;}
  380. .bjui-datagrid .table > thead > tr > th > div > .datagrid-cell{position:relative; float:right; width:0px; height:100%; overflow:visible;}
  381. .bjui-datagrid .table > thead > tr > th > div > .datagrid-space{display:inline-block; height:100%; vertical-align:middle;}
  382. .bjui-datagrid .table > thead > tr > th > div > .datagrid-label{display:inline-block; width:100%; vertical-align:middle; overflow:hidden;}
  383. .bjui-datagrid .table > thead > tr > th > div > .datagrid-cell > .datagrid-column-resizemark{position:absolute; top:0; right:-3px; display:block; width:6px; height:100%; cursor:col-resize;}
  384. .bjui-datagrid .table > thead > tr > th > div > .datagrid-cell > .datagrid-column-menu-btn{position:absolute; top:50%; left:-20px; margin-top:-10px; height:20px;}
  385. .bjui-datagrid .table > thead > tr > th.single-row > div > .datagrid-cell > .datagrid-column-menu-btn{margin-top:-9px;}
  386. .bjui-datagrid .table > thead > tr > th > div > .datagrid-cell > .datagrid-column-menu-btn > .btn{padding:0 3px; height:20px; color:#ccc; border-width:0; background-color:transparent; background-color:rgba(255,255,255,.2); opacity:.2;}
  387. .bjui-datagrid .table > thead > tr > th > div > .datagrid-cell > .datagrid-column-menu-btn > .btn.active,
  388. .bjui-datagrid .table > thead > tr > th > div > .datagrid-cell > .datagrid-column-menu-btn > .btn:hover,
  389. .bjui-datagrid .table > thead > tr > th:hover > div > .datagrid-cell > .datagrid-column-menu-btn > .btn:hover,
  390. .bjui-datagrid .table > thead > tr > th > div > .datagrid-cell > .datagrid-column-menu-btn > .btn:focus{color:#fff; opacity:.7;}
  391. .bjui-datagrid .table > thead > tr > th:hover > div > .datagrid-cell > .datagrid-column-menu-btn > .btn{opacity:1;}
  392. .bjui-datagrid .table > thead > tr > th.filter-active > div > .datagrid-cell > .datagrid-column-menu-btn > .btn{color:#fff; opacity:.6;}
  393. .bjui-datagrid .table > thead > tr > th.datagrid-quicksort-th{cursor:pointer;}
  394. .bjui-datagrid > .datagrid-menu-box{z-index:4; padding:3px 0; background-color:#fff; border-width:1px; border-style:solid; border-color:#ccc; border-color:rgba(0, 0, 0, 0.15); border-radius:4px; -webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.175); box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);}
  395. .bjui-datagrid > .datagrid-menu-box > ul{}
  396. .bjui-datagrid > .datagrid-menu-box > ul > li{position:relative; clear:both;}
  397. .bjui-datagrid > .datagrid-menu-box > ul > li > a > .icon{display:inline-block; width:18px; vertical-align:middle;}
  398. .bjui-datagrid > .datagrid-menu-box > ul > li > a > .title{display:inline-block; vertical-align:middle;}
  399. .bjui-datagrid > .datagrid-menu-box > ul > li > a > .arrow{float:right; display:inline-block; margin-top:2px; margin-left:8px; width:0; height:0; vertical-align:middle; border-width:4px 0 4px 4px; border-style:solid; border-color:transparent transparent transparent #777;}
  400. .bjui-datagrid > .datagrid-menu-box > ul > li.active > a > .arrow,
  401. .bjui-datagrid > .datagrid-menu-box > ul > li > a:hover > .arrow{border-left-color:#fff;}
  402. .bjui-datagrid > .datagrid-menu-box > ul > li > a{display:block; padding:5px 9px; white-space:nowrap;}
  403. .bjui-datagrid > .datagrid-menu-box > ul > li > a:hover,
  404. .bjui-datagrid > .datagrid-menu-box > ul > li.active > a{color:#fff; text-decoration:none;}
  405. .bjui-datagrid > .datagrid-menu-box > ul > li.datagrid-li-desc,
  406. .bjui-datagrid > .datagrid-menu-box > ul > li.datagrid-li-filter,
  407. .bjui-datagrid > .datagrid-menu-box > ul > li.datagrid-li-showhide{border-bottom:1px #ddd solid;}
  408. .bjui-datagrid > .datagrid-menu-box > ul > li.sort-active a{font-weight:bold;}
  409. .bjui-datagrid > .datagrid-menu-box > ul > li.disable a{color:#ccc; cursor:default;}
  410. .bjui-datagrid > .datagrid-menu-box > ul > li.disable a:hover{color:#ccc; background-color:transparent;}
  411. .bjui-datagrid .datagrid-filter-box fieldset{margin-bottom:1px; border-color:#ccc !important;}
  412. .bjui-datagrid .datagrid-filter-box fieldset > legend{margin-left:0; margin-bottom:0; text-align:center; font-size:12px;}
  413. .bjui-datagrid .datagrid-filter-box fieldset > span{display:block; margin:3px 0; white-space:nowrap;}
  414. .bjui-datagrid .datagrid-filter-box fieldset > span .wrap_bjui_btn_box > a{height:22px !important; line-height:22px !important;}
  415. .bjui-datagrid .datagrid-filter-box fieldset > span input,
  416. .bjui-datagrid .datagrid-filter-box fieldset > span .bootstrap-select{margin-left:1px;}
  417. .bjui-datagrid .datagrid-filter-box fieldset > span.filter-ok{text-align:center;}
  418. .bjui-datagrid .datagrid-filter-box fieldset > span.filter-ok .btn{width:49%;}
  419. .bjui-datagrid .datagrid-filter-box fieldset > span.filter-ok .btn-green{float:left;}
  420. .bjui-datagrid .datagrid-filter-box fieldset > span.filter-ok .btn-orange{float:right;}
  421. .bjui-datagrid .datagrid-filter-box fieldset > span .btn,
  422. .bjui-datagrid .datagrid-filter-box fieldset > span input{font-size:12px;}
  423. .bjui-datagrid .datagrid-filter-box,
  424. .bjui-datagrid .datagrid-menu-box.position-right .datagrid-filter-box,
  425. .datagrid-showhide-box{position:absolute; top:0; left:50%; display:none; margin-top:-3px; padding:2px 0; min-width:60px; background-color:#fff; opacity:.2; border-width:1px; border-style:solid; border-color:#ccc; border-color:rgba(0, 0, 0, 0.15); border-radius:4px; -webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.175); box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);}
  426. .bjui-datagrid .datagrid-menu-box.position-right .datagrid-showhide-box{left:auto; right:50%}
  427. .datagrid-showhide-box > li > a{display:block; clear:both; padding:1px 5px; line-height:1.4; text-decoration:none; white-space:nowrap;}
  428. .datagrid-showhide-box > li > a:hover{color:#fff; text-decoration:none;}
  429. .datagrid-showhide-box > li.disable > a{color:#ccc; cursor:default;}
  430. .datagrid-showhide-box > li > a > i{width:16px;}
  431. .bjui-datagrid .datagrid-filter-box{padding:2px 3px;}
  432. .bjui-datagrid .table > thead > tr > th.datagrid-col-field{padding:0;}
  433. .bjui-datagrid .table > thead > tr > th > .datagrid-col{position:relative; padding:2px 1px; height:25px; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  434. .bjui-datagrid .table > thead > tr > th .datagrid-column-resizemark{position:absolute; top:0; right:-3px; display:block; width:6px; height:100%; cursor:col-resize;}
  435. .bjui-datagrid .table > thead > tr > th.datagrid-sortable a.sort{position:absolute; right:4px; display:none; width:14px; height:11px; font-size:18px; font-weight:bold; text-align:center; color:#c000ff; border-radius:2px;}
  436. .bjui-datagrid .table > thead > tr > th.datagrid-sortable a.sort i{position:absolute; top:-3px; left:1px; height:11px;}
  437. .bjui-datagrid .table > thead > tr > th.datagrid-sortable a.sort.asc{top:2px;}
  438. .bjui-datagrid .table > thead > tr > th.datagrid-sortable a.sort.asc i{top:-4px;}
  439. .bjui-datagrid .table > thead > tr > th.datagrid-sortable a.sort.desc{top:12px;}
  440. .bjui-datagrid .table > thead > tr > th.datagrid-sortable:hover a{display:block;}
  441. .bjui-datagrid .table > thead > tr > th.datagrid-sortable:hover a:hover{color:#fff;}
  442. .bjui-datagrid .table > thead > tr.datagrid-filter th{padding-left:0; padding-right:0; height:32px; background-color:#f1f1f1;}
  443. .bjui-datagrid .table > thead > tr.datagrid-filter th > div{height:auto;}
  444. .bjui-datagrid .table > thead > tr.datagrid-filter th .bootstrap-select > button{margin-left:1px;}
  445. .bjui-datagrid .table > tbody > tr > td.datagrid-edit-td{padding-left:0; padding-right:0;}
  446. .bjui-datagrid .table > thead > tr.datagrid-filter th .form-control,
  447. .bjui-datagrid .table > tbody > tr > td.datagrid-edit-td .form-control{padding-left:1px; padding-right:1px; width:100%; font-size:12px; border-color:#bbb;}
  448. .bjui-datagrid .table > thead > tr.datagrid-filter th .bootstrap-select,
  449. .bjui-datagrid .table > tbody > tr > td.datagrid-edit-td .bootstrap-select{width:100% !important;}
  450. .bjui-datagrid .table > tbody > tr > td.datagrid-changed{background-image:url(img/changed-flag-icon.png); background-position:top right; background-repeat:no-repeat;}
  451. .bjui-datagrid .table > thead > tr.datagrid-filter th,
  452. .bjui-datagrid .table > tbody > tr > td.datagrid-edit-td{overflow:visible;}
  453. .bjui-datagrid .table > thead > tr.datagrid-filter th .wrap_bjui_btn_box,
  454. .bjui-datagrid .table > tbody > tr > td.datagrid-edit-td .wrap_bjui_btn_box{width:100%;}
  455. .bjui-datagrid .datagrid-edit-btngroup-box{position:relative; float:right; width:0; overflow:visible;}
  456. .bjui-datagrid .datagrid-edit-btngroup-box > .datagrid-edit-btngroup{position:absolute; top:-26px; right:0; white-space:nowrap;}
  457. .bjui-datagrid .datagrid-edit-btngroup-box.bottom > .datagrid-edit-btngroup{top:26px;}
  458. .bjui-datagrid .datagrid-edit-btngroup-box > .datagrid-edit-btngroup .btn{margin-left:5px; height:22px; font-size:12px;}
  459. .bjui-datagrid .table > thead > tr.datagrid-filter th .btn.ok,
  460. .bjui-datagrid .table > thead > tr.datagrid-filter th .btn.clear{margin-left:4px; padding-left:5px; width:50px; height:22px; font-size:12px;}
  461. .bjui-datagrid .table > thead > tr.datagrid-filter th .btn.clear{margin-left:2px;}
  462. .bjui-datagrid .table > tbody > tr > td.datagrid-column-edit{}
  463. .bjui-datagrid .table > tbody > tr > td.datagrid-column-edit .btn{padding-left:5px; width:50px; height:22px; font-size:12px;}
  464. .bjui-datagrid .table > tbody > tr > td.datagrid-column-edit .btn.save,
  465. .bjui-datagrid .table > tbody > tr > td.datagrid-column-edit .btn.update,
  466. .bjui-datagrid .table > tbody > tr > td.datagrid-column-edit .btn.cancel{display:none; margin-left:2px;}
  467. .bjui-datagrid .table > tbody > tr > td.datagrid-column-edit .btn.delete{margin-left:2px;}
  468. .bjui-datagrid .table > tbody > tr > td.datagrid-td-selected{border-style:solid; border-width:2px;}
  469. .bjui-datagrid .table > tbody > tr > td.datagrid-td-selected-drag{border-style:solid; border-width:2px;}
  470. .bjui-datagrid > .datagrid-paging-box{padding:5px; min-height:27px;}
  471. .bjui-datagrid > .datagrid-paging-box span,
  472. .bjui-datagrid > .datagrid-paging-box .bootstrap-select{display:inline-block;}
  473. .bjui-datagrid > .datagrid-paging-box > .paging-content{text-align:center;}
  474. .bjui-datagrid > .datagrid-paging-box > .paging-content > .datagrid-paging{display:inline-block; min-height:27px; vertical-align:middle;}
  475. .bjui-datagrid > .datagrid-paging-box > .paging-content > .datagrid-paging > .pagination{margin:0;}
  476. .bjui-datagrid > .datagrid-paging-box > .paging-content > .datagrid-paging > .pagination > li > a,
  477. .bjui-datagrid > .datagrid-paging-box > .paging-content > .datagrid-paging > .pagination > li > span{padding:3px 8px;}
  478. .bjui-datagrid > .datagrid-paging-box > .paging-content > .datagrid-paging > .pagination > li > span:hover{/*background-color:#fff;*/}
  479. .bjui-datagrid > .datagrid-paging-box > .paging-content > .datagrid-paging > .pagination > li.btn-nav > a{width:26px; text-align:center;}
  480. .bjui-datagrid > .datagrid-paging-box > .paging-content > .datagrid-paging > .pagination > li.btn-nav.page-prev > a{padding-left:5px;}
  481. .bjui-datagrid > .datagrid-paging-box > .paging-content > .datagrid-paging > .pagination > li > span.page-input{padding:1px;}
  482. .bjui-datagrid > .datagrid-paging-box > .paging-content > .datagrid-paging > .pagination > li > span.page-input > input{padding:0; height:21px; font-size:12px; text-align:center;}
  483. .bjui-datagrid > .datagrid-paging-box > .paging-content > .datagrid-paging > .pagination > li.active > a,
  484. .bjui-datagrid > .datagrid-paging-box > .paging-content > .datagrid-paging > .pagination > li.active > a:focus,
  485. .bjui-datagrid > .datagrid-paging-box > .paging-content > .datagrid-paging > .pagination > li.active > a:hover{color:#fff; border-color:#ddd;}
  486. .bjui-datagrid > .datagrid-paging-box > .paging-content > .datagrid-pagesize{display:inline-block; margin-right:1px; min-height:27px; vertical-align:middle;}
  487. .bjui-datagrid > .datagrid-paging-box > .paging-content > .datagrid-pagesize > .btn-refresh{margin-right:1px; padding:2px 8px; height:25px; border-color:#ccc; border-radius:3px;}
  488. .bjui-datagrid > .datagrid-paging-box > .paging-content > .datagrid-pagesize > .btn-group > .btn{padding:2px; height:25px; border-color:#ccc; border-radius:4px;}
  489. .bjui-datagrid > .datagrid-paging-box > .paging-content > .datagrid-pagesize > .btn-group > .btn > .filter-option{text-align:center; padding-right:8px;}
  490. .bjui-datagrid > .resizeProxy{position:absolute; z-index:5; top:0; display:block; width:1px; overflow:hidden;}
  491. .datagrid-dialog-column-span{display:inline-block;}
  492. .datagrid-dialog-edit-form{padding:10px;}
  493. .datagrid-dialog-edit-form > p{margin-bottom:5px;}
  494. /* TableFixed */
  495. .bjui-tablefixed{clear:both;}
  496. .bjui-tablefixed .table{border:0; table-layout:fixed;}
  497. .bjui-tablefixed .table > thead > tr.resize-head > th{padding-top:0; padding-bottom:0; height:0; border-bottom:none;}
  498. .bjui-tablefixed .table > thead > tr > th{border-top:none;}
  499. .bjui-tablefixed > .fixedtableScroller > .fixedtableTbody > .table > tbody > tr > td{word-wrap:break-word; word-break:normal; line-height:1.3;}
  500. .bjui-tablefixed > .fixedtableScroller > .fixedtableTbody > .table > tbody > tr:first-child > td{border-top:none;}
  501. .bjui-tablefixed > .resizeMarker,
  502. .bjui-tablefixed > .resizeProxy{position:absolute; display:block; width:1px; overflow:hidden;}
  503. /* table - orderby */
  504. .table > thead > tr > th > .fixedtableCol,
  505. .table > tbody > tr > td > .fixedtableCol{position:relative; line-height:1.5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  506. .table > thead > tr > th.orderby > .fixedtableCol{padding-right:14px;}
  507. .table > thead > tr > th.orderby a.order{position:absolute; right:1px; width:13px; height:9px; font-size:14px; font-weight:bold; text-align:center; border-radius:2px;}
  508. .table > thead > tr > th.orderby a.order i{position:absolute; top:-3px; left:2px; height:9px;}
  509. .table > thead > tr > th.orderby a.order.asc{top:0px;}
  510. .table > thead > tr > th.orderby a.order.desc{top:9px;}
  511. /* Tabledit */
  512. .bjui-tabledit > thead .num-add{padding:1px 5px; height:21px;}
  513. .bjui-tabledit > thead .row-add{position:absolute; top:-1px; right:1px; width:20px; height:19px; font-size:14px; line-height:19px; text-align:center;}
  514. .bjui-tabledit > tbody > tr > td{padding:2px 1px;}
  515. .bjui-tabledit > tbody > tr > td .form-control{padding:2px 3px; width:100%; height:24px; font-size:12px;}
  516. .bjui-tabledit > tbody > tr > td button.selectpicker{}
  517. .bjui-tabledit > tbody > tr > td span.msg-wrap{padding:3px 6px; min-height:24px;}
  518. .bjui-tabledit > tbody > tr > td span.n-arrow{top:5px;}
  519. .bjui-tabledit > tbody > tr.readonly > td{padding-left:2px;}
  520. .bjui-tabledit > tbody > tr.readonly > td .form-control{padding:0;background-color:transparent; -webkit-box-shadow:none !important; border:none; box-shadow:none !important;}
  521. .bjui-tabledit > tbody > tr.readonly > td .form-control:focus{border-color:transparent; -webkit-box-shadow:none !important; border:none; box-shadow:none !important;}
  522. .bjui-tabledit > tbody > tr.readonly > td button.selectpicker{padding-left:0; padding-top:4px; background:transparent; border:none; opacity:1; filter:alpha(opacity=100);}
  523. .bjui-tabledit > tbody > tr.readonly > td button.selectpicker > .caret{display:none;}
  524. /* Alertmsg */
  525. .bjui-alert{position:absolute; top:0; left:50%; z-index:1011; display:block; margin-left:-230px; padding:10px; width:460px; background:#FFF; background:rgba(255, 255, 255, 0.8); border:1px #DDD solid; border-radius:3px; box-shadow:0 3px 9px rgba(0, 0, 0, 0.5);}
  526. .bjui-alert > .alertContent{display:block;}
  527. .bjui-alert > .alertContent .alertInner{display:block; text-indent:2px; text-align:left; border-width:1px; border-style:solid; border-radius:3px;}
  528. .bjui-alert > .alertContent .alertInner > h1{display:block; margin:0; padding:3px 0 0 10px; height:35px; overflow:hidden; font-size:16px; line-height:30px;}
  529. .bjui-alert > .alertContent .alertInner > h1 i{padding-right:10px;}
  530. .bjui-alert > .alertContent .alertInner > .msg{padding:15px 10px; max-height:200px; overflow:auto; font-size:14px; line-height:1.4em; word-wrap:break-word; word-break:normal;}
  531. .bjui-alert > .alertContent .toolBar{display:block; margin-top:10px; text-align:right;}
  532. .bjui-alert > .alertContent .toolBar > ul{float:right;}
  533. .bjui-alert > .alertContent .toolBar > ul > li{float:left;}
  534. .bjui-alert > .alertContent .toolBar > ul > li > .btn{margin-left:15px;}
  535. .bjui-alert > .alertContent > .error > .alertInner{border-color:#FF0000;}
  536. .bjui-alert > .alertContent > .error > .alertInner > h1{color:#FF0000; background-color:#FFE4E4; border-bottom:1px #FD7F7F solid;}
  537. .bjui-alert > .alertContent > .error > .toolBar > ul > li > .btn{color:#FF0000; border-color:#FF0000;}
  538. .bjui-alert > .alertContent > .error > .toolBar > ul > li > .btn:hover{color:#FFF; background-color:#FF0000;}
  539. .bjui-alert > .alertContent > .warn > .alertInner{border-color:#FF6600;}
  540. .bjui-alert > .alertContent > .warn > .alertInner > h1{color:#FF6600; background-color:#FFEDE1; border-bottom:1px #FFAF7A solid;}
  541. .bjui-alert > .alertContent > .warn > .toolBar > ul > li > .btn{color:#FF6600; border-color:#FF6600;}
  542. .bjui-alert > .alertContent > .warn > .toolBar > ul > li > .btn:hover{color:#FFF; background-color:#FF6600;}
  543. .bjui-alert > .alertContent > .correct > .alertInner{border-color:#008800;}
  544. .bjui-alert > .alertContent > .correct > .alertInner > h1{color:#008800; background-color:#E4FFE8; border-bottom:1px #4BAC4B solid;}
  545. .bjui-alert > .alertContent > .correct > .toolBar > ul > li > .btn{color:#008800; border-color:#008800;}
  546. .bjui-alert > .alertContent > .correct > .toolBar > ul > li > .btn:hover{color:#FFF; background-color:#008800;}
  547. .bjui-alert > .alertContent > .confirm > .alertInner{border-color:#FF6600;}
  548. .bjui-alert > .alertContent > .confirm > .alertInner > h1{color:#FF6600; background-color:#FFEDE1; border-bottom:1px #FFAF7A solid;}
  549. /* Masks */
  550. .bjui-maskBackground{position:absolute; top:0; left:0; z-index:2000; display:block; width:100%; height:100%; opacity:0.4; filter:alpha(opacity=40); background:#FFF;}
  551. .bjui-maskProgress{position:absolute; top:50%; left:50%; z-index:2001; display:block; margin-left:-130px; margin-top:-14px; width:260px; height:40px; text-align:center; font-size:14px; line-height:30px; font-weight:bold; border-radius:3px; box-shadow:0 3px 7px rgba(0,0,0,0.2);}
  552. .bjui-maskProgress > .progressBg{position:absolute; left:7px; bottom:5px; padding:0 2px; width:240px; height:3px; background-color:#ccc; overflow:hidden;}
  553. .bjui-maskProgress > .progressBg > .progress{position:absolute; left:0; width:0%; height:3px; background-color:#ff0000; background-image:-moz-linear-gradient(left, #fe8900, #ff0000); background-image:-webkit-linear-gradient(left, #fe8900, #ff0000); background-image:linear-gradient(left, #fe8900, #ff0000);}
  554. .bjui-maskProgress > .progressBg > .progress::after{content:''; opacity:0; position:absolute; top:0; right:0; bottom:0; left:0; height:3px; background:#fff; -webkit-animation:animate-shine 2s ease-out infinite; -moz-animation:animate-shine 2s ease-out infinite;}
  555. @-webkit-keyframes animate-shine{0%{opacity:0; width:0;} 50%{opacity:.5;} 100%{opacity:.1; width:100%;}}
  556. @-moz-keyframes animate-shine{0%{opacity:0; width:0;} 50%{opacity:.5;} 100%{opacity:.1; width:100%;}}
  557. .bjui-alertBackground{position:absolute; top:0; left:0; z-index:1010; display:none; width:100%; height:100%; opacity:0.4; filter:alpha(opacity=40); background:#FFF;}
  558. .bjui-dialogBackground{position:absolute; top:0; left:0; z-index:900; display:none; width:100%; height:100%; opacity:0.4; filter:alpha(opacity=40); background:#FFF;}
  559. /* Contextmenu */
  560. #bjui-contextmenu{position:absolute; z-index:1000; left:0; top:0; display:none; border-radius:4px;}
  561. #bjui-contextmenu ul{margin:0; padding:1px 0; min-width:40px; border-radius:4px;}
  562. #bjui-contextmenu li{display:block; margin:0; padding:0px 10px 0 8px; height:22px; line-height:22px; text-align:left; cursor:default; white-space:nowrap;}
  563. #bjui-contextmenu li .icon{display:inline-block; width:18px;}
  564. #bjui-contextmenu li:hover{cursor:pointer;}
  565. #bjui-contextmenu li.diver{margin:4px 0; height:0px; border-top:1px solid #bbb; border-bottom:1px solid #fff;}
  566. #bjui-contextmenu li.diver:hover{background:transparent !important; cursor:default;}
  567. #bjui-contextmenuShadow{position:absolute; z-index:999; display:none; opacity:0.2; filter:alpha(opacity=20); background-color:#000; border-radius:4px;}
  568. /* Calendar */
  569. #bjui-calendar{position:absolute; z-index:1001; display:none; margin:0; width:208px; border-radius:2px;}
  570. #bjui-calendar > .main{position:relative; margin:auto; padding:2px; text-align:center; background:#ffffff;}
  571. #bjui-calendar > .main > a.close{position:absolute; top:-12px; right:-10px; float:none; width:20px; height:20px; font-size:20px; opacity:1; filter:alpha(opacity=100);}
  572. #bjui-calendar > .main > .head > table .prev,
  573. #bjui-calendar > .main > .head > table .next{display:block; width:30px; height:19px; font-size:16px; text-align:center;}
  574. #bjui-calendar > .main > .body{margin:2px 0; padding:2px;}
  575. #bjui-calendar > .main > .foot{padding:2px; text-align:right;}
  576. #bjui-calendar > .main > .foot .btn{padding:2px 10px;}
  577. #bjui-calendar > .main > .body > dl{clear:both;}
  578. #bjui-calendar > .main > .body > dl > dt,
  579. #bjui-calendar > .main > .body > dl > dd{float:left; width:28px; height:20px; overflow:hidden; line-height:20px; border:1px solid #fff; cursor:pointer;}
  580. #bjui-calendar > .main > .body > dl > dt{margin-top:4px; font-weight:bold; color:#666666; border-bottom:1px #EEE solid;}
  581. #bjui-calendar > .main > .body > .days > dd.other{color:#f7f7f7;}
  582. #bjui-calendar > .main > .body > .days > dd.disabled{color:#FAFAFA !important; background:#ccc;}
  583. #bjui-calendar > .main > .foot > .time{float:left; display:none; background-color:#fff; border-collapse:collapse;}
  584. #bjui-calendar > .main > .foot > .time td{line-height:21px; vertical-align:center;}
  585. #bjui-calendar > .main > .foot > .time .hh,
  586. #bjui-calendar > .main > .foot > .time .mm,
  587. #bjui-calendar > .main > .foot > .time .ss{padding:0; width:18px; height:21px; font-size:12px; text-align:center; border:none;}
  588. #bjui-calendar > .main > .foot > .time .form-control{-webkit-box-shadow:none; box-shadow:none;}
  589. #bjui-calendar > .main > .foot > .time .up,
  590. #bjui-calendar > .main > .foot > .time .down{height:11px; font-size:8pt; line-height:100%; cursor:pointer;}
  591. #bjui-calendar > .main > .foot > .time .slt{background:#EEE;}
  592. #bjui-calendar > .main > .tm{text-align:center;}
  593. #bjui-calendar > .main > .tm > .hh,
  594. #bjui-calendar > .main > .tm > .mm,
  595. #bjui-calendar > .main > .tm > .ss{position:absolute; left:4px; bottom:34px; display:none; width:124px;}
  596. #bjui-calendar > .main > .tm > .hh > li,
  597. #bjui-calendar > .main > .tm > .mm > li,
  598. #bjui-calendar > .main > .tm > .ss > li{float:left; width:20px; line-height:21px; cursor:pointer;}
  599. #bjui-calendar > .main.nodate > .head,
  600. #bjui-calendar > .main.nodate > .body{display:none;}
  601. /* Spinner */
  602. .bjui-spinner{position:absolute; top:-3px; right:2px; margin:0 !important; width:11px; list-style:none !important; border-left-style:solid; border-left-width:1px;}
  603. .bjui-spinner .up, .bjui-spinner .down{float:left; width:11px; height:50%; line-height:1 !important; text-align:center; cursor:pointer;}
  604. /* Lookup */
  605. .bjui-lookup{position:absolute; top:1px; right:1px; display:block; width:16px; text-align:center;}
  606. /* Tags */
  607. .bjui-tags{position:relative; display:inline-block; padding-top:0px; width:auto; min-height:24px; vertical-align:middle; background:#FFF; border:1px solid #CCCCCC; border-radius:2px; cursor:text;}
  608. .bjui-tags:hover{cursor:text;}
  609. .bjui-tags > input{margin-bottom:0; padding:0 5px; height:22px; line-height:22px; background:none transparent; border:none; outline:none; outline-width:0; box-shadow:none;}
  610. .bjui-tags > input:focus{background:none transparent; border:none; outline:none; outline-width:0; outline:0; -moz-appearance:none; box-shadow:none;}
  611. .bjui-tags > .tags-menu{position:absolute; top:100%; left:0; z-index:1000; display:none; float:left; margin:2px 0 0; padding:5px 0; list-style:none; background-color:#ffffff; border:1px solid #ccc; border:1px solid rgba(0, 0, 0, 0.2); *border-right-width:2px; *border-bottom-width:2px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip:padding-box; -moz-background-clip:padding; background-clip:padding-box;}
  612. .bjui-tags > .tags-menu > .tags-item{cursor:pointer;}
  613. .bjui-tags > .tags-menu > li{padding-left:12px; padding-right:12px; min-height:20px; line-height:20px;}
  614. .bjui-tags > .form-control:-moz-placeholder{color:#999999;}
  615. .bjui-tags > .form-control::-moz-placeholder{color:#999999; opacity:1;}
  616. .bjui-tags > .form-control:-ms-input-placeholder{color:#999999;}
  617. .bjui-tags > .form-control::-webkit-input-placeholder{color:#999999;}
  618. .bjui-tags > .label-tag{position:relative; display:inline-block; margin-top:0px; font-size:12px; height:18px; line-height:16px; cursor:pointer; vertical-align:middle;}
  619. .bjui-tags > .label-tag > .close{position:absolute; top:2px; right:2px; float:none; font-size:12px;}
  620. .bjui-tags > .label-tag > .close:hover{color:red;}
  621. /* Upload */
  622. .bjui-upload > .bjui-upload-select{font-size:12px; line-height:1.486;}
  623. .bjui-upload > .queue{display:none; padding:10px; width:100%;}
  624. .bjui-upload > .queue > .item{position:relative; display:inline-block; margin-top:5px; margin-right:10px; padding:10px; width:220px; background:#f5f5f5; -webkit-box-shadow:0 3px 7px rgba(0,0,0,0.5);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.5);box-shadow:0 3px 7px rgba(0,0,0,0.5);}
  625. .bjui-upload > .queue > .item > .info{margin-bottom:5px;}
  626. .bjui-upload > .queue > .item > .info > .up_filename{display:inline-block; width:165px; word-wrap:break-word;}
  627. .bjui-upload > .queue > .item > .info > .up_confirm{position:absolute; top:6px; right:28px; font-size:16px; color:#0099ff; cursor:pointer; opacity:1; filter:alpha(opacity=100);}
  628. .bjui-upload > .queue > .item > .info > .up_pause{position:absolute; top:6px; right:28px; display:none; font-size:16px; color:#0099ff; cursor:pointer; opacity:1; filter:alpha(opacity=100);}
  629. .bjui-upload > .queue > .item > .info > .up_pause > span{font-size:16px;}
  630. .bjui-upload > .queue > .item > .info > .up_cancel{position:absolute; top:6px; right:10px; font-size:16px; color:red; cursor:pointer; opacity:1; filter:alpha(opacity=100);}
  631. .bjui-upload > .queue > .item > .info > .up_confirm:hover,
  632. .bjui-upload > .queue > .item > .info > .up_pause:hover,
  633. .bjui-upload > .queue > .item > .info > .up_cancel:hover{opacity:.7; filter:alpha(opacity=70);}
  634. .bjui-upload > .queue > .item > .progress{display:inline-block; margin:5px 0;width:200px; height:3px; background-color:#e5e5e5; vertical-align:middle; padding:0; overflow:hidden;}
  635. .bjui-upload > .queue > .item > .progress > .bar{width:0;height:100%;background-color:#0099ff;}
  636. .bjui-upload > .queue > .item > .preview{padding:4px; width:200px; height:124px; border:1px #CCC solid; border-radius:3px; text-align:center;}
  637. .bjui-upload > .queue > .item > .preview > .img{display:block; width:190px; height:114px; overflow:hidden;}
  638. .bjui-upload > .queue > .item > .preview > .img > img{width:100%;}
  639. .bjui-upload > .queue > .item > .filesize{padding-left:5px;}
  640. /* Other */
  641. .autosize{-webkit-transition:height 0.2s; -moz-transition:height 0.2s; transition:height 0.2s;}
  642. .ilabel{margin-bottom:0; padding-left:3px; vertical-align:middle; cursor:pointer;}
  643. a:hover{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
  644. button:hover{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
  645. /* --------- plugins - icheck --------- */
  646. /* selectpicker */
  647. ul.selectpicker > li{height:24px; line-height:24px;}
  648. /* iCheck plugin Minimal skin, purple */
  649. .icheckbox_minimal-purple,
  650. .iradio_minimal-purple{display:inline-block; *display:inline; vertical-align:middle; margin:0; padding:0; width:18px; height:18px; border:none; cursor:pointer;}
  651. /* zTree */
  652. .ztree{margin:0; padding:5px; color:#333;}
  653. .ztree li{margin:0; padding:0; list-style:none; text-align:left; white-space:nowrap; outline:0;}
  654. .ztree li ul{margin:0; padding:0 0 0 21px;}
  655. .ztree li ul.line{background:url(./img/line_conn.png) 0 0 repeat-y;}
  656. .ztree li a{display:inline-block; margin:0; padding:0px 3px 0 0; cursor:pointer; height:18px; color:#333; background-color:transparent; text-decoration:none; vertical-align:middle;}
  657. .ztree li a:hover{font-weight:bold;}
  658. .ztree li a.curSelectedNode{height:19px; background-color:#e5e5e5; color:black; opacity:0.8; filter:alpha(opacity=80);}
  659. .ztree li a.curSelectedNode_Edit{height:19px; background-color:#e5e5e5; color:black; opacity:0.8; filter:alpha(opacity=80);}
  660. .ztree li a.tmpTargetNode_inner{padding-top:0px; height:22px; background-color:#e5e5e5; color:white; opacity:0.8; filter:alpha(opacity=80);}
  661. .ztree li a input.rename{margin:0 !important; padding:0; height:17px; width:80px; font-size:12px; border:1px #c2b7d3 solid; vertical-align:top;}
  662. .ztree li a span{display:inline-block; height:17px; line-height:17px; vertical-align:middle;}
  663. span.tmpzTreeMove_arrow,.ztree .tree_add, .ztree .tree_del,
  664. .ztree li span.button{background-image:url(../default/zTreeStandard.png);}
  665. .ztree li span.button{display:inline-block; margin:0; width:20px; height:22px; vertical-align:middle; line-height:0; border:0 none; cursor:pointer; outline:none; background-color:transparent; background-repeat:no-repeat; background-attachment:scroll;}
  666. .ztree li span.button.chk{margin:0 3px 0 0; width:18px; height:20px; cursor:auto;}
  667. .ztree li span.button.chk.checkbox_false_full{background-position:0 -2px;}
  668. .ztree li span.button.chk.checkbox_false_full_focus{background-position:0 -24px;}
  669. .ztree li span.button.chk.checkbox_false_part{background-position:-19px -46px;}
  670. .ztree li span.button.chk.checkbox_false_part_focus{background-position:-19px -24px;}
  671. .ztree li span.button.chk.checkbox_false_disable{background-position:0 -68px;}
  672. .ztree li span.button.chk.checkbox_true_full{background-position:-19px -2px;}
  673. .ztree li span.button.chk.checkbox_true_full_focus{background-position:-19px -24px;}
  674. .ztree li span.button.chk.checkbox_true_part{background-position:-19px -46px;}
  675. .ztree li span.button.chk.checkbox_true_part_focus{background-position:-19px -24px;}
  676. .ztree li span.button.chk.checkbox_true_disable{background-position:-19px -68px;}
  677. .ztree li span.button.chk.radio_false_full{background-position:-40px -2px;}
  678. .ztree li span.button.chk.radio_false_full_focus{background-position:-40px -24px;}
  679. .ztree li span.button.chk.radio_false_part{background-position:-61px -46px;}
  680. .ztree li span.button.chk.radio_false_part_focus{background-position:-61px -24px;}
  681. .ztree li span.button.chk.radio_false_disable{background-position:-40px -68px;}
  682. .ztree li span.button.chk.radio_true_full{background-position:-61px -2px;}
  683. .ztree li span.button.chk.radio_true_full_focus{background-position:-61px -24px;}
  684. .ztree li span.button.chk.radio_true_part{background-position:-61px -46px;}
  685. .ztree li span.button.chk.radio_true_part_focus{background-position:-61px -24px;}
  686. .ztree li span.button.chk.radio_true_disable{background-position:-61px -68px;}
  687. .ztree li span.button.switch{width:22px; height:22px;}
  688. .ztree li span.button.root_open{background-position:-194px -33px;}
  689. .ztree li span.button.root_close{background-position:-194px -1px;}
  690. .ztree li span.button.roots_open{background-position:-165px -1px;}
  691. .ztree li span.button.roots_close{background-position:-107px -1px;}
  692. .ztree li span.button.center_open{background-position:-165px -33px;}
  693. .ztree li span.button.center_close{background-position:-107px -33px;}
  694. .ztree li span.button.bottom_open{background-position:-165px -65px;}
  695. .ztree li span.button.bottom_close{background-position:-107px -65px;}
  696. .ztree li span.button.noline_open{background-position:-165px -35px;}
  697. .ztree li span.button.noline_close{background-position:-107px -1px;}
  698. .ztree li span.button.root_docu{background:none;}
  699. .ztree li span.button.roots_docu{background-position:-82px -2px;}
  700. .ztree li span.button.center_docu{background-position:-82px -25px;}
  701. .ztree li span.button.bottom_docu{background-position:-82px -49px;}
  702. .ztree li span.button.noline_docu{background:none;}
  703. .ztree li span.button.ico_open{margin-right:0px; height:17px; background-position:-234px -23px; vertical-align:middle;}
  704. .ztree li span.button.ico_close{margin-right:0px; height:17px; background-position:-234px -2px; vertical-align:middle;}
  705. .ztree li span.button.ico_docu{margin-right:0px; height:17px; background-position:-235px -45px; vertical-align:middle;}
  706. .ztree li span.button.edit{margin-left:2px; width:17px; height:17px; background-position:-286px -25px; vertical-align:middle;}
  707. .ztree li span.button.remove{margin-left:2px; width:17px; height:17px; background-position:-286px -46px; vertical-align:middle;}
  708. .ztree li span.button.edit:hover{background-position:-265px -25px;}
  709. .ztree li span.button.remove:hover{background-position:-265px -46px;}
  710. .ztree li span.button.ico_loading{margin-right:2px; background:url(./img/loading.gif) no-repeat scroll 0 0 transparent; vertical-align:middle;}
  711. .ztree li a.faicon > span.button{text-indent:-3px; font-size:14px; line-height:17px; text-align:center; background:none !important;}
  712. ul.tmpTargetzTree{background-color:#e5e5e5; opacity:0.8; filter:alpha(opacity=80);}
  713. span.tmpzTreeMove_arrow{position:absolute; display:inline-block; margin:2px 0 0 1px; padding:0; width:30px; height:20px; border:0 none; background-color:transparent; background-repeat:no-repeat; background-attachment:scroll; background-position:-196px -81px;}
  714. ul.ztree.zTreeDragUL{position:absolute; margin:0; padding:0; width:auto; height:auto; overflow:hidden; background-color:#cfcfcf; border:1px #929292 dotted; opacity:0.8; filter:alpha(opacity=80);}
  715. .zTreeMask{position:absolute; z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0);}
  716. .ztree .tree_add, .ztree .tree_del{display:inline-block; margin-left:2px; width:17px; height:17px; vertical-align:middle;}
  717. .ztree .tree_add{background-position:-286px -4px;}
  718. .ztree .tree_add:hover{background-position:-265px -4px;}
  719. .ztree .tree_del{background-position:-286px -46px;}
  720. .ztree .tree_del:hover{background-position:-265px -46px;}
  721. .ztree .diyBtn1{margin-left:2px;}
  722. .ztree_main *{font-size:14px;}