| /*Grid */ | |
| .ui-state-default .ui-icon { | |
| } | |
| .s-ico { | |
| height: 20px; | |
| float: right | |
| } | |
| .ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled | |
| { | |
| background-image: none; | |
| opacity: 0.35; | |
| filter: alpha(opacity = 35); | |
| } | |
| .ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled | |
| { | |
| background: url(../../images/arrow-up.png) no-repeat left bottom; | |
| opacity: 0.35; | |
| } | |
| .ui-icon { | |
| height: 16px; | |
| width: 16px; | |
| } | |
| .ui-state-disabled { | |
| cursor: default !important; | |
| } | |
| .ui-icon-triangle-1-s { | |
| background: url(../../images/arrow-down.png) no-repeat left bottom | |
| } | |
| .ui-jqgrid-view .jspVerticalBar { | |
| right: 0px !important | |
| } | |
| /*grid*/ | |
| .ui-jqgrid { | |
| position: relative; | |
| } | |
| .ui-jqgrid .ui-jqgrid-view { | |
| position: relative; | |
| left: 0px; | |
| top: 0px; | |
| padding: .0em; | |
| font-size: 11px; | |
| } | |
| /* caption*/ | |
| .ui-jqgrid .ui-jqgrid-titlebar { | |
| padding: .3em .2em .2em .3em; | |
| position: relative; | |
| border-left: 0px none; | |
| border-right: 0px none; | |
| border-top: 0px none; | |
| } | |
| .ui-jqgrid .ui-jqgrid-title { | |
| float: left; | |
| margin: .1em 0 .2em; | |
| } | |
| .ui-jqgrid .ui-jqgrid-titlebar-close { | |
| position: absolute; | |
| top: 50%; | |
| width: 19px; | |
| margin: -10px 0 0 0; | |
| padding: 1px; | |
| height: 18px; | |
| } | |
| .ui-jqgrid .ui-jqgrid-titlebar-close span { | |
| display: block; | |
| margin: 1px; | |
| } | |
| .ui-jqgrid .ui-jqgrid-titlebar-close:hover { | |
| padding: 0; | |
| } | |
| /* header*/ | |
| .ui-jqgrid .ui-jqgrid-hdiv { | |
| position: relative; | |
| margin: 0em; | |
| padding: 0em; | |
| overflow-x: hidden; | |
| border-left: 0px none !important; | |
| border-top: 0px none !important; | |
| border-right: 0px none !important; | |
| } | |
| .ui-jqgrid .ui-jqgrid-hbox { | |
| float: left; | |
| padding-right: 20px; | |
| background: #202b39 | |
| } | |
| .ui-jqgrid .ui-jqgrid-htable { | |
| table-layout: fixed; | |
| margin: 0em; | |
| } | |
| .ui-jqgrid .ui-jqgrid-htable th { | |
| height: 20px; | |
| padding: 7px 2px 7px 2px; | |
| border-right: 1px solid #17232f; | |
| border-bottom: 1px solid #11212c !important | |
| } | |
| .ui-jqgrid .ui-jqgrid-htable th:hover { | |
| background: #1f313f !important | |
| } | |
| .ui-jqgrid .ui-jqgrid-htable th:hover .s-ico { | |
| display: block !important | |
| } | |
| .ui-jqgrid .ui-jqgrid-htable th div { | |
| overflow: hidden; | |
| position: relative; | |
| height: 17px; | |
| padding: 0px 10px | |
| } | |
| .ui-th-column,.ui-jqgrid .ui-jqgrid-htable th.ui-th-column { | |
| overflow: hidden; | |
| white-space: nowrap; | |
| text-align: left; | |
| border-top: 0px none; | |
| border-bottom: 0px none; | |
| background: #202b39 url(../../images/border-left-grid.png) repeat-y left | |
| top; | |
| color: #3775c5; | |
| font-weight: normal; | |
| font-size: 13px | |
| } | |
| .ui-th-ltr,.ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr { | |
| border-left: 0px none; | |
| } | |
| .ui-th-rtl,.ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl { | |
| border-right: 0px none; | |
| } | |
| .ui-first-th-ltr { | |
| border-right: 1px solid; | |
| } | |
| .ui-first-th-rtl { | |
| border-left: 1px solid; | |
| } | |
| .ui-jqgrid .ui-th-div-ie { | |
| white-space: nowrap; | |
| zoom: 1; | |
| height: 17px; | |
| } | |
| .ui-jqgrid .ui-jqgrid-resize { | |
| height: 20px !important; | |
| position: relative; | |
| cursor: e-resize; | |
| display: inline; | |
| overflow: hidden; | |
| } | |
| .ui-jqgrid .ui-grid-ico-sort { | |
| overflow: hidden; | |
| position: absolute; | |
| display: inline; | |
| cursor: pointer !important; | |
| } | |
| .ui-jqgrid .ui-icon-asc { | |
| margin-top: -3px; | |
| height: 12px; | |
| background: url(../../images/arrow-up.png) no-repeat left bottom; | |
| } | |
| .ui-jqgrid .ui-icon-desc { | |
| margin-top: 3px; | |
| height: 12px; | |
| background: url(../../images/arrow-down.png) no-repeat left bottom; | |
| } | |
| .ui-jqgrid .ui-i-asc { | |
| margin-top: 0px; | |
| height: 16px; | |
| } | |
| .ui-jqgrid .ui-i-desc { | |
| margin-top: 0px; | |
| margin-left: 13px; | |
| height: 16px; | |
| } | |
| .ui-jqgrid .ui-jqgrid-sortable { | |
| cursor: pointer; | |
| } | |
| .ui-jqgrid tr.ui-search-toolbar th { | |
| border-top-width: 1px !important; | |
| border-top-color: inherit !important; | |
| border-top-style: ridge !important | |
| } | |
| tr.ui-search-toolbar input { | |
| margin: 1px 0px 0px 0px | |
| } | |
| tr.ui-search-toolbar select { | |
| margin: 1px 0px 0px 0px | |
| } | |
| /* body */ | |
| .ui-jqgrid .ui-jqgrid-bdiv { | |
| position: relative; | |
| margin: 0em; | |
| padding: 0; | |
| overflow-y: auto; | |
| overflow-x: scroll; | |
| text-align: left; | |
| } | |
| .ui-jqgrid .ui-jqgrid-btable { | |
| table-layout: fixed; | |
| margin: 0em; | |
| outline-style: none; | |
| } | |
| .ui-jqgrid tr.jqgrow { | |
| outline-style: none; | |
| } | |
| .ui-jqgrid tr.jqgrow:hover { | |
| background: #1f313f | |
| } | |
| .ui-jqgrid tr.jqgroup { | |
| outline-style: none; | |
| } | |
| .ui-jqgrid tr.jqgrow td { | |
| font-weight: normal; | |
| overflow: hidden; | |
| white-space: pre; | |
| height: 22px; | |
| padding: 6px 12px 6px 12px; | |
| border-top: 1px solid #1f313f; | |
| border-bottom: 1px solid #11212c; | |
| color: #89939a; | |
| font-size: 13px; | |
| background: url(../../images/border-left-grid.png) repeat-y left top; | |
| text-overflow: ellipsis; | |
| } | |
| .ui-jqgrid tr.jqgfirstrow td { | |
| padding: 0 2px 0 2px; | |
| border-right-width: 1px; | |
| border-right-style: solid; | |
| } | |
| .ui-jqgrid tr.jqgroup td { | |
| font-weight: normal; | |
| overflow: hidden; | |
| white-space: pre; | |
| height: 22px; | |
| padding: 0 2px 0 2px; | |
| border-bottom-width: 1px; | |
| border-bottom-color: inherit; | |
| border-bottom-style: solid; | |
| } | |
| .ui-jqgrid tr.jqfoot td { | |
| font-weight: bold; | |
| overflow: hidden; | |
| white-space: pre; | |
| height: 22px; | |
| padding: 0 2px 0 2px; | |
| border-bottom-width: 1px; | |
| border-bottom-color: inherit; | |
| border-bottom-style: solid; | |
| } | |
| .ui-jqgrid tr.ui-row-ltr td { | |
| text-align: left; | |
| border-right: 1px solid #17232F; | |
| } | |
| .ui-jqgrid tr.ui-row-rtl td { | |
| text-align: right; | |
| border-left: 1px solid red | |
| } | |
| .ui-jqgrid td.jqgrid-rownum { | |
| padding: 0 2px 0 2px; | |
| margin: 0px; | |
| border: 0px none; | |
| } | |
| .ui-jqgrid .ui-jqgrid-resize-mark { | |
| width: 2px; | |
| left: 0; | |
| background-color: #777; | |
| cursor: e-resize; | |
| cursor: col-resize; | |
| position: absolute; | |
| top: 0; | |
| height: 100px; | |
| overflow: hidden; | |
| display: none; | |
| border: 0 none; | |
| z-index: 99999; | |
| } | |
| /* footer */ | |
| .ui-jqgrid .ui-jqgrid-sdiv { | |
| position: relative; | |
| margin: 0em; | |
| padding: 0em; | |
| overflow: hidden; | |
| border-left: 0px none !important; | |
| border-top: 0px none !important; | |
| border-right: 0px none !important; | |
| } | |
| .ui-jqgrid .ui-jqgrid-ftable { | |
| table-layout: fixed; | |
| margin-bottom: 0em; | |
| } | |
| .ui-jqgrid tr.footrow td { | |
| font-weight: bold; | |
| overflow: hidden; | |
| white-space: nowrap; | |
| height: 21px; | |
| padding: 0 2px 0 2px; | |
| border-top-width: 1px; | |
| border-top-color: inherit; | |
| border-top-style: solid; | |
| } | |
| .ui-jqgrid tr.footrow-ltr td { | |
| text-align: left; | |
| border-right-width: 1px; | |
| border-right-color: inherit; | |
| border-right-style: solid; | |
| } | |
| .ui-jqgrid tr.footrow-rtl td { | |
| text-align: right; | |
| border-left-width: 1px; | |
| border-left-color: inherit; | |
| border-left-style: solid; | |
| } | |
| /* Pager*/ | |
| .ui-jqgrid .ui-jqgrid-pager { | |
| border-left: 0px none !important; | |
| border-right: 0px none !important; | |
| border-bottom: 0px none !important; | |
| margin: 0px !important; | |
| padding: 0px !important; | |
| position: relative; | |
| height: 25px; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| font-size: 11px; | |
| } | |
| .ui-jqgrid .ui-pager-control { | |
| position: relative; | |
| } | |
| .ui-jqgrid .ui-pg-table { | |
| position: relative; | |
| padding-bottom: 2px; | |
| width: auto; | |
| margin: 0em; | |
| } | |
| .ui-jqgrid .ui-pg-table td { | |
| font-weight: normal; | |
| vertical-align: middle; | |
| padding: 1px; | |
| } | |
| .ui-jqgrid .ui-pg-button { | |
| height: 19px !important; | |
| } | |
| .ui-jqgrid .ui-pg-button span { | |
| display: block; | |
| margin: 1px; | |
| float: left; | |
| } | |
| .ui-jqgrid .ui-pg-button:hover { | |
| padding: 0px; | |
| } | |
| .ui-jqgrid .ui-state-disabled:hover { | |
| padding: 1px; | |
| } | |
| .ui-jqgrid .ui-pg-input { | |
| height: 13px; | |
| font-size: .8em; | |
| margin: 0em; | |
| } | |
| .ui-jqgrid .ui-pg-selbox { | |
| font-size: .8em; | |
| line-height: 18px; | |
| display: block; | |
| height: 18px; | |
| margin: 0em; | |
| } | |
| .ui-jqgrid .ui-separator { | |
| height: 18px; | |
| border-left: 1px solid #ccc; | |
| border-right: 1px solid #ccc; | |
| margin: 1px; | |
| float: right; | |
| } | |
| .ui-jqgrid .ui-paging-info { | |
| font-weight: normal; | |
| height: 19px; | |
| margin-top: 3px; | |
| margin-right: 4px; | |
| } | |
| .ui-jqgrid .ui-jqgrid-pager .ui-pg-div { | |
| padding: 1px 0; | |
| float: left; | |
| position: relative; | |
| } | |
| .ui-jqgrid .ui-jqgrid-pager .ui-pg-button { | |
| cursor: pointer; | |
| } | |
| .ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon { | |
| float: left; | |
| margin: 0 2px; | |
| } | |
| .ui-jqgrid td input,.ui-jqgrid td select .ui-jqgrid td textarea { | |
| margin: 0em; | |
| } | |
| .ui-jqgrid td textarea { | |
| width: auto; | |
| height: auto; | |
| } | |
| .ui-jqgrid .ui-jqgrid-toppager { | |
| border-left: 0px none !important; | |
| border-right: 0px none !important; | |
| border-top: 0px none !important; | |
| margin: 0px !important; | |
| padding: 0px !important; | |
| position: relative; | |
| height: 25px !important; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| } | |
| .ui-jqgrid .ui-jqgrid-toppager .ui-pg-div { | |
| padding: 1px 0; | |
| float: left; | |
| position: relative; | |
| } | |
| .ui-jqgrid .ui-jqgrid-toppager .ui-pg-button { | |
| cursor: pointer; | |
| } | |
| .ui-jqgrid .ui-jqgrid-toppager .ui-pg-div span.ui-icon { | |
| float: left; | |
| margin: 0 2px; | |
| } | |
| /*subgrid*/ | |
| .ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span { | |
| display: block; | |
| } | |
| .ui-jqgrid .ui-subgrid { | |
| margin: 0em; | |
| padding: 0em; | |
| width: 100%; | |
| } | |
| .ui-jqgrid .ui-subgrid table { | |
| table-layout: fixed; | |
| } | |
| .ui-jqgrid .ui-subgrid tr.ui-subtblcell td { | |
| height: 18px; | |
| border-right-width: 1px; | |
| border-right-color: inherit; | |
| border-right-style: solid; | |
| border-bottom-width: 1px; | |
| border-bottom-color: inherit; | |
| border-bottom-style: solid; | |
| } | |
| .ui-jqgrid .ui-subgrid td.subgrid-data { | |
| border-top: 0px none !important; | |
| } | |
| .ui-jqgrid .ui-subgrid td.subgrid-cell { | |
| border-width: 0px 0px 1px 0px; | |
| } | |
| .ui-jqgrid .ui-th-subgrid { | |
| height: 20px; | |
| } | |
| /* loading */ | |
| .ui-jqgrid .loading { | |
| position: absolute; | |
| top: 45%; | |
| left: 45%; | |
| width: auto; | |
| z-index: 101; | |
| padding: 6px; | |
| margin: 5px; | |
| text-align: center; | |
| font-weight: bold; | |
| display: none; | |
| border-width: 2px !important; | |
| font-size: 11px; | |
| } | |
| .ui-jqgrid .jqgrid-overlay { | |
| display: none; | |
| z-index: 100; | |
| } | |
| * html .jqgrid-overlay { | |
| width: expression(this.parentNode.offsetWidth + 'px'); | |
| height: expression(this.parentNode.offsetHeight + 'px'); | |
| } | |
| * .jqgrid-overlay iframe { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| z-index: -1; | |
| width: expression(this.parentNode.offsetWidth + 'px'); | |
| height: expression(this.parentNode.offsetHeight + 'px'); | |
| } | |
| /* end loading div */ | |
| /* toolbar */ | |
| .ui-jqgrid .ui-userdata { | |
| border-left: 0px none; | |
| border-right: 0px none; | |
| height: 21px; | |
| overflow: hidden; | |
| } | |
| /*Modal Window */ | |
| .ui-jqdialog { | |
| display: none; | |
| width: 300px; | |
| position: absolute; | |
| padding: .2em; | |
| font-size: 11px; | |
| overflow: visible; | |
| } | |
| .ui-jqdialog .ui-jqdialog-titlebar { | |
| padding: .3em .2em; | |
| position: relative; | |
| } | |
| .ui-jqdialog .ui-jqdialog-title { | |
| margin: .1em 0 .2em; | |
| } | |
| .ui-jqdialog .ui-jqdialog-titlebar-close { | |
| position: absolute; | |
| top: 50%; | |
| width: 19px; | |
| margin: -10px 0 0 0; | |
| padding: 1px; | |
| height: 18px; | |
| } | |
| .ui-jqdialog .ui-jqdialog-titlebar-close span { | |
| display: block; | |
| margin: 1px; | |
| } | |
| .ui-jqdialog .ui-jqdialog-titlebar-close:hover,.ui-jqdialog .ui-jqdialog-titlebar-close:focus | |
| { | |
| padding: 0; | |
| } | |
| .ui-jqdialog-content,.ui-jqdialog .ui-jqdialog-content { | |
| border: 0; | |
| padding: .3em .2em; | |
| background: none; | |
| height: auto; | |
| } | |
| .ui-jqdialog .ui-jqconfirm { | |
| padding: .4em 1em; | |
| border-width: 3px; | |
| position: absolute; | |
| bottom: 10px; | |
| right: 10px; | |
| overflow: visible; | |
| display: none; | |
| height: 80px; | |
| width: 220px; | |
| text-align: center; | |
| } | |
| /* end Modal window*/ | |
| /* Form edit */ | |
| .ui-jqdialog-content .FormGrid { | |
| margin: 0px; | |
| } | |
| .ui-jqdialog-content .EditTable { | |
| width: 100%; | |
| margin-bottom: 0em; | |
| } | |
| .ui-jqdialog-content .DelTable { | |
| width: 100%; | |
| margin-bottom: 0em; | |
| } | |
| .EditTable td input,.EditTable td select,.EditTable td textarea { | |
| margin: 0em; | |
| } | |
| .EditTable td textarea { | |
| width: auto; | |
| height: auto; | |
| } | |
| .ui-jqdialog-content td.EditButton { | |
| text-align: right; | |
| border-top: 0px none; | |
| border-left: 0px none; | |
| border-right: 0px none; | |
| padding-bottom: 5px; | |
| padding-top: 5px; | |
| } | |
| .ui-jqdialog-content td.navButton { | |
| text-align: center; | |
| border-left: 0px none; | |
| border-top: 0px none; | |
| border-right: 0px none; | |
| padding-bottom: 5px; | |
| padding-top: 5px; | |
| } | |
| .ui-jqdialog-content input.FormElement { | |
| padding: .3em | |
| } | |
| .ui-jqdialog-content .data-line { | |
| padding-top: .1em; | |
| border: 0px none; | |
| } | |
| .ui-jqdialog-content .CaptionTD { | |
| vertical-align: middle; | |
| border: 0px none; | |
| padding: 2px; | |
| white-space: nowrap; | |
| } | |
| .ui-jqdialog-content .DataTD { | |
| padding: 2px; | |
| border: 0px none; | |
| vertical-align: top; | |
| } | |
| .ui-jqdialog-content .form-view-data { | |
| white-space: pre | |
| } | |
| .fm-button { | |
| display: inline-block; | |
| margin: 0 4px 0 0; | |
| padding: .4em .5em; | |
| text-decoration: none !important; | |
| cursor: pointer; | |
| position: relative; | |
| text-align: center; | |
| zoom: 1; | |
| } | |
| .fm-button-icon-left { | |
| padding-left: 1.9em; | |
| } | |
| .fm-button-icon-right { | |
| padding-right: 1.9em; | |
| } | |
| .fm-button-icon-left .ui-icon { | |
| right: auto; | |
| left: .2em; | |
| margin-left: 0; | |
| position: absolute; | |
| top: 50%; | |
| margin-top: -8px; | |
| } | |
| .fm-button-icon-right .ui-icon { | |
| left: auto; | |
| right: .2em; | |
| margin-left: 0; | |
| position: absolute; | |
| top: 50%; | |
| margin-top: -8px; | |
| } | |
| #nData,#pData { | |
| float: left; | |
| margin: 3px; | |
| padding: 0; | |
| width: 15px; | |
| } | |
| /* End Eorm edit */ | |
| /*.ui-jqgrid .edit-cell {}*/ | |
| .ui-jqgrid .selected-row,div.ui-jqgrid .selected-row td { | |
| font-style: normal; | |
| border-left: 0px none; | |
| } | |
| /* inline edit actions button*/ | |
| .ui-inline-del.ui-state-hover span,.ui-inline-edit.ui-state-hover span,.ui-inline-save.ui-state-hover span,.ui-inline-cancel.ui-state-hover span | |
| { | |
| margin: -1px; | |
| } | |
| /* Tree Grid */ | |
| .ui-jqgrid .tree-wrap { | |
| float: left; | |
| position: relative; | |
| height: 18px; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| } | |
| .ui-jqgrid .tree-minus { | |
| position: absolute; | |
| height: 15px; | |
| width: 14px; | |
| overflow: hidden; | |
| background: url(../../images/plusMinusIcon.png) no-repeat 0 -15px; | |
| } | |
| .ui-jqgrid .tree-plus { | |
| position: absolute; | |
| height: 15px; | |
| width: 14px; | |
| overflow: hidden; | |
| background: url(../../images/plusMinusIcon.png) no-repeat 0 0; | |
| } | |
| .ui-jqgrid .tree-leaf { | |
| position: absolute; | |
| height: 18px; | |
| width: 18px; | |
| overflow: hidden; | |
| } | |
| .ui-jqgrid .treeclick { | |
| cursor: pointer; | |
| } | |
| /* moda dialog */ | |
| * iframe.jqm { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| z-index: -1; | |
| width: expression(this.parentNode.offsetWidth + 'px'); | |
| height: expression(this.parentNode.offsetHeight + 'px'); | |
| } | |
| .ui-jqgrid-dnd tr td { | |
| border-right-width: 1px; | |
| border-right-color: inherit; | |
| border-right-style: solid; | |
| height: 20px | |
| } | |
| /* RTL Support */ | |
| .ui-jqgrid .ui-jqgrid-title-rtl { | |
| float: right; | |
| margin: .1em 0 .2em; | |
| } | |
| .ui-jqgrid .ui-jqgrid-hbox-rtl { | |
| float: right; | |
| padding-left: 20px; | |
| } | |
| .ui-jqgrid .ui-jqgrid-resize-ltr { | |
| float: right; | |
| margin: -2px -2px -2px 0px; | |
| } | |
| .ui-jqgrid .ui-jqgrid-resize-rtl { | |
| float: left; | |
| margin: -2px 0px -1px -3px; | |
| } | |
| .ui-jqgrid .ui-sort-rtl { | |
| left: 0px; | |
| } | |
| .ui-jqgrid .tree-wrap-ltr { | |
| float: left; | |
| } | |
| .ui-jqgrid .tree-wrap-rtl { | |
| float: right; | |
| } | |
| .ui-jqgrid .ui-ellipsis { | |
| text-overflow: ellipsis; | |
| } | |
| .popup-innerblock .ui-jqgrid .ui-jqgrid-hbox { | |
| padding-right: 0; | |
| } | |
| .popup-innerblock .ui-jqgrid .ui-icon-asc { | |
| display: none; | |
| } | |
| .popup-innerblock .ui-jqgrid .ui-icon-desc { | |
| display: none; | |
| } |