ui.jqgrid-bootstrap.css 21 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051
  1. /*Grid*/
  2. .ui-jqgrid {
  3. position: relative;
  4. border: 1px solid #ddd;
  5. border-top:1px solid #666; /*default*/
  6. -webkit-border-radius: 3px;
  7. -moz-border-radius: 3px;
  8. border-radius: 3px;
  9. background:#fff;
  10. -moz-box-sizing: content-box;
  11. -webkit-box-sizing: content-box;
  12. box-sizing: content-box;
  13. }
  14. .ui-jqgrid .ui-jqgrid-view {
  15. position: relative;
  16. left:0;
  17. top: 0;
  18. padding: 0;
  19. border-bottom:1px solid #666;
  20. }
  21. .ui-jqgrid .ui-common-table {}
  22. /* Caption*/
  23. .ui-jqgrid .ui-jqgrid-titlebar {
  24. font-weight: normal;
  25. min-height:37px;
  26. padding: 4px 8px;
  27. position: relative;
  28. margin-right: 2px;
  29. border-bottom: 1px solid #ddd; /*default*/
  30. }
  31. .ui-jqgrid .ui-jqgrid-caption {
  32. text-align: left;
  33. }
  34. .ui-jqgrid .ui-jqgrid-title {
  35. padding-top: 5px;
  36. vertical-align: middle;
  37. position: absolute;
  38. }
  39. .ui-jqgrid .ui-jqgrid-titlebar-close {
  40. color: inherit;
  41. position: absolute;
  42. top: 50%;
  43. margin: -10px 7px 0 0;
  44. padding: 1px;
  45. cursor:pointer;
  46. }
  47. .ui-jqgrid .ui-jqgrid-titlebar-close span {
  48. display: block;
  49. margin: 1px;
  50. }
  51. .ui-jqgrid .ui-jqgrid-titlebar-close:hover { }
  52. /* Header*/
  53. .ui-jqgrid .ui-jqgrid-hdiv {
  54. position: relative;
  55. margin: 0;
  56. padding: 0;
  57. overflow: hidden;
  58. }
  59. .ui-jqgrid .ui-jqgrid-hbox {
  60. float: left;
  61. padding-right: 20px;
  62. }
  63. .ui-jqgrid .ui-jqgrid-htable {
  64. margin-bottom: 0;
  65. table-layout: fixed;
  66. border-top:none;
  67. }
  68. .ui-jqgrid .ui-jqgrid-htable thead th {
  69. overflow : hidden;
  70. border-bottom : none;
  71. /* padding-right: 2px; */
  72. background:#f1f1f1;
  73. }
  74. .ui-jqgrid .ui-jqgrid-htable thead th div {
  75. /* overflow: hidden; */
  76. position:relative;
  77. }
  78. .ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
  79. overflow: hidden;
  80. /* white-space: nowrap; */
  81. }
  82. .ui-th-column-header,
  83. .ui-jqgrid .ui-jqgrid-htable th.ui-th-column-header {
  84. overflow: hidden;
  85. white-space: nowrap;
  86. }
  87. #ITP_ADMIN05020_jqGrid_list .ui-th-column-header.ui-th-ltr {background:rgb(109, 110, 114); color:#fff;}
  88. #ITP_ADMIN06010_jqGrid_list .ui-th-column-header.ui-th-ltr:nth-child(5) {background:rgb(109, 110, 114); color:#fff;}
  89. #ITP_ADMIN20000_jqGrid_list .ui-th-column-header.ui-th-ltr:last-child {background:rgb(109, 110, 114); color:#fff;}
  90. #ITP_ADMIN20000_jqGrid_list .table>thead>tr>th {padding-left: 0; padding-right: 0}
  91. .ui-th-rtl, .ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl {text-align: center; }
  92. .ui-first-th-ltr { }
  93. .ui-first-th-rtl { }
  94. .ui-jqgrid tr.jqg-first-row-header th {
  95. height:30px;
  96. border-top:none;
  97. padding-bottom: 0;
  98. padding-top: 0;
  99. border-bottom: none;
  100. padding-right: 2px;
  101. text-align: center;
  102. }
  103. .ui-jqgrid tr.jqg-second-row-header th,
  104. .ui-jqgrid tr.jqg-third--row-header th
  105. {
  106. border-top:none;
  107. text-align: center;
  108. }
  109. .ui-jqgrid .ui-th-div-ie {
  110. white-space: nowrap;
  111. zoom :1;
  112. height:17px;
  113. }
  114. .ui-jqgrid .ui-jqgrid-resize {
  115. height:20px !important;
  116. position: relative;
  117. cursor :e-resize;
  118. display: inline;
  119. overflow: hidden;
  120. }
  121. .ui-jqgrid .ui-grid-ico-sort {
  122. margin-left:5px;
  123. overflow:hidden;
  124. position:absolute;
  125. right: auto;
  126. font-size:12px;
  127. }
  128. .ui-jqgrid .ui-icon-asc {
  129. margin-top:-3px;
  130. }
  131. .ui-jqgrid .ui-icon-desc {
  132. margin-top:4px;
  133. }
  134. .ui-jqgrid .ui-i-asc {
  135. margin-top:0;
  136. }
  137. .ui-jqgrid .ui-i-desc {
  138. margin-top:0;
  139. margin-right:13px;
  140. }
  141. .ui-jqgrid .ui-single-sort-asc {
  142. margin-top:0;
  143. }
  144. .ui-jqgrid .ui-single-sort-desc {}
  145. .ui-jqgrid .ui-jqgrid-sortable {
  146. cursor:pointer;
  147. }
  148. .ui-jqgrid tr.ui-search-toolbar th { }
  149. .ui-jqgrid .ui-search-table td.ui-search-clear { }
  150. .ui-jqgrid tr.ui-search-toolbar td > input { }
  151. .ui-jqgrid tr.ui-search-toolbar select {}
  152. /* Body */
  153. .ui-jqgrid .table-bordered,
  154. .ui-jqgrid .table-bordered td,
  155. .ui-jqgrid .table-bordered th.ui-th-ltr
  156. {
  157. border-left:0px none !important;
  158. }
  159. .ui-jqgrid .table-bordered th.ui-th-rtl
  160. {
  161. border-right:0px none !important;
  162. }
  163. .ui-jqgrid .table-bordered tr.ui-row-rtl td
  164. {
  165. border-right:0px none !important;
  166. border-left: 1px solid #ddd !important;
  167. }
  168. div.tablediv > .table-bordered {
  169. border-left : 1px solid #ddd !important;
  170. }
  171. .ui-jqgrid .ui-jqgrid-bdiv table.table-bordered td {
  172. border-top: 0px none;
  173. }
  174. .ui-jqgrid .ui-jqgrid-bdiv {
  175. position: relative;
  176. margin: 0;
  177. padding:0;
  178. text-align:left;
  179. overflow-x:auto !important;
  180. }
  181. .ui-jqgrid .ui-jqgrid-lmt-20 {
  182. position: relative;
  183. height:510px !important;
  184. margin:0;
  185. padding:0;
  186. text-align:left;
  187. overflow-x:auto !important;
  188. }
  189. .ui-jqgrid .ui-jqgrid-btable {
  190. table-layout: fixed;
  191. border-left:none ;
  192. border-top:none;
  193. margin-bottom: 0px
  194. }
  195. .ui-jqgrid tr.jqgrow {
  196. outline-style: none;
  197. height:25.5px;
  198. }
  199. .ui-jqgrid tr.jqgroup {
  200. outline-style: none;
  201. }
  202. @media all and (-ms-high-contrast: none) {
  203. .ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td {
  204. overflow: auto;
  205. padding-right: 2px;
  206. }
  207. }
  208. @supports (-ms-ime-align:auto) {
  209. .ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td {
  210. overflow: hidden;
  211. padding-right: 2px;
  212. }
  213. }
  214. .ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td {
  215. overflow: hidden;
  216. white-space: pre;
  217. padding:0 5px;
  218. }
  219. .itp_tb_list.itp_gOver .ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td {
  220. overflow: visible;
  221. white-space: normal;
  222. }
  223. .ui-jqgrid tr.jqgfirstrow td {
  224. height:auto;
  225. border-top:none;
  226. padding-bottom: 0;
  227. padding-top: 0;
  228. border-bottom: none;
  229. padding-right: 2px;
  230. }
  231. .ui-jqgrid tr.jqgroup td {
  232. white-space: nowrap;
  233. }
  234. .ui-jqgrid tr.jqfoot td {
  235. white-space: nowrap;
  236. }
  237. .ui-jqgrid tr.ui-row-ltr td {font-size:13px;color:#333;}
  238. .ui-jqgrid tr.ui-row-rtl td {font-size:13px;color:#333;}
  239. .ui-jqgrid .ui-jqgrid-resize-mark {
  240. width:2px;
  241. left:0;
  242. background-color:#777;
  243. cursor: e-resize;
  244. cursor: col-resize;
  245. position:absolute;
  246. top:0;
  247. height:100px;
  248. overflow:hidden;
  249. display:none;
  250. border:0 none;
  251. z-index: 99999;
  252. }
  253. /* Footer */
  254. .ui-jqgrid .ui-jqgrid-sdiv {
  255. position: relative;
  256. margin: 0;
  257. padding: 0;
  258. overflow: hidden;
  259. border-left: 0 none !important;
  260. border-top : 0 none !important;
  261. border-right : 0 none !important;
  262. }
  263. .ui-jqgrid .ui-jqgrid-ftable {
  264. table-layout:fixed;
  265. margin-bottom:0;
  266. }
  267. .ui-jqgrid tr.footrow td {
  268. font-weight: bold;
  269. overflow: hidden;
  270. white-space:nowrap;
  271. padding-right: 2px;
  272. border-bottom: 0px none;
  273. }
  274. .ui-jqgrid tr.footrow-ltr td {
  275. text-align:left;
  276. }
  277. .ui-jqgrid tr.footrow-rtl td {
  278. text-align:right;
  279. }
  280. /* Pager*/
  281. .ui-jqgrid .ui-jqgrid-pager,
  282. .ui-jqgrid .ui-jqgrid-toppager
  283. {
  284. border-left-width: 0px;
  285. border-top: 1px solid #ddd;
  286. /*padding : 4px 0px;*/
  287. position: relative;
  288. height: auto;
  289. white-space: nowrap;
  290. overflow: hidden;
  291. }
  292. .ui-jqgrid .ui-jqgrid-toppager {
  293. border-top-width :0;
  294. border-bottom : 1px solid #ddd;
  295. }
  296. .ui-jqgrid .ui-jqgrid-toppager .ui-pager-control,
  297. .ui-jqgrid .ui-jqgrid-pager .ui-pager-control {
  298. position: relative;
  299. border-left: 0;
  300. border-bottom: 0;
  301. border-top: 0;
  302. /*height: 30px;*/
  303. }
  304. .ui-jqgrid .ui-pg-table {
  305. position: relative;
  306. padding: 1px 0;
  307. width:auto;
  308. margin: 0;
  309. }
  310. .ui-jqgrid .ui-pg-table td {
  311. font-weight:normal;
  312. vertical-align:middle;
  313. font-size:12px;
  314. /*padding:0px 6px;*/
  315. }
  316. .ui-jqgrid .ui-pager-control .ui-pager-table td {
  317. border-top : 0px none !important;
  318. min-height : 20px !important;
  319. }
  320. .ui-jqgrid .ui-pg-button {
  321. height:auto;
  322. }
  323. .ui-jqgrid .ui-paging-pager td {
  324. padding : 0 5px;
  325. }
  326. .ui-jqgrid .ui-pg-button span {
  327. display: block;
  328. margin: 0px 2px;
  329. float:left;
  330. }
  331. .ui-jqgrid .ui-pg-button:hover { }
  332. .ui-jqgrid .ui-disabled:hover {}
  333. .ui-jqgrid .ui-pg-input,
  334. .ui-jqgrid .ui-jqgrid-toppager .ui-pg-input {
  335. display: inline-block;
  336. height:auto;
  337. width: auto;
  338. font-size:.9em;
  339. margin:0;
  340. line-height: inherit;
  341. border: none;
  342. padding: 0px 3px
  343. }
  344. .ui-jqgrid .ui-pg-selbox,
  345. .ui-jqgrid .ui-jqgrid-toppager .ui-pg-selbox {
  346. font-size:.9em;
  347. line-height:inherit;
  348. display:block;
  349. height:22px;
  350. margin: 0;
  351. padding: 3px 0px 3px 3px;
  352. border:none;
  353. }
  354. .ui-jqgrid .ui-separator {
  355. height: 18px;
  356. border : none;
  357. border-left: 2px solid #ccc ; /*default*/
  358. }
  359. .ui-separator-li {
  360. height: 2px;
  361. border : none;
  362. border-top: 2px solid #ccc ; /*default*/
  363. margin: 0; padding: 0; width:100%
  364. }
  365. .ui-jqgrid .ui-jqgrid-pager .ui-pg-div,
  366. .ui-jqgrid .ui-jqgrid-toppager .ui-pg-div
  367. {
  368. float:left;
  369. position:relative;
  370. }
  371. .ui-jqgrid .ui-jqgrid-pager .ui-pg-button,
  372. .ui-jqgrid .ui-jqgrid-toppager .ui-pg-button
  373. {
  374. cursor:pointer;
  375. }
  376. .ui-jqgrid .ui-jqgrid-pager .ui-pg-div span,
  377. .ui-jqgrid .ui-jqgrid-toppager .ui-pg-div span
  378. {
  379. float:left;
  380. }
  381. .ui-jqgrid td input,
  382. .ui-jqgrid td select,
  383. .ui-jqgrid td textarea {
  384. margin: 0;
  385. }
  386. .ui-jqgrid td textarea {
  387. width:auto;
  388. height:auto;
  389. }
  390. .ui-jqgrid .ui-jqgrid-pager .ui-pager-table,
  391. .ui-jqgrid .ui-jqgrid-toppager .ui-pager-table
  392. {
  393. width:100%;
  394. table-layout:fixed;
  395. height:100%;
  396. }
  397. .ui-jqgrid .ui-jqgrid-pager .ui-paging-info,
  398. .ui-jqgrid .ui-jqgrid-toppager .ui-paging-info
  399. {
  400. font-weight: normal;
  401. height:auto;
  402. margin-top:3px;
  403. margin-right:4px;
  404. display: inline;
  405. font-family:monospace;
  406. }
  407. .ui-jqgrid .ui-jqgrid-pager .ui-paging-pager,
  408. .ui-jqgrid .ui-jqgrid-toppager .ui-paging-pager
  409. {
  410. table-layout:auto;
  411. height:100%;
  412. }
  413. .ui-jqgrid .ui-jqgrid-pager .navtable,
  414. .ui-jqgrid .ui-jqgrid-toppager .navtable
  415. {
  416. float:left;
  417. table-layout:auto;
  418. height:100%;
  419. }
  420. .ui-jqgrid .ui-jqgrid-pager .navtable td,
  421. .ui-jqgrid .ui-jqgrid-toppager .navtable td
  422. {
  423. padding : 0 5px;
  424. }
  425. /*Subgrid*/
  426. .ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span {
  427. display: block;
  428. }
  429. .ui-jqgrid .ui-subgrid {
  430. margin:0;
  431. padding:0;
  432. width:100%;
  433. }
  434. .ui-jqgrid .ui-subgrid table {
  435. table-layout: fixed;
  436. }
  437. .ui-jqgrid .ui-subgrid tr.ui-subtblcell td {}
  438. .ui-jqgrid .ui-subgrid td.subgrid-data {
  439. border-top: 0 none !important;
  440. }
  441. .ui-jqgrid .ui-subgrid td.subgrid-cell {
  442. vertical-align: middle
  443. }
  444. .ui-jqgrid a.ui-sghref {
  445. text-decoration: none;
  446. color : #010101; /*default*/
  447. }
  448. .ui-jqgrid .ui-th-subgrid {height:20px;}
  449. .tablediv > .row { margin: 0 0}
  450. /* loading */
  451. .ui-jqgrid .loading,
  452. .loading_pivot {
  453. position: absolute;
  454. top: 45%;
  455. left: 45%;
  456. width: auto;
  457. z-index:101;
  458. padding: 6px;
  459. margin: 5px;
  460. text-align: center;
  461. display: none;
  462. border: 1px solid #ddd; /*default*/
  463. font-size: 14px;
  464. background-color: #d9edf7;
  465. }
  466. .ui-jqgrid .jqgrid-overlay {
  467. display:none;
  468. }
  469. /* IE * html .jqgrid-overlay {width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');} */
  470. * .jqgrid-overlay iframe {
  471. position:absolute;
  472. top:0;
  473. left:0;
  474. z-index:-1;
  475. }
  476. /* IE width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}*/
  477. /* end loading div */
  478. /* Toolbar */
  479. .ui-jqgrid .ui-userdata {
  480. padding: 4px 0px;
  481. overflow: hidden;
  482. min-height: 32px;
  483. }
  484. .ui-jqgrid .ui-userdata-top {
  485. border-left-width: 0px; /*default*/
  486. border-bottom: 1px solid #ddd;
  487. }
  488. .ui-jqgrid .ui-userdata-bottom {
  489. border-left-width: 0px; /*default*/
  490. border-top: 1px solid #ddd;
  491. }
  492. /*Modal Window */
  493. .ui-jqdialog { }
  494. .ui-jqdialog {
  495. display: none;
  496. width: 500px;
  497. position: absolute;
  498. /*padding: 5px; */
  499. overflow:visible;
  500. }
  501. .ui-jqdialog .ui-jqdialog-titlebar {
  502. padding: .1em .1em;
  503. min-height: 32px;
  504. }
  505. .ui-jqdialog .ui-jqdialog-title {
  506. margin: 7px 0 .2em 5px;
  507. font-weight: bold;
  508. padding-left :6px;
  509. padding-right:6px;
  510. }
  511. .ui-jqdialog .ui-jqdialog-titlebar-close {
  512. position: absolute;
  513. top: 0%;
  514. margin: 1px 5px 0 0;
  515. padding: 8px;
  516. cursor:pointer;
  517. }
  518. .ui-jqdialog .ui-jqdialog-titlebar-close span { }
  519. .ui-jqdialog .ui-jqdialog-titlebar-close:hover,
  520. .ui-jqdialog .ui-jqdialog-titlebar-close:focus {
  521. padding: 8px;
  522. }
  523. .ui-jqdialog-content, .ui-jqdialog .ui-jqdialog-content {
  524. border: 0;
  525. padding: 20px 10px 5px 10px;
  526. background: none;
  527. height:auto;
  528. }
  529. .ui-jqdialog .ui-jqconfirm {
  530. padding: .4em 1em;
  531. border-width:3px;
  532. position:absolute;
  533. bottom:10px;
  534. right:10px;
  535. overflow:visible;
  536. display:none;
  537. height:120px;
  538. width:220px;
  539. text-align:center;
  540. background-color: #fff;
  541. border-radius: 4px;
  542. -webkit-border-radius: 4px;
  543. -moz-border-radius: 4px;
  544. }
  545. .ui-jqdialog>.ui-resizable-se { }
  546. .ui-jqgrid>.ui-resizable-se { }
  547. .jqgrid-overlay-modal {
  548. display : none;
  549. }
  550. /* end Modal window*/
  551. /* Form edit */
  552. .ui-jqdialog-content .FormGrid {
  553. margin: 0 8px 0 8px;
  554. overflow:auto;
  555. position:relative;
  556. }
  557. .ui-jqdialog-content .EditTable {
  558. width: 100%;
  559. margin-bottom:0;
  560. }
  561. .ui-jqdialog-content .DelTable {
  562. width: 100%;
  563. margin-bottom:0;
  564. }
  565. .EditTable td input,
  566. .EditTable td select,
  567. .EditTable td textarea {
  568. width: 98%;
  569. display: inline-block;
  570. }
  571. .EditTable td textarea {
  572. width:auto;
  573. height:auto;
  574. }
  575. .EditTable .FormData td {
  576. height:37px !important;
  577. }
  578. .ui-jqdialog-content td.EditButton {
  579. text-align: right;
  580. padding: 5px 5px 5px 0;
  581. }
  582. .ui-jqdialog-content td.navButton {
  583. text-align: center;
  584. border-left: 0 none;
  585. border-top: 0 none;
  586. border-right: 0 none;
  587. padding-bottom:5px;
  588. padding-top:5px;
  589. }
  590. .ui-jqdialog-content input.FormElement {
  591. padding: .5em .3em;
  592. margin-bottom: 5px
  593. }
  594. .ui-jqdialog-content select.FormElement {
  595. padding:.3em;
  596. margin-bottom: 3px;
  597. }
  598. .ui-jqdialog-content .data-line {
  599. padding-top:.1em;
  600. border: 0 none;
  601. }
  602. .ui-jqdialog-content .CaptionTD {
  603. vertical-align: middle;
  604. border: 0 none;
  605. padding: 2px;
  606. white-space: nowrap;
  607. }
  608. .ui-jqdialog-content .DataTD {
  609. padding: 2px;
  610. border: 0 none;
  611. vertical-align: top;
  612. }
  613. .ui-jqdialog-content .form-view-data {
  614. white-space:pre
  615. }
  616. .fm-button { }
  617. .fm-button-icon-left {
  618. margin-left: 4px;
  619. margin-right: 4px;
  620. }
  621. .fm-button-icon-right {
  622. margin-left: 4px;
  623. margin-right: 4px;
  624. }
  625. .fm-button-icon-left { }
  626. .fm-button-icon-right { }
  627. #nData, #pData {
  628. margin-left: 4px;
  629. margin-right: 4px;
  630. }
  631. #sData span, #cData span {
  632. margin-left: 5px;
  633. }
  634. /* End Eorm edit */
  635. /*.ui-jqgrid .edit-cell {}*/
  636. .ui-jqgrid .selected-row,
  637. div.ui-jqgrid .selected-row td {
  638. font-style : normal;
  639. }
  640. /* inline edit actions button*/
  641. .ui-inline-del, .ui-inline-cancel {
  642. margin-left: 14px;
  643. }
  644. .ui-jqgrid select.inline-edit-cell {
  645. width:96%; height:34px;
  646. }
  647. /* Tree Grid */
  648. .ui-jqgrid .tree-wrap {
  649. float: left;
  650. position: relative;
  651. height: 18px;
  652. white-space: nowrap;
  653. overflow: hidden;
  654. }
  655. .ui-jqgrid .tree-minus {
  656. position: absolute;
  657. height: 18px;
  658. width: 18px;
  659. overflow: hidden;
  660. }
  661. .ui-jqgrid .tree-plus {
  662. position: absolute;
  663. height: 18px;
  664. width: 18px;
  665. overflow: hidden;
  666. }
  667. .ui-jqgrid .tree-leaf {
  668. position: absolute;
  669. height: 18px;
  670. width: 18px;
  671. overflow: hidden;
  672. }
  673. .ui-jqgrid .treeclick {
  674. cursor: pointer;
  675. }
  676. /* moda dialog */
  677. * iframe.jqm {
  678. position:absolute;
  679. top:0;
  680. left:0;
  681. z-index:-1;
  682. }
  683. /* width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}*/
  684. .ui-jqgrid-dnd tr td {
  685. border-right-width: 1px;
  686. border-right-color: inherit;
  687. border-right-style: solid;
  688. height:20px
  689. }
  690. /* RTL Support */
  691. .ui-jqgrid .ui-jqgrid-caption-rtl {
  692. text-align: right;
  693. }
  694. .ui-jqgrid .ui-jqgrid-hbox-rtl {
  695. float: right;
  696. /*padding-left: 20px;*/
  697. }
  698. .ui-jqgrid .ui-jqgrid-resize-ltr {
  699. float: right;
  700. margin: -2px -2px -2px 0;
  701. height:100%;
  702. }
  703. .ui-jqgrid .ui-jqgrid-resize-rtl {
  704. float: left;
  705. margin: -2px -2px -2px -0px;
  706. }
  707. .ui-jqgrid .ui-sort-rtl {
  708. }
  709. .ui-jqgrid .tree-wrap-ltr {
  710. float: left;
  711. }
  712. .ui-jqgrid .tree-wrap-rtl {
  713. float: right;
  714. }
  715. .ui-jqgrid .ui-ellipsis {
  716. -moz-text-overflow:ellipsis;
  717. text-overflow:ellipsis;
  718. }
  719. /* Toolbar Search Menu. Nav menu */
  720. .ui-search-menu,
  721. .ui-nav-menu {
  722. position: absolute;
  723. padding: 2px 5px;
  724. z-index:99999;
  725. }
  726. .ui-search-menu.ui-menu .ui-menu-item,
  727. .ui-nav-menu.ui-menu .ui-menu-item
  728. {
  729. list-style-image: none;
  730. padding-right: 0;
  731. padding-left: 0;
  732. }
  733. .ui-search-menu.ui-menu .ui-menu-item a,
  734. .ui-nav-menu.ui-menu .ui-menu-item a
  735. {
  736. display: block;
  737. }
  738. .ui-search-menu.ui-menu .ui-menu-item a.g-menu-item:hover,
  739. .ui-nav-menu.ui-menu .ui-menu-item a.g-menu-item:hover
  740. {
  741. margin: -1px;
  742. font-weight: normal;
  743. }
  744. .ui-jqgrid .ui-search-table {
  745. padding: 0;
  746. border: 0 none;
  747. height:20px;
  748. width:100%;
  749. }
  750. .ui-jqgrid .ui-search-table .ui-search-oper {
  751. width:20px;
  752. }
  753. a.g-menu-item, a.soptclass, a.clearsearchclass {
  754. cursor: pointer;
  755. }
  756. .ui-jqgrid .ui-jqgrid-view input,
  757. .ui-jqgrid .ui-jqgrid-view select,
  758. .ui-jqgrid .ui-jqgrid-view textarea,
  759. .ui-jqgrid .ui-jqgrid-view button {
  760. /*font-size: 11px*/
  761. }
  762. .ui-jqgrid .ui-jqgrid-view input,
  763. .ui-jqgrid .ui-jqgrid-view select {
  764. background:#FDFDF5;
  765. }
  766. .ui-jqgrid .ui-scroll-popup {
  767. width: 100px;
  768. }
  769. .ui-search-table select,
  770. .ui-search-table input
  771. {
  772. padding: 4px 3px;
  773. }
  774. .ui-disabled {
  775. opacity: .35;
  776. filter:Alpha(Opacity=35); /* support: IE8 */
  777. background-image: none;
  778. }
  779. .ui-overlay {
  780. position: fixed;
  781. top: 0;
  782. left: 0;
  783. width: 100%;
  784. height: 100%;
  785. background-color: rgba(0,0,0,0.5);
  786. opacity: .3;
  787. filter: Alpha(Opacity=30); /* support: IE8 */
  788. }
  789. .ui-jqgrid-pager .ui-pg-table .ui-pg-button:hover,
  790. .ui-jqgrid-toppager .ui-pg-table .ui-pg-button:hover
  791. {
  792. background-color: #ddd;
  793. }
  794. .ui-jqgrid-corner {
  795. border-radius: 5px
  796. }
  797. .ui-resizable-handle {
  798. /*position: absolute;*/
  799. display: block;
  800. left :97%;
  801. }
  802. .ui-jqdialog .ui-resizable-se {
  803. width: 12px;
  804. height: 12px;
  805. right: -5px;
  806. bottom: -5px;
  807. background-position: 16px 16px;
  808. }
  809. .ui-resizable-se {
  810. cursor: se-resize;
  811. width: 12px;
  812. height: 12px;
  813. right: 1px;
  814. bottom: 1px;
  815. }
  816. .ui-top-corner {
  817. border-top-left-radius: 5px;
  818. border-top-right-radius: 5px;
  819. }
  820. .ui-bottom-corner {
  821. border-bottom-left-radius: 5px;
  822. border-bottom-right-radius: 5px;
  823. }
  824. .ui-search-table {
  825. margin-bottom: 0;
  826. }
  827. .ui-search-table .columns, .ui-search-table .operators {
  828. padding-right: 5px;
  829. }
  830. .opsel {
  831. float :left;
  832. width : 100px;
  833. margin-right : 5px;
  834. }
  835. .add-group, .add-rule, .delete-group {
  836. width: 14%;
  837. margin-right : 5px;
  838. }
  839. .delete-rule {
  840. width : 15px;
  841. }
  842. ul.ui-search-menu, ul.ui-nav-menu {
  843. list-style-type: none;
  844. }
  845. ul.ui-search-menu li a,
  846. ul.ui-nav-menu li a,
  847. .soptclass,
  848. .clearsearchclass {
  849. text-decoration: none;
  850. color : #010101;
  851. }
  852. ul.ui-search-menu li a:hover, ul.ui-nav-menu li a:hover, a.soptclass:hover, a.clearsearchclass:hover {
  853. background-color: #ddd;
  854. padding: 1px 1px;
  855. text-decoration: none;
  856. }
  857. ul.ui-search-menu li, ul.ui-nav-menu li {
  858. padding : 5px 5px;
  859. }
  860. .ui-menu-item hr {
  861. margin-bottom: 0px;
  862. margin-top:0px;
  863. }
  864. .searchFilter .ui-search-table td,
  865. .searchFilter .ui-search-table th
  866. {
  867. border-top: 0px none !important;
  868. }
  869. .searchFilter .queryresult {
  870. margin-bottom: 5px;
  871. }
  872. .searchFilter .queryresult tr td{
  873. border-top: 0px none;
  874. }
  875. .ui-search-label {
  876. padding-left: 5px;
  877. }
  878. .frozen-div, .frozen-bdiv {
  879. background-color: #fff;
  880. }
  881. /*
  882. .ui-jqgrid .ui-jqgrid-caption,
  883. .ui-jqgrid .ui-jqgrid-pager,
  884. .ui-jqgrid .ui-jqgrid-toppager,
  885. .ui-jqgrid .ui-jqgrid-htable thead th,
  886. .ui-jqgrid .ui-userdata-top,
  887. .ui-jqgrid .ui-userdata-bottom,
  888. .ui-jqgrid .ui-jqgrid-hdiv,
  889. .ui-jqdialog .ui-jqdialog-titlebar
  890. {
  891. background-image: none, linear-gradient(to bottom, #fff 0px, #e0e0e0 100%);
  892. background-repeat: repeat-x;
  893. border-color: #ccc;
  894. text-shadow: 0 1px 0 #fff;
  895. }
  896. */
  897. /* Column menu */
  898. .ui-jqgrid .ui-jqgrid-htable .colmenu {
  899. position:absolute;
  900. right:1px;
  901. height:100%;
  902. color : black;
  903. }
  904. .ui-jqgrid .ui-jqgrid-htable .colmenu-rtl {
  905. right: auto;
  906. left : 1px;
  907. }
  908. .ui-jqgrid .ui-jqgrid-htable .colmenuspan {
  909. display:inline-block;
  910. }
  911. .ui-jqgrid .ui-jqgrid-htable .ui-th-div {
  912. color:#333;
  913. text-align:center;
  914. font-weight:bold;
  915. }
  916. .column-menu, .ui-search-menu {
  917. padding: 10px 15px;
  918. }
  919. .column-menu .divider {
  920. background-color: #e5e5e5;
  921. height: 1px;
  922. padding:0 0;
  923. margin: 5px 0;
  924. overflow: hidden;
  925. }
  926. .ui-menu-item .ui-common-table .menu_icon {
  927. padding-right: 8px;
  928. padding-left: 8px;
  929. }
  930. td.menu_text {
  931. width: auto;
  932. padding-left: 1px;
  933. white-space: nowrap;
  934. }
  935. #search_menu .ui-menu-item div {
  936. padding: 3px 0;
  937. white-space: nowrap;
  938. }
  939. #search_menu .search_buttons {
  940. display:inline-block;
  941. width:50%;
  942. padding: 3px 3px;
  943. }
  944. .search_buttons .btn-default:hover {
  945. padding-bottom: 6px;
  946. padding-top: 6px;
  947. }
  948. .search_buttons #bs_reset {
  949. margin-right: 3px;
  950. }
  951. .search_buttons #bs_search {
  952. margin-left: 3px;
  953. }
  954. /*menubar*/
  955. .ui-jqgrid .ui-jqgrid-menubar {
  956. margin: 5px 5px;
  957. width:16px;
  958. height:16px;
  959. }
  960. .ui-jqgrid a.ui-jqgrid-menubar {
  961. text-decoration: none;
  962. color : #010101; /*default*/
  963. }
  964. .ui-jqgrid .ui-jqgrid-menubar:hover {
  965. margin: 5px 5px;
  966. background-color: #ddd;
  967. text-decoration: none;
  968. }
  969. .ui-jqgrid .menubar-rtl {
  970. float : right;
  971. }
  972. .ui-jqgrid .menubar-ltr {
  973. float : left;
  974. }
  975. /*printing*/
  976. .jqgridprint {
  977. width : 100%;
  978. font-size: 13px;
  979. }
  980. .jqgridprint th,
  981. .jqgridprint td {
  982. padding: 4px 4px 4px 4px ;
  983. text-align: center ;
  984. }
  985. .jqgridprint th {
  986. border-bottom: 2px solid #333333 ;
  987. }
  988. .jqgridprint td {
  989. border-bottom: 1px dotted #999999 ;
  990. }
  991. .jqgridprint tfoot td {
  992. border-bottom-width: 0px ;
  993. border-top: 2px solid #333333 ;
  994. padding-top: 20px ;
  995. }
  996. .ui-jqgrid .jqgrid-caption-menu
  997. {
  998. left:0;
  999. top:30px;
  1000. position:absolute;
  1001. display:none;
  1002. font-size: inherit;
  1003. width : auto;
  1004. }
  1005. .ui-jqgrid .jqgrid-column-menu
  1006. {
  1007. font-size:inherit;
  1008. width:auto;
  1009. position :absolute;
  1010. }
  1011. .ui-jqgrid .table>thead>tr>th {font-size:13px; font-weight:bold; color:#333; text-align:center; vertical-align:middle;}
  1012. /* .ui-jqgrid td.jqgrid-multibox input[type=checkbox] {margin-left:3px;} */
  1013. .ui-jqgrid .table>thead>tr>th:not([rowspan]) > .ui-th-div {top:0 !important;}
  1014. .ui-jqgrid tr.jqgrow td {vertical-align:middle !important}
  1015. .table-striped>tbody>tr:nth-of-type(odd) {
  1016. background-color:inherit;
  1017. }
  1018. .ui-jqgrid input[type=checkbox] {width:15px; height:15px; margin:0 auto;}
  1019. .ui-jqgrid .jqgrid-rownum {background-color: transparent !important;}
  1020. .table>tbody>tr.active .jqgrid-rownum {background:#e8e8e8 !important; z-index:1}
  1021. .table>tbody>tr.success .jqgrid-rownum {background:#E3FEE4 !important;}
  1022. .input_color {background:#F0E9BE; color:000;}