ui.jqgrid-bootstrap.css 19 KB

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