html { *overflow:auto } body, button, input, select, textarea { font-family:PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans; font-size:13px } a:focus { outline:none } .left{ float:left;} .panel { overflow:hidden; margin:0; -moz-border-radius:0 0 0 0; -webkit-border-radius:0 0 0 0; border-right:1px solid #cacaca; } .panel-body {} .panel-header { padding:5px; position:relative; border-bottom:1px solid #cacaca; } .panel-title { background:url("images/blank.gif") no-repeat } .panel-header-noborder { border-width:0 0 1px 0 } .panel-body { overflow:auto; padding:0 } .panel-body-noheader { border-top-width:1px } .panel-body-noborder { border:none !important } .panel-body-nobottom { border-bottom-width:0 } .panel-with-icon { padding-left:18px } .panel-title.panel-with-icon { padding-left:20px } .panel-icon, .panel-tool { position:absolute; top:50%; margin-top:-8px; height:16px; overflow:hidden } .panel-icon { left:5px; width:16px } .panel-tool { right:5px; width:auto } .panel-tool a { display:inline-block; width:16px; height:16px; opacity:0.6; filter:alpha(opacity=60); margin:0 0 0 2px; vertical-align:top } .panel-tool a:hover { opacity:1; filter:alpha(opacity=100); background-color:#fff; -moz-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px } .panel-loading { padding:11px 0px 10px 30px } .panel-noscroll { overflow:hidden } .panel-fit, .panel-fit body { height:100%; margin:0; padding:0; border:0; overflow:auto; } .panel-loading { background:url("images/loading.gif") no-repeat 10px 10px } .panel-tool-close { background:url("images/panel_tools.png") no-repeat -16px 0px } .panel-tool-close:hover { /*background-color:#e3e3e3 !important;*/ background:url('images/new/panel_tools_hover.png?1464357223') no-repeat -16px 0px } .panel-tool-min { background:url("images/panel_tools.png") no-repeat 0px 0px } .panel-tool-min:hover { background-color:#e3e3e3 !important; background:url('images/new/panel_tools_hover.png?1464357223') no-repeat 0 0 } .panel-tool-max { background:url("images/panel_tools.png") no-repeat 0px -16px } .panel-tool-max:hover { background-color:#e3e3e3 !important; background:url('images/new/panel_tools_hover.png?1464357223') no-repeat 0 -16px } .panel-tool-restore { background:url("images/panel_tools.png") no-repeat -16px -16px } .panel-tool-restore:hover { background-color:#e3e3e3 !important; background:url('images/new/panel_tools_hover.png?1464357223') no-repeat -16px -16px } .panel-tool-collapse { background:url("images/panel_tools.png") no-repeat -32px 0 } .panel-tool-collapse:hover { background-color:#e3e3e3 !important; background:url('images/new/panel_tools_hover.png?1464357223') no-repeat -32px 0 } .panel-tool-expand { background:url("images/panel_tools.png") no-repeat -32px -16px } .panel-tool-expand:hover { background-color:#e3e3e3 !important; background:url('images/new/panel_tools_hover.png?1464357223') no-repeat -32px -16px } .panel-header { background-color:#e3e3e3; background:-webkit-linear-gradient(top, #e3e3e3 0, #e3e3e3 100%); background:-moz-linear-gradient(top, #e3e3e3 0, #e3e3e3 100%); background:-o-linear-gradient(top, #e3e3e3 0, #e3e3e3 100%); background:linear-gradient(to bottom, #e3e3e3 0, #e3e3e3 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e3e3e3, endColorstr=#e3e3e3, GradientType=0) } .panel-body { background-color:#ffffff; color:#000000; font-size:12px } .panel-title { font-size:12px; color:#171e24; height:29px; line-height:29px; font-weight:normal; padding-left:10px } .panel-footer { border:1px solid #bfbfbf; overflow:hidden; background:#f1f1f1; line-height:24px } .panel-footer-noborder { border-width:1px 0 0 0 } .tabs-container { overflow:hidden } .tabs-header { border-width:1px; border-style:solid; border-bottom-width:0; position:relative; padding:0; padding-top:6px; overflow:hidden } .tabs-scroller-left, .tabs-scroller-right { position:absolute; top:auto; bottom:0; width:18px; font-size:1px; display:none; cursor:pointer; border-width:1px; border-style:solid } .tabs-scroller-left { left:0 } .tabs-scroller-right { right:0 } .tabs-tool { position:absolute; bottom:0; padding:1px; overflow:hidden; border-width:1px; border-style:solid } .tabs-header-plain .tabs-tool { padding:0 1px } .tabs-wrap { position:relative; left:0; overflow:hidden; width:100%; margin:0; padding:0 } .tabs-scrolling { margin-left:18px; margin-right:18px } .tabs-disabled { opacity:0.3; filter:alpha(opacity=30) } .tabs { list-style-type:none; height:34px; margin:0px; padding:0px; padding-left:4px; width:50000px; border-style:solid; border-width:0 0 1px 0 } .tabs li { float:left; display:inline-block; margin:0 4px -3px 0; padding:0; position:relative; border:0; border-top:2px solid #1da02b; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0 } .tabs li a.tabs-inner { display:inline-block; text-decoration:none; margin:0; padding:0 16px; height:25px; line-height:25px; text-align:center; white-space:nowrap; border-width:1px; border-style:solid; background-color:#1da02b; border:1px solid #1da02b; border-top:2px; color:#fff; font-size:13px; height:32px; line-height:32px } .tabs li a.tabs-inner .m-btn-downarrow { background:url('images/new/tab_dropdown.png?1464355731') } .tabs li a.tabs-inner .m-btn-downarrow:hover { background:url('images/new/tab_dropdown_hover.png?1464355749') } .tabs li.tabs-selected { border-top:2px solid #ff9d02 } .tabs li.tabs-selected a.tabs-inner { outline:none } .tabs li.tabs-selected a:hover.tabs-inner { cursor:default; pointer:default } .tabs li a.tabs-close, .tabs-p-tool { position:absolute; font-size:1px; display:block; height:16px; padding:0; top:50%; margin-top:-6px; overflow:hidden } .tabs li a.tabs-close { width:16px; right:5px; opacity:0.6; filter:alpha(opacity=60) } .tabs-p-tool { right:16px } .tabs-p-tool a { display:inline-block; font-size:1px; width:12px; height:12px; margin:0; opacity:0.6; filter:alpha(opacity=60) } .tabs li a:hover.tabs-close, .tabs-p-tool a:hover { opacity:1; filter:alpha(opacity=100); cursor:hand; cursor:pointer; background-color:transparent !important } .tabs-with-icon { padding-left:18px } .tabs-icon { position:absolute; width:16px; height:16px; left:10px; top:50%; margin-top:-8px } .tabs-title { font-size:12px } .tabs-closable { padding-right:8px } .tabs-panels { margin:0px; padding:0px; border-width:1px; border-style:solid; border-top-width:0; overflow:hidden } .tabs-header-bottom { border-width:0 1px 1px 1px; padding:0 0 2px 0 } .tabs-header-bottom .tabs { border-width:1px 0 0 0 } .tabs-header-bottom .tabs li { margin:-1px 4px 0 0 } .tabs-header-bottom .tabs li a.tabs-inner { -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px } .tabs-header-bottom .tabs-tool { top:0 } .tabs-header-bottom .tabs-scroller-left, .tabs-header-bottom .tabs-scroller-right { top:0; bottom:auto } .tabs-panels-top { border-width:1px 1px 0 1px } .tabs-header-left { float:left; border-width:1px 0 1px 1px; padding:0 } .tabs-header-right { float:right; border-width:1px 1px 1px 0; padding:0 } .tabs-header-left .tabs-wrap, .tabs-header-right .tabs-wrap { height:100% } .tabs-header-left .tabs { height:100%; padding:4px 0 0 2px; border-width:0 1px 0 0 } .tabs-header-right .tabs { height:100%; padding:4px 2px 0 0; border-width:0 0 0 1px } .tabs-header-left .tabs li, .tabs-header-right .tabs li { display:block; width:100%; position:relative } .tabs-header-left .tabs li { left:auto; right:0; margin:0 -1px 4px 0; float:right } .tabs-header-right .tabs li { left:0; right:auto; margin:0 0 4px -1px; float:left } .tabs-justified li a.tabs-inner { padding-left:0; padding-right:0 } .tabs-header-left .tabs li a.tabs-inner { display:block; text-align:left; padding-left:10px; padding-right:10px; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px } .tabs-header-right .tabs li a.tabs-inner { display:block; text-align:left; padding-left:10px; padding-right:10px; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0 } .tabs-panels-right { float:right; border-width:1px 1px 1px 0 } .tabs-panels-left { float:left; border-width:1px 0 1px 1px } .tabs-header-noborder, .tabs-panels-noborder { border:0px } .tabs-header-plain { border:0px; background:transparent } .tabs-pill { padding-bottom:3px } .tabs-header-bottom .tabs-pill { padding-top:3px; padding-bottom:0 } .tabs-header-left .tabs-pill { padding-right:3px } .tabs-header-right .tabs-pill { padding-left:3px } .tabs-header .tabs-pill li a.tabs-inner { -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px } .tabs-header-narrow, .tabs-header-narrow .tabs-narrow { padding:0 } .tabs-narrow li, .tabs-header-bottom .tabs-narrow li { margin-left:0; margin-right:-1px } .tabs-narrow li.tabs-last, .tabs-header-bottom .tabs-narrow li.tabs-last { margin-right:0 } .tabs-header-left .tabs-narrow, .tabs-header-right .tabs-narrow { padding-top:0 } .tabs-header-left .tabs-narrow li { margin-bottom:-1px; margin-right:-1px } .tabs-header-left .tabs-narrow li.tabs-last, .tabs-header-right .tabs-narrow li.tabs-last { margin-bottom:0 } .tabs-header-right .tabs-narrow li { margin-bottom:-1px; margin-left:-1px } .tabs-scroller-left { background:#E0ECFF url("images/tabs_icons.png") no-repeat 1px center } .tabs-scroller-right { background:#E0ECFF url("images/tabs_icons.png") no-repeat -15px center } .tabs li a.tabs-close { margin-top:-8px; background:url('images/new/tabs_close.png?1464355647') no-repeat 0 center } .tabs li a.tabs-close:hover { background:url('images/new/tabs_close_hover.png?1464355659') no-repeat 0 center } .tabs li:hover a.tabs-inner, .tabs li.tabs-selected a.tabs-inner { background:#fff; color:#000000; filter:none } .tabs li:hover a.tabs-close, .tabs li.tabs-selected a.tabs-close { background:url('images/new/tabs_close_hover.png?1464355659') no-repeat 0 center } .tabs li:hover .m-btn-downarrow, .tabs li.tabs-selected .m-btn-downarrow { background:url('images/new/tab_dropdown_hover.png?1464355749') !important } .tabs li.tabs-selected a.tabs-inner { background:#fff; border-top-color:#ff9d02; background-color:#ffffff; color:#0E2D5F; background-repeat:repeat-x } .tabs li a.tabs-inner { color:#fff; background-color:#1da02b } .tabs-header, .tabs-tool { background-color:#e3e3e3 } .tabs-header-plain { background:transparent } .tabs-header, .tabs-scroller-left, .tabs-scroller-right, .tabs-tool, .tabs, .tabs-panels, .tabs li a.tabs-inner, .tabs li.tabs-selected a.tabs-inner, .tabs-header-bottom .tabs li.tabs-selected a.tabs-inner, .tabs-header-left .tabs li.tabs-selected a.tabs-inner, .tabs-header-right .tabs li.tabs-selected a.tabs-inner { border-color:#bfbfbf } .tabs-p-tool a:hover, .tabs li a:hover.tabs-close, .tabs-scroller-over { background-color:#eaf2ff } .tabs li.tabs-selected a.tabs-inner { border-bottom:1px solid #ffffff } .tabs-header-bottom .tabs li.tabs-selected a.tabs-inner { border-top:1px solid #ffffff } .tabs-header-left .tabs li.tabs-selected a.tabs-inner { border-right:1px solid #ffffff } .tabs-header-right .tabs li.tabs-selected a.tabs-inner { border-left:1px solid #ffffff } .tabs-header .tabs-pill li.tabs-selected a.tabs-inner { background:#ffe48d; color:#000000; filter:none; border-color:#95B8E7 } .tree { margin:0; padding:0; list-style-type:none } .tree li { white-space:nowrap } .tree li ul { list-style-type:none; margin:0; padding:0 } .tree-node { height:25px; white-space:nowrap; cursor:pointer; line-height:25px } .tree-hit { cursor:pointer } .tree-expanded, .tree-collapsed, .tree-folder, .tree-file, .tree-checkbox, .tree-indent { display:inline-block; width:16px; height:18px; vertical-align:middle; overflow:hidden } .tree-expanded { background:url("images/tree_icons.png") no-repeat -18px 0px } .tree-expanded-hover { background:url("images/tree_icons.png") no-repeat -50px 0px } .tree-collapsed { background:url("images/tree_icons.png") no-repeat 0px 0px } .tree-collapsed-hover { background:url("images/tree_icons.png") no-repeat -32px 0px } .tree-lines .tree-expanded, .tree-lines .tree-root-first .tree-expanded { background:url("images/tree_icons.png") no-repeat -144px 0 } .tree-lines .tree-collapsed, .tree-lines .tree-root-first .tree-collapsed { background:url("images/tree_icons.png") no-repeat -128px 0 } .tree-lines .tree-node-last .tree-expanded, .tree-lines .tree-root-one .tree-expanded { background:url("images/tree_icons.png") no-repeat -80px 0 } .tree-lines .tree-node-last .tree-collapsed, .tree-lines .tree-root-one .tree-collapsed { background:url("images/tree_icons.png") no-repeat -64px 0 } .tree-line { background:url("images/tree_icons.png") no-repeat -176px 0 } .tree-join { background:url("images/tree_icons.png") no-repeat -192px 0 } .tree-joinbottom { background:url("images/tree_icons.png") no-repeat -160px 0 } .tree-folder { background:url("images/tree_icons.png") no-repeat -208px 0 } .tree-folder-open { background:url("images/tree_icons.png") no-repeat -224px 0 } .tree-file { background:url("images/tree_icons.png") no-repeat -240px 0 } .tree-loading { background:url("images/loading.gif") no-repeat center center } .tree-checkbox0 { background:url("images/tree_icons.png") no-repeat -208px -18px } .tree-checkbox1 { background:url("images/tree_icons.png") no-repeat -224px -18px } .tree-checkbox2 { background:url("images/tree_icons.png") no-repeat -240px -18px } .tree-title { font-size:12px; display:inline-block; text-decoration:none; vertical-align:middle; white-space:nowrap; padding:0 2px; height:25px; line-height:25px } .tree-node-proxy { font-size:12px; line-height:20px; padding:0 2px 0 20px; border-width:1px; border-style:solid; z-index:9900000 } .tree-dnd-icon { display:inline-block; position:absolute; width:16px; height:18px; left:2px; top:50%; margin-top:-9px } .tree-dnd-yes { background:url("images/tree_icons.png") no-repeat -256px 0 } .tree-dnd-no { background:url("images/tree_icons.png") no-repeat -256px -18px } .tree-node-top { border-top:1px dotted red } .tree-node-bottom { border-bottom:1px dotted red } .tree-node-append .tree-title { border:1px dotted red } .tree-editor { border:1px solid #000; font-size:12px; line-height:16px; padding:0 4px; margin:0; width:80px; outline-style:none; vertical-align:middle; position:absolute; top:0 } .tree-node-proxy { background-color:#666; color:#fff; border-color:#000 } .tree-node-hover { background:#e8e8e8; color:#000 } .tree-node-selected { background:#e8e8e8; color:#000 } .tree-node-hidden { display:none } .textbox { position:relative; border:1px solid #d7d7d7; background-color:#fff; vertical-align:middle; display:inline-block; margin:0; padding:0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; height:28px; line-height:28px; padding:0px 5px; } .textbox .textbox-text { font-size:14px; border:0; margin:0; padding:4px; white-space:normal; vertical-align:top; outline-style:none; resize:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0 } .textbox .textbox-text::-ms-clear, .textbox .textbox-text::-ms-reveal { display:none } .textbox textarea.textbox-text { white-space:pre-wrap } .textbox .textbox-prompt { font-size:14px; color:#aaa } .textbox .textbox-bgicon { background-position:3px center; padding-left:21px } .textbox .textbox-button, .textbox .textbox-button:hover { position:absolute; top:0; padding:0; vertical-align:top; -moz-border-radius:0 0 0 0; -webkit-border-radius:0 0 0 0; border-radius:0 0 0 0 } .textbox-button-right, .textbox-button-right:hover { border-width:0 0 0 1px; border-color:#cfcfcf } .textbox-button-left, .textbox-button-left:hover { border-width:0 1px 0 0 } .textbox-addon { position:absolute; top:0 } .textbox-icon { display:inline-block; width:18px; height:20px; overflow:hidden; vertical-align:top; background-position:center center; cursor:pointer; opacity:0.6; filter:alpha(opacity=60); text-decoration:none; outline-style:none } .textbox-icon-disabled, .textbox-icon-readonly { cursor:default } .textbox-icon:hover { opacity:1.0; filter:alpha(opacity=100) } .textbox-icon-disabled:hover { opacity:0.6; filter:alpha(opacity=60) } .textbox-focused { border-color:#adadad; -moz-box-shadow:0 0 3px 1px #e7e5e5; -webkit-box-shadow:0 0 3px 1px #e7e5e5; box-shadow:0 0 3px 1px #e7e5e5 } .textbox-invalid { border-top:1px solid #f06047; border-left:1px solid #f06047; border-right:1px solid #f4aca0; border-bottom:1px solid #f4aca0; background-color:#ffe6e2 } .validatebox-invalid { background-color:#ffe6e2 } .combo-arrow { background:url("images/combo_arrow.png") no-repeat center center } .dialog-content { overflow:auto } .dialog-toolbar { position:relative; padding:2px 5px } .dialog-tool-separator { float:left; height:24px; border-left:1px solid #ccc; border-right:1px solid #fff; margin:2px 1px } .dialog-button .l-btn { margin-left:5px } .dialog-toolbar, .dialog-button { background:#F4F4F4; /*border-width:1px; border-style:solid;*/ border:1px solid #f4f4f4; } .dialog-button { position:relative; /*top:-1px;*/ padding:5px; text-align:right; border-top:1px solid #ddd; } .window-thinborder .dialog-toolbar { border-left:transparent; border-right:transparent; border-top-color:#F4F4F4 } .window-thinborder .dialog-button { top:0px; padding:5px 8px 8px 8px; border-left:transparent; border-right:transparent; border-bottom:transparent } .panel.window { padding:0 } .window.dialog .window-header, .panel.dialog .window-header { height:38px; line-height:38px; color:#333; padding:0; background:#eee; } .window.dialog .panel-title, .panel.dialog .panel-title { height:38px; line-height:38px; color:#333; font-size:13px } .window.dialog, .window.dialog .window-body, .panel.dialog, .panel.dialog .window-body { border:1px solid #bfbfbf } .window.dialog .window-header, .panel.dialog .window-header { padding-left:5px } .dialog.window .window-header .panel-icon { left:6px; margin-top:-8px } .dialog .panel-icon, .dialog .panel-tool { position:absolute; top:50%; margin-top:-8px; height:20px; overflow:hidden } .dialog .panel-tool-close { width:20px !important; height:20px !important; background:url('images/new/dialog_close.png?1464355571') no-repeat 0 0px } .dialog .panel-tool-close:hover { background:url('images/new/dialog_close.png?1464355571') no-repeat -20px 0px } .calendar { border-width:1px; border-style:solid; padding:0; overflow:hidden } .calendar table { table-layout:fixed; border-collapse:separate; font-size:12px; width:100%; height:100% } .calendar table td, .calendar table th { font-size:12px } .calendar-noborder { border:0 } .calendar-header { position:relative; height:30px } .calendar-title { text-align:center; height:30px } .calendar-title span { position:relative; display:inline-block; top:3px; padding:0 3px; height:18px; line-height:18px; font-size:12px; cursor:pointer; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px } .calendar-prevmonth, .calendar-nextmonth, .calendar-prevyear, .calendar-nextyear { position:absolute; top:50%; margin-top:-7px; width:14px; height:14px; cursor:pointer; font-size:1px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px } .calendar-prevmonth { left:20px; background:url("images/calendar_arrows.png") no-repeat -18px -2px } .calendar-nextmonth { right:20px; background:url("images/calendar_arrows.png") no-repeat -34px -2px } .calendar-prevyear { left:3px; background:url("images/calendar_arrows.png") no-repeat -1px -2px } .calendar-nextyear { right:3px; background:url("images/calendar_arrows.png") no-repeat -49px -2px } .calendar-body { position:relative } .calendar-body th, .calendar-body td { text-align:center } .calendar-day { border:0; padding:1px; cursor:pointer; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0 } .calendar-day.calendar-other-month { opacity:1; filter:alpha(opacity=100); color:#a6a6a6 } .calendar-disabled { opacity:0.6; filter:alpha(opacity=60); cursor:default } .calendar-menu { position:absolute; top:0; left:0; width:180px; height:150px; padding:5px; font-size:12px; display:none; overflow:hidden } .calendar-menu-year-inner { text-align:center; padding-bottom:5px } .calendar-menu-year { width:50px; text-align:center; border-width:1px; border-style:solid; outline-style:none; resize:none; margin:0; padding:2px; font-weight:bold; font-size:12px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px } .calendar-menu-prev, .calendar-menu-next { display:inline-block; width:21px; height:21px; vertical-align:top; cursor:pointer; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px } .calendar-menu-prev { margin-right:10px; background:url("images/calendar_arrows.png") no-repeat 2px 2px } .calendar-menu-next { margin-left:10px; background:url("images/calendar_arrows.png") no-repeat -45px 2px } .calendar-menu-month { text-align:center; cursor:pointer; font-weight:bold; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px } .calendar-body th, .calendar-menu-month { color:#000 } .calendar-day { color:#000 } .calendar-sunday { color:#de3618 } .calendar-saturday { color:#198f25 } .calendar-today { color:#1da02b } .calendar-menu-year { border-color:#000 } .calendar { border-color:#cbcbcb; border-bottom-left-radius:3px; border-bottom-right-radius:3px; box-shadow:0 2px 0 0 #e3e3e3 } .calendar-header { background:#e3e3e3 } .calendar-body, .calendar-menu { background:#fff } .calendar-body th { background:#f1f1f1; color:#000; padding:6px 0; font-weight:normal } .calendar-hover, .calendar-nav-hover, .calendar-menu-hover { background-color:#777; color:#fff } .calendar-hover { border:1px solid #555; padding:0 } .calendar-selected { background-color:#1da02b; color:#fff; border:1px solid #1da02b; padding:0 } .datagrid .panel-body { overflow:hidden; position:relative } .datagrid-view { position:relative; overflow:hidden } .datagrid-view1, .datagrid-view2 { position:absolute; overflow:hidden; top:0 } .datagrid-view1 { left:0 } .datagrid-view2 { right:0 } .datagrid-mask { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.3; filter:alpha(opacity=30); display:none } .datagrid-mask-msg { position:absolute; top:50%; margin-top:-20px; padding:10px 5px 10px 30px; width:auto; height:16px; border-width:2px; border-style:solid; display:none } .datagrid-sort-icon { padding:0; display:none } .datagrid-toolbar { height:auto; padding:1px 2px; border-width:0 0 1px 0; border-style:solid } .datagrid-btn-separator { float:left; height:24px; border-left:1px solid #444; border-right:1px solid #777; margin:2px 1px } .datagrid .datagrid-pager { display:block; margin:0; border-width:0; border-style:solid } .datagrid .datagrid-pager.pagination .pagination-info { height:38px; line-height:38px } .datagrid .datagrid-pager.pagination table { height:38px } .datagrid .datagrid-pager-top { border-width:0 0 1px 0 } .datagrid-header { overflow:hidden; cursor:default; border-width:0 0 1px 0; border-style:solid } .datagrid-header-inner { float:left; width:10000px } .datagrid-header-row, .datagrid-row { height:28px } .datagrid-header td, .datagrid-body td, .datagrid-footer td { border-width:0 1px 1px 0; border-style:solid; margin:0; padding:0 4px; } .datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber { margin:0; padding:0; white-space:nowrap; word-wrap:normal; overflow:hidden; height:18px; line-height:18px; font-size:12px; font-weight:normal; /*color:#000*/ } .datagrid-header-row .datagrid-cell { font-weight:bold; white-space:inherit; line-height:inherit; } .datagrid-header .datagrid-cell { height:auto } .datagrid-header .datagrid-cell span { font-size:13px } .datagrid-cell-group { text-align:center; text-overflow:ellipsis } .datagrid-header-rownumber, .datagrid-cell-rownumber { width:39px; text-align:center; color:#000; margin:0; padding:0 } .datagrid-body { margin:0; padding:0; overflow:auto; zoom:1 } .datagrid-view1 .datagrid-body-inner { padding-bottom:20px } .datagrid-view1 .datagrid-body { overflow:hidden } .datagrid-footer { overflow:hidden } .datagrid-footer-inner { border-width:1px 0 0 0; border-style:solid; width:10000px; float:left } .datagrid-row-editing .datagrid-cell { height:auto } .datagrid-header-check, .datagrid-cell-check { padding:0; width:27px; height:18px; font-size:1px; text-align:center; overflow:hidden } .datagrid-header-check input, .datagrid-cell-check input { margin:0; padding:0; width:15px; height:18px } .datagrid-resize-proxy { position:absolute; width:1px; height:10000px; top:0; cursor:e-resize; display:none } .datagrid-body .datagrid-editable { margin:0; padding:0 } .datagrid-body .datagrid-editable table { width:100%; height:100% } .datagrid-body .datagrid-editable td { border:0; margin:0; padding:0 } .datagrid-view .datagrid-editable-input { margin:0; padding:2px 4px; border:1px solid #000; font-size:12px; outline-style:none; -moz-border-radius:0 0 0 0; -webkit-border-radius:0 0 0 0; border-radius:0 0 0 0 } .datagrid-view .validatebox-invalid { border-color:#ffa8a8 } .datagrid-sort .datagrid-sort-icon { display:inline; padding:0 13px 0 0; background:url("images/datagrid_icons.png") no-repeat -64px center } .datagrid-sort-desc .datagrid-sort-icon { display:inline; padding:0 13px 0 0; background:url("images/datagrid_icons.png") no-repeat -16px center } .datagrid-sort-asc .datagrid-sort-icon { display:inline; padding:0 13px 0 0; background:url("images/datagrid_icons.png") no-repeat 0px center } .datagrid-row-collapse { background:url("images/datagrid_icons.png") no-repeat -48px center } .datagrid-row-expand { background:url("images/datagrid_icons.png") no-repeat -32px center } .datagrid-mask-msg { background:lightgray url("images/loading.gif") no-repeat scroll 5px center } .datagrid-header, .datagrid-td-rownumber { background-color:#f1f1f1; background:-webkit-linear-gradient(top, #f1f1f1 0, #f1f1f1 100%); background:-moz-linear-gradient(top, #f1f1f1 0, #f1f1f1 100%); background:-o-linear-gradient(top, #f1f1f1 0, #f1f1f1 100%); background:linear-gradient(to bottom, #f1f1f1 0, #f1f1f1 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f1f1f1, endColorstr=#f1f1f1, GradientType=0) } .datagrid-cell-rownumber { color:#000 } .datagrid-resize-proxy { background:#cccccc } .datagrid-mask { background:lightgray } .datagrid-mask-msg { border-color:lightgray } .datagrid-toolbar, .datagrid-pager { background:#fff } .datagrid-toolbar { padding:5px 10px 0 10px; } .datagrid-header, .datagrid-toolbar, .datagrid-pager, .datagrid-footer-inner { border-color:#cacaca } .datagrid-header td, .datagrid-body td, .datagrid-footer td { border-color:#cacaca } .datagrid-htable{ text-align:center;} .datagrid-htable, .datagrid-btable, .datagrid-ftable { color:#000; font-weight:bold; border-collapse:separate } .datagrid-row-alt { background:#f8f8f8 } .datagrid-row-over, .datagrid-header td.datagrid-header-over { background:#f1f1f1; color:#000; cursor:default } .datagrid-row-selected { background:#c1ffc1; color:#000 } .datagrid-row-editing .textbox, .datagrid-row-editing .textbox-text { -moz-border-radius:0 0 0 0; -webkit-border-radius:0 0 0 0; border-radius:0 0 0 0 } .datagrid .panel-tool-collapse:hover { background:url('images/new/grid.png?1465136119') 0 0 } .datagrid .panel-tool-expand:hover { background:url('images/new/grid.png?1465136119') -16px 0 } .l-btn { text-decoration:none; display:inline-block; overflow:hidden; margin:0; padding:0 14px; cursor:pointer; outline:none; text-align:center; vertical-align:middle; line-height:28px; height:28px } .l-btn.easyui-fluid { padding:0 } .l-btn-plain { border:1px solid transparent; padding:0px; padding:0 14px } .l-btn-left { display:inline-block; position:relative; overflow:hidden; margin:0; padding:0; vertical-align:top } .l-btn-text { display:inline-block; vertical-align:top; width:auto; line-height:28px; font-size:12px; padding:0; } .l-btn-icon { display:inline-block; width:16px; height:16px; line-height:16px; position:absolute; top:50%; margin-top:-8px; font-size:1px } .l-btn span span .l-btn-empty { display:inline-block; margin:0; width:16px; height:24px; font-size:1px; vertical-align:top } .l-btn span .l-btn-icon-left { padding:0 0 0 20px; background-position:left center } .l-btn span .l-btn-icon-right { padding:0 20px 0 0; background-position:right center } .l-btn-icon-left .l-btn-text { margin:0 4px 0 24px } .l-btn-icon-left .l-btn-icon { left:4px } .l-btn-icon-right .l-btn-text { margin:0 24px 0 4px } .l-btn-icon-right .l-btn-icon { right:4px } .l-btn-icon-top .l-btn-text { margin:20px 4px 0 4px } .l-btn-icon-top .l-btn-icon { top:4px; left:50%; margin:0 0 0 -8px } .l-btn-icon-bottom .l-btn-text { margin:0 4px 20px 4px } .l-btn-icon-bottom .l-btn-icon { top:auto; bottom:4px; left:50%; margin:0 0 0 -8px } .l-btn-left .l-btn-empty { margin:0 4px; width:16px } .l-btn-plain:hover { padding:0 14px } .l-btn-focus { outline:#0000FF dotted thin } .l-btn.l-btn-large { height:auto } .l-btn-large .l-btn-text { line-height:40px } .l-btn-large .l-btn-icon { width:32px; height:32px; line-height:32px; margin-top:-16px } .l-btn-large .l-btn-icon-left .l-btn-text { margin-left:40px } .l-btn-large .l-btn-icon-right .l-btn-text { margin-right:40px } .l-btn-large .l-btn-icon-top .l-btn-text { margin-top:36px; line-height:24px; min-width:32px } .l-btn-large .l-btn-icon-top .l-btn-icon { margin:0 0 0 -16px } .l-btn-large .l-btn-icon-bottom .l-btn-text { margin-bottom:36px; line-height:24px; min-width:32px } .l-btn-large .l-btn-icon-bottom .l-btn-icon { margin:0 0 0 -16px } .l-btn-large .l-btn-left .l-btn-empty { margin:0 4px; width:32px } .l-btn { color:#000; background:#e8e8e8; background-repeat:repeat-x; border:1px solid #afafaf; background:-webkit-linear-gradient(top, #e8e8e8 0, #e8e8e8 100%); background:-moz-linear-gradient(top, #e8e8e8 0, #e8e8e8 100%); background:-o-linear-gradient(top, #e8e8e8 0, #e8e8e8 100%); background:linear-gradient(to bottom, #e8e8e8 0, #e8e8e8 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#919191, endColorstr=#6a6a6a, GradientType=0); -moz-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px } .l-btn:hover { background:#f6f6f6; color:#000; border:1px solid #afafaf; filter:none } .l-btn-plain { background:transparent; border:1px solid transparent; filter:none } .l-btn-outline { border-width:1px; border-color:#555; padding:0 } .l-btn-plain:hover { background:#f6f6f6; color:#000; border:1px solid #afafaf; -moz-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px } .l-btn-disabled, .l-btn-disabled:hover { opacity:0.5; cursor:default; background:#e8e8e8; color:#bfbfbf; border:1px solid #cacaca; background:-webkit-linear-gradient(top, #e8e8e8 0, #e8e8e8 100%); background:-moz-linear-gradient(top, #e8e8e8 0, #e8e8e8 100%); background:-o-linear-gradient(top, #e8e8e8 0, #e8e8e8 100%); background:linear-gradient(to bottom, #e8e8e8 0, #e8e8e8 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e8e8e8, endColorstr=#e8e8e8, GradientType=0) } .l-btn-disabled .l-btn-text, .l-btn-disabled .l-btn-icon { filter:alpha(opacity=50) } .l-btn-plain-disabled, .l-btn-plain-disabled:hover { background:transparent; filter:alpha(opacity=50) } .l-btn-selected, .l-btn-selected:hover { background:#1da02b; filter:none; color:#fff; border:1px solid #1da02b } .l-btn-plain-selected, .l-btn-plain-selected:hover { background:#1da02b; color:#fff; border:1px solid #1da02b } .layout { position:relative; overflow:auto; margin:0; padding:0; z-index:0 } .layout-panel { position:absolute; overflow:hidden } .layout-panel-east, .layout-panel-west { z-index:2 } .layout-panel-north, .layout-panel-south { z-index:3 } .layout-expand { position:absolute; padding:0px; font-size:1px; cursor:pointer; z-index:1 } .layout-expand .panel-header, .layout-expand .panel-body { background:transparent; filter:none; overflow:hidden } .layout-expand .panel-header { border-bottom-width:0px } .layout-split-proxy-h, .layout-split-proxy-v { position:absolute; font-size:1px; display:none; z-index:5 } .layout-split-proxy-h { width:5px; cursor:e-resize } .layout-split-proxy-v { height:5px; cursor:n-resize } .layout-mask { position:absolute; background:#fafafa; filter:alpha(opacity=10); opacity:0.10; z-index:4 } .layout-button-up { background:url("images/layout_arrows.png") no-repeat -16px -16px } .layout-button-down { background:url("images/layout_arrows.png") no-repeat -16px 0 } .layout-button-left { background:url("images/layout_arrows.png") no-repeat 0 0 } .layout-button-right { background:url("images/layout_arrows.png") no-repeat 0 -16px } .layout-split-proxy-h, .layout-split-proxy-v { background-color:#859416 } .layout-split-north { border-bottom:5px solid #fafafa } .layout-split-south { border-top:5px solid #fafafa } .layout-split-east { border-left:5px solid #fafafa } .layout-split-west { border-right:5px solid #fafafa } .layout-expand { background-color:#f1f1f1 } .layout-expand-over { background-color:#e5f0c9 } .window { overflow:hidden; border-width:1px; border-style:solid } .window .window-header { background:#e3e3e3; padding:0px 0px 6px 0px; height:33px; line-height:33px } .window .window-body { border-width:1px; border-style:solid; border-top-width:0px } .window .window-body-noheader { border-top-width:1px } .window .window-header .panel-icon, .window .window-header .panel-tool { top:50%; margin-top:-10px } .window .window-header .panel-icon { left:10px } .window .window-header .panel-tool { right:11px } .window .window-header .panel-with-icon { padding-left:35px; height:38px; line-height:38px } .window-proxy { position:absolute; overflow:hidden } .window-proxy-mask { position:absolute; filter:alpha(opacity=5); opacity:0.05 } .window-mask { position:absolute; left:0; top:0; width:100%; height:100%; filter:alpha(opacity=40); opacity:0.40; font-size:1px; *zoom:1; overflow:hidden } .window, .window-shadow { position:absolute; -moz-border-radius:0px 0px 0px 0px; -webkit-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px } .window-shadow { background:#fafafa; -moz-box-shadow:2px 2px 3px #fafafa; -webkit-box-shadow:2px 2px 3px #fafafa; box-shadow:2px 2px 3px #fafafa; filter:progid:DXImageTransform.Microsoft.Blur(pixelRadius=2, MakeShadow=false, ShadowOpacity=0.2) } .window, .window .window-body { border-color:#bfbfbf } .window { background-color:#f0e3bf } .window-proxy { border:1px dashed #bfbfbf } .window-proxy-mask, .window-mask { background:#000 } .slider-disabled { opacity:0.5; filter:alpha(opacity=50) } .slider-h { height:22px } .slider-v { width:22px } .slider-inner { position:relative; height:3px; top:7px; border-width:1px; border-style:solid; border-radius:0px } .slider-handle { position:absolute; display:block; outline:none; width:20px; height:20px; top:-7px; margin-left:-10px } .slider-tip { position:absolute; display:inline-block; line-height:12px; font-size:12px; white-space:nowrap; top:-22px; color:#000 } .slider-rule { position:relative; top:15px } .slider-rule span { position:absolute; display:inline-block; font-size:0; height:5px; border-width:0 0 0 1px; border-style:solid } .slider-rulelabel { position:relative; top:20px } .slider-rulelabel span { position:absolute; display:inline-block; font-size:12px } .slider-v .slider-inner { width:6px; left:7px; top:0; float:left } .slider-v .slider-handle { left:3px; margin-top:-10px } .slider-v .slider-tip { left:-10px; margin-top:-6px } .slider-v .slider-rule { float:left; top:0; left:16px } .slider-v .slider-rule span { width:5px; height:'auto'; border-left:0; border-width:1px 0 0 0; border-style:solid } .slider-v .slider-rulelabel { float:left; top:0; left:23px } .slider-handle { background:url("images/slider_handle.png") no-repeat } .slider-inner { border-color:#bfbfbf; background:#f1f1f1 } .slider-rule span { border-color:#999999 } .slider-rulelabel span { color:#000 } .tooltip { position:absolute; display:none; z-index:9900000; outline:none; opacity:1; filter:alpha(opacity=100); padding:10px; border-width:1px; border-style:solid; border-radius:5px; -moz-border-radius:0px 0px 0px 0px; -webkit-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px; border-color:#cbcbcb; border-bottom-left-radius:3px; border-bottom-right-radius:3px; box-shadow:0 2px 0 0 #e3e3e3 } .tooltip-content { font-size:12px } .tooltip-arrow-outer, .tooltip-arrow { position:absolute; width:0; height:0; line-height:0; font-size:0; border-style:solid; border-width:6px; border-color:transparent; _border-color:tomato; _filter:chroma(color=tomato) } .tooltip-right .tooltip-arrow-outer { left:0; top:50%; margin:-6px 0 0 -13px } .tooltip-right .tooltip-arrow { left:0; top:50%; margin:-6px 0 0 -12px } .tooltip-left .tooltip-arrow-outer { right:0; top:50%; margin:-6px -13px 0 0 } .tooltip-left .tooltip-arrow { right:0; top:50%; margin:-6px -12px 0 0 } .tooltip-top .tooltip-arrow-outer { bottom:0; left:50%; margin:0 0 -13px -6px } .tooltip-top .tooltip-arrow { bottom:0; left:50%; margin:0 0 -12px -6px } .tooltip-bottom .tooltip-arrow-outer { top:0; left:50%; margin:-13px 0 0 -6px } .tooltip-bottom .tooltip-arrow { top:0; left:50%; margin:-12px 0 0 -6px } .tooltip { background-color:#fff; border-color:#cbcbcb; color:#000 } .tooltip-right .tooltip-arrow-outer { border-right-color:#fff } .tooltip-right .tooltip-arrow { border-right-color:#fff } .tooltip-left .tooltip-arrow-outer { border-left-color:#fff } .tooltip-left .tooltip-arrow { border-left-color:#fff } .tooltip-top .tooltip-arrow-outer { border-top-color:#fff } .tooltip-top .tooltip-arrow { border-top-color:#fff } .tooltip-bottom .tooltip-arrow-outer { border-bottom-color:#fff } .tooltip-bottom .tooltip-arrow { border-bottom-color:#fff } .pagination { zoom:1; background:#f1f1f1 } .pagination table { float:left; height:50px } .pagination table .l-btn { text-decoration:none; display:inline-block; overflow:hidden; margin:0 4px; padding:0; cursor:pointer; outline:none; text-align:center; vertical-align:middle; line-height:24px; height:24px; border-radius:0 } .pagination table .l-btn-icon { display:inline-block; width:16px; height:16px; line-height:16px; position:absolute; top:50%; margin-top:-8px } .pagination table .l-btn-text { display:inline-block; vertical-align:top; width:auto; line-height:24px; font-size:12px; padding:0; margin:0 4px } .pagination table .l-btn-left .l-btn-empty { width:16px } .pagination table .l-btn-plain { border:1px solid #afafaf; background-color:#e8e8e8 } .pagination td { border:0 } .pagination-btn-separator { float:left; height:24px; border-left:1px solid #ddd; border-right:1px solid #fff; margin:3px 1px; display:none } .pagination .pagination-num { border-width:1px; border-style:solid; margin:0 2px; padding:2px; width:2em; height:20px; line-height:20px } .pagination-page-list { margin:0px 6px; padding:1px 2px; width:auto; height:26px; line-height:26px; border-width:1px; border-style:solid } .pagination-info { float:right; margin:0 12px 0 0; padding:0; height:50px; line-height:50px; font-size:12px } .pagination span { font-size:12px } a.pagination-link { padding:1px } a.pagination-link span.l-btn-left { padding-left:0 } a.pagination-link span span.l-btn-text { width:24px; text-align:center } a:hover.pagination-link { padding:0 } .pagination-first { background:url("images/pagination_icons.png") no-repeat 0 center } .pagination-prev { background:url("images/pagination_icons.png") no-repeat -16px center } .pagination-next { background:url("images/pagination_icons.png") no-repeat -32px center } .pagination-last { background:url("images/pagination_icons.png") no-repeat -48px center } .pagination-load { background:url("images/pagination_icons.png") no-repeat -64px center } .pagination-loading { background:url("images/loading.gif") no-repeat center center } .pagination-page-list, .pagination .pagination-num { border-color:#adadad #cfcfcf #cfcfcf #adadad } .pagination table .l-btn-plain:hover { background:#3a93d4; color:#fff; border:1px solid #3a93d4; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0 } .pagination table .l-btn-plain:hover .pagination-first { background:url('images/new/pagination_icons_hover.png?1464356963') no-repeat 0 center } .pagination table .l-btn-plain:hover .pagination-prev { background:url('images/new/pagination_icons_hover.png?1464356963') no-repeat -16px center } .pagination table .l-btn-plain:hover .pagination-next { background:url('images/new/pagination_icons_hover.png?1464356963') no-repeat -32px center } .pagination table .l-btn-plain:hover .pagination-last { background:url('images/new/pagination_icons_hover.png?1464356963') no-repeat -48px center } .pagination table .l-btn-plain:hover .pagination-load { background:url('images/new/pagination_icons_hover.png?1464356963') no-repeat -64px center } .pagination table .l-btn-plain-disabled, .pagination table .l-btn-plain-disabled:hover { background-color:#e8e8e8; border-color:#afafaf } .pagination table .l-btn-plain-disabled .pagination-first, .pagination table .l-btn-plain-disabled:hover .pagination-first { background:url('images/new/pagination_icons_disabeld.png?1464356948') no-repeat 0 center } .pagination table .l-btn-plain-disabled .pagination-prev, .pagination table .l-btn-plain-disabled:hover .pagination-prev { background:url('images/new/pagination_icons_disabeld.png?1464356948') no-repeat -16px center } .pagination table .l-btn-plain-disabled .pagination-next, .pagination table .l-btn-plain-disabled:hover .pagination-next { background:url('images/new/pagination_icons_disabeld.png?1464356948') no-repeat -32px center } .pagination table .l-btn-plain-disabled .pagination-last, .pagination table .l-btn-plain-disabled:hover .pagination-last { background:url('images/new/pagination_icons_disabeld.png?1464356948') no-repeat -48px center } .pagination table .l-btn-plain-disabled .pagination-load, .pagination table .l-btn-plain-disabled:hover .pagination-load { background:url('images/new/pagination_icons_disabeld.png?1464356948') no-repeat -64px center } .progressbar { border-width:1px; border-style:solid; -moz-border-radius:0px 0px 0px 0px; -webkit-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px; overflow:hidden; position:relative } .progressbar-text { text-align:center; position:absolute } .progressbar-value { position:relative; overflow:hidden; width:0; -moz-border-radius:0px 0 0 0px; -webkit-border-radius:0px 0 0 0px; border-radius:0px 0 0 0px } .progressbar { border-color:#bfbfbf } .progressbar-text { color:#000; font-size:12px } .progressbar-value .progressbar-text { background-color:#1da028; color:#000 } .menu { position:absolute; margin:0; border-width:1px; border-style:solid; overflow:hidden; border-bottom-left-radius:3px; border-bottom-right-radius:3px; box-shadow:0 2px 0 0 #e3e3e3 } .menu-inline { position:relative } .menu-item { position:relative; margin:0; padding:0; overflow:hidden; white-space:nowrap; cursor:pointer; border-width:1px; border-style:solid } .menu-text { height:20px; line-height:20px; float:left; padding-left:28px } .menu-icon { position:absolute; width:16px; height:16px; left:2px; top:50%; margin-top:-8px } .menu-rightarrow { position:absolute; width:16px; height:16px; right:0; top:50%; margin-top:-8px } .menu-line { position:absolute; left:26px; top:0; height:2000px; font-size:1px; display:none } .menu-sep { margin:3px 0px 3px 25px; font-size:1px; display:none } .menu-noline .menu-line { display:none } .menu-noline .menu-sep { margin-left:0; margin-right:0 } .menu-active { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0 } .menu-item-disabled { opacity:0.5; filter:alpha(opacity=50); cursor:default } .menu-text, .menu-text span { font-size:12px } .menu-shadow { position:absolute; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; background:#777; -moz-box-shadow:2px 2px 3px #787878; -webkit-box-shadow:2px 2px 3px #787878; box-shadow:2px 2px 3px #787878; filter:progid:DXImageTransform.Microsoft.Blur(pixelRadius=2, MakeShadow=false, ShadowOpacity=0.2); display:none } .menu-rightarrow { background:url("images/menu_arrows.png") no-repeat -32px center } .menu-line { border-left:1px solid #444; border-right:1px solid #777 } .menu-sep { border-top:1px solid #444; border-bottom:1px solid #777 } .menu { background-color:#fff; border-color:#cbcbcb; color:#000 } .menu-content { background:#fff } .menu-item { border-color:transparent; _border-color:#666 } .menu-active { border-color:#e8e8e8; color:#000; background:#e8e8e8 } .menu-active-disabled { border-color:#e8e8e8; background:#e8e8e8; color:#000 } .messager-body { padding:10px; overflow:hidden } .messager-button { text-align:center; padding-top:5px; border-top:1px solid #ddd; } .messager-icon { float:left; width:50px; height:50px; margin:10px 10px 10px 20px; } .messager-text { line-height:50px; font-size:14px; margin:10px 0; } .messager-error { background:url("images/messager_icons.png") no-repeat scroll -100px 0 } .messager-info { background:url("images/messager_icons.png") no-repeat scroll 0 0 } .messager-question { background:url("images/messager_icons.png") no-repeat scroll -50px 0 } .messager-warning { background:url("images/messager_icons.png") no-repeat scroll -150px 0 } .messager-progress { padding:10px } .messager-p-msg { margin-bottom:5px } .messager-body .messager-input { width:100%; padding:1px 0; border:1px solid #f6c1bc } .m-btn-downarrow, .s-btn-downarrow { display:inline-block; position:absolute; width:16px; height:16px; font-size:1px; right:0; top:50%; margin-top:-8px } .m-btn-active, .s-btn-active { background:#777; color:#fff; border:1px solid #555; filter:none } .m-btn-plain-active, .s-btn-plain-active { background:transparent; padding:0; border-width:1px; border-style:solid; -moz-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px } .m-btn .l-btn-left .l-btn-text { margin-right:20px } .m-btn .l-btn-icon-right .l-btn-text { margin-right:40px } .m-btn .l-btn-icon-right .l-btn-icon { right:20px } .m-btn .l-btn-icon-top .l-btn-text { margin-right:4px; margin-bottom:14px } .m-btn .l-btn-icon-bottom .l-btn-text { margin-right:4px; margin-bottom:34px } .m-btn .l-btn-icon-bottom .l-btn-icon { top:auto; bottom:20px } .m-btn .l-btn-icon-top .m-btn-downarrow, .m-btn .l-btn-icon-bottom .m-btn-downarrow { top:auto; bottom:0px; left:50%; margin-left:-8px } .m-btn-line { display:inline-block; position:absolute; font-size:1px; display:none } .m-btn .l-btn-left .m-btn-line { right:0; width:16px; height:500px; border-style:solid; border-color:#cccccc; border-width:0 0 0 1px } .m-btn .l-btn-icon-top .m-btn-line, .m-btn .l-btn-icon-bottom .m-btn-line { left:0; bottom:0; width:500px; height:16px; border-width:1px 0 0 0 } .m-btn-large .l-btn-icon-right .l-btn-text { margin-right:56px } .m-btn-large .l-btn-icon-bottom .l-btn-text { margin-bottom:50px } .m-btn-downarrow, .s-btn-downarrow { background:url("images/menu_arrows.png") no-repeat 0 center } .m-btn-plain-active, .s-btn-plain-active { border-color:#afafaf; background-color:#e8e8e8; color:#000 } .easyui-menubutton.l-btn-plain:hover { background-color:#e8e8e8 } .easyui-menubutton.l-btn-plain:hover { padding:0 } .easyui-menubutton.l-btn-plain { padding:0 } .textbox { position:relative; border:1px solid #d7d7d7; background-color:#fff; vertical-align:middle; display:inline-block; margin:0; padding:0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; height:28px; line-height:28px; padding:0px 5px; } .textbox .textbox-text { font-size:14px; border:0; margin:0; padding:4px; white-space:normal; vertical-align:top; outline-style:none; resize:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0 } .textbox .textbox-text::-ms-clear, .textbox .textbox-text::-ms-reveal { display:none } .textbox textarea.textbox-text { white-space:pre-wrap } .textbox .textbox-prompt { font-size:14px; color:#aaa } .textbox .textbox-bgicon { background-position:3px center; padding-left:21px } .textbox .textbox-button, .textbox .textbox-button:hover { position:absolute; top:0; padding:0; vertical-align:top; -moz-border-radius:0 0 0 0; -webkit-border-radius:0 0 0 0; border-radius:0 0 0 0 } .textbox-button-right, .textbox-button-right:hover { border-width:0 0 0 1px; border-color:#cfcfcf } .textbox-button-left, .textbox-button-left:hover { border-width:0 1px 0 0 } .textbox-addon { position:absolute; top:0 } .textbox-icon { display:inline-block; width:18px; height:20px; overflow:hidden; vertical-align:top; background-position:center center; cursor:pointer; opacity:0.6; filter:alpha(opacity=60); text-decoration:none; outline-style:none } .textbox-icon-disabled, .textbox-icon-readonly { cursor:default } .textbox-icon:hover { opacity:1.0; filter:alpha(opacity=100) } .textbox-icon-disabled:hover { opacity:0.6; filter:alpha(opacity=60) } .textbox-focused { border-color:#06f; -moz-box-shadow:0 0 3px 1px #e7e5e5; -webkit-box-shadow:0 0 3px 1px #e7e5e5; box-shadow:0 0 3px 1px #e7e5e5 } .textbox-invalid { border-top:1px solid #f06047; border-left:1px solid #f06047; border-right:1px solid #f4aca0; border-bottom:1px solid #f4aca0; background-color:#ffe6e2 } .validatebox-invalid { background-color:#ffe6e2 } .combo-arrow { background:url("images/combo_arrow.png") no-repeat center center } .datebox-calendar-inner { height:180px } .datebox-button { padding:0 5px; text-align:center } .datebox-button a { line-height:22px; font-size:12px; font-weight:bold; text-decoration:none; opacity:0.6; filter:alpha(opacity=60) } .datebox-button a:hover { opacity:1.0; filter:alpha(opacity=100) } .datebox-current, .datebox-close { float:left } .datebox-close { float:right } .datebox .combo-arrow { position:relative; right:8px; width:16px !important; background-image:url('images/new/datebox_arrow.png?1464356513'); background-position:0 center; background-repeat:no-repeat } .datebox.textbox-focused .combo-arrow { background-position:-16px center } .datebox-button { background-color:#fafafa } .datebox-button a { color:#444 } .filebox .textbox-value { vertical-align:top; position:absolute; top:0; left:-5000px } .filebox-label { display:inline-block; position:absolute; width:100%; height:100%; cursor:pointer; left:0; top:0; z-index:10; background:url("images/blank.gif") no-repeat } .l-btn-disabled .filebox-label { cursor:default } .spinner-arrow { background-color:#f1f1f1; display:inline-block; overflow:hidden; vertical-align:top; margin:0; padding:0; opacity:1.0; filter:alpha(opacity=100); width:18px } .spinner-arrow-up, .spinner-arrow-down { opacity:0.6; filter:alpha(opacity=60); display:block; font-size:1px; width:18px; height:10px; width:100%; height:50%; color:#fff; outline-style:none } .spinner-arrow-hover { background-color:#777; opacity:1.0; filter:alpha(opacity=100) } .spinner-arrow-up:hover, .spinner-arrow-down:hover { opacity:1.0; filter:alpha(opacity=100); background-color:#adadad } .textbox-icon-disabled .spinner-arrow-up:hover, .textbox-icon-disabled .spinner-arrow-down:hover { opacity:0.6; filter:alpha(opacity=60); background-color:#3d3d3d; cursor:default } .spinner .textbox-icon-disabled { opacity:0.6; filter:alpha(opacity=60) } .spinner-arrow-up { background:url('images/new/spinner_arrows.png?1465220546') no-repeat 0 0 } .spinner-arrow-up:hover { background-position:-18px 0 } .spinner-arrow-down { background:url('images/new/spinner_arrows.png?1465220546') no-repeat 0 -15px } .spinner-arrow-down:hover { background-position:-18px -15px } .searchbox-button { width:18px; height:20px; overflow:hidden; display:inline-block; vertical-align:top; cursor:pointer; opacity:0.6; filter:alpha(opacity=60) } .searchbox-button-hover { opacity:1.0; filter:alpha(opacity=100) } .searchbox .l-btn-plain { border:0; padding:0; vertical-align:top; opacity:0.6; filter:alpha(opacity=60); -moz-border-radius:0 0 0 0; -webkit-border-radius:0 0 0 0; border-radius:0 0 0 0 } .searchbox .l-btn-plain:hover { border:0; padding:0; opacity:1.0; filter:alpha(opacity=100); -moz-border-radius:0 0 0 0; -webkit-border-radius:0 0 0 0; border-radius:0 0 0 0 } .searchbox a.m-btn-plain-active { -moz-border-radius:0 0 0 0; -webkit-border-radius:0 0 0 0; border-radius:0 0 0 0 } .searchbox .m-btn-active { border-width:0 1px 0 0; -moz-border-radius:0 0 0 0; -webkit-border-radius:0 0 0 0; border-radius:0 0 0 0 } .searchbox .textbox-button-right { border-width:0 0 0 1px } .searchbox .textbox-button-left { border-width:0 1px 0 0 } .searchbox-button { background:url("images/searchbox_button.png") no-repeat center center } .searchbox .l-btn-plain { background:#f3f3f3 } .searchbox .l-btn-plain-disabled, .searchbox .l-btn-plain-disabled:hover { opacity:0.5; filter:alpha(opacity=50) } .accordion { overflow:hidden; border-width:1px; border-style:solid } .accordion .accordion-header { border-width:0 0 1px; cursor:pointer } .accordion .accordion-body { border-width:0 0 1px } .accordion-noborder { border-width:0 } .accordion-noborder .accordion-header { border-width:0 0 1px } .accordion-noborder .accordion-body { border-width:0 0 1px } .accordion-collapse { background:url("images/accordion_arrows.png") no-repeat 0 0 } .accordion-expand { background:url("images/accordion_arrows.png") no-repeat -16px 0 } .accordion { background:#ffffff; border-color:#bfbfbf } .accordion .accordion-header { background:#e3e3e3; filter:none } .accordion .accordion-header-selected { background:#fef0b6 } .accordion .accordion-header-selected .panel-title { color:#000000 } .switchbutton { text-decoration:none; display:inline-block; overflow:hidden; vertical-align:middle; margin:0; padding:0; cursor:pointer; background:#bbb; border:1px solid #bbb; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px } .switchbutton-inner { display:inline-block; overflow:hidden; position:relative; top:-1px; left:-1px } .switchbutton-on, .switchbutton-off, .switchbutton-handle { display:inline-block; text-align:center; height:100%; float:left; font-size:12px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px } .switchbutton-on { background:#1da02b; color:#fff } .switchbutton-off { background-color:#ffffff; color:#000000 } .switchbutton-on, .switchbutton-reversed .switchbutton-off { -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px } .switchbutton-off, .switchbutton-reversed .switchbutton-on { -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0 } .switchbutton-handle { position:absolute; top:0; left:50%; background-color:#ffffff; color:#000000; border:1px solid #bbb; -moz-box-shadow:0 0 3px 0 #bbb; -webkit-box-shadow:0 0 3px 0 #bbb; box-shadow:0 0 3px 0 #bbb } .switchbutton-value { position:absolute; top:0; left:-5000px } .switchbutton-disabled { opacity:0.5; filter:alpha(opacity=50) } .switchbutton-disabled, .switchbutton-readonly { cursor:default } .datalist .datagrid-header { border-width:0 } .datalist .datagrid-group, .m-list .m-list-group { height:25px; line-height:25px; font-weight:bold; overflow:hidden; background-color:#fafafa; border-style:solid; border-width:0 0 1px 0; border-color:#ebebeb } .datalist .datagrid-group-expander { display:none } .datalist .datagrid-group-title { padding:0 4px } .datalist .datagrid-btable { width:100%; table-layout:fixed } .datalist .datagrid-row td { border-style:solid; border-left-color:transparent; border-right-color:transparent; border-bottom-width:0 } .datalist-lines .datagrid-row td { border-bottom-width:1px } .datalist .datagrid-cell, .m-list li { width:auto; height:auto; padding:2px 4px; line-height:18px; position:relative; white-space:nowrap; text-overflow:ellipsis; overflow:hidden } .datalist-link, .m-list li>a { display:block; position:relative; cursor:pointer; color:#404040; text-decoration:none; overflow:hidden; margin:-2px -4px; padding:2px 4px; padding-right:16px; line-height:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden } .datalist-link::after, .m-list li>a::after { position:absolute; display:block; width:8px; height:8px; content:''; right:6px; top:50%; margin-top:-4px; border-style:solid; border-width:1px 1px 0 0; -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg) } .m-list { margin:0; padding:0; list-style:none } .m-list li { border-style:solid; border-width:0 0 1px 0; border-color:#ebebeb } .m-list li>a:hover { background:#eee; color:#404040 } .m-list .m-list-group { padding:0 4px } .combobox-item, .combobox-group, .combobox-stick { font-size:12px; padding:3px } .combobox-item-disabled { opacity:0.5; filter:alpha(opacity=50) } .combobox-gitem { padding-left:10px } .combobox-group, .combobox-stick { font-weight:bold } .combobox-stick { position:absolute; top:1px; left:1px; right:1px; background:inherit } .combobox-item-hover { background-color:#e8e8e8; color:#000000 } .combobox-item-selected { background-color:#1da02b; color:#fff } .combobox-icon { display:inline-block; width:16px; height:16px; vertical-align:middle; margin-right:2px }