.spinner-arrow { display: inline-block; overflow: hidden; vertical-align: top; margin: 0; padding: 0; opacity: 1.0; filter: alpha(opacity=100); width: 18px; } .spinner-arrow.spinner-button-top, .spinner-arrow.spinner-button-bottom, .spinner-arrow.spinner-button-left, .spinner-arrow.spinner-button-right { background-color: #f5f5f5; } .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: #404040; outline-style: none; background-color: #f5f5f5; } .spinner-button-updown { opacity: 1.0; } .spinner-button-updown .spinner-button-top, .spinner-button-updown .spinner-button-bottom { position: relative; display: block; width: 100%; height: 50%; } .spinner-button-updown .spinner-arrow-up, .spinner-button-updown .spinner-arrow-down { opacity: 1.0; filter: alpha(opacity=100); cursor: pointer; width: 16px; height: 16px; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; position: absolute; } .spinner-button-updown .spinner-button-top, .spinner-button-updown .spinner-button-bottom { cursor: pointer; opacity: 0.6; filter: alpha(opacity=60); } .spinner-button-updown .spinner-button-top:hover, .spinner-button-updown .spinner-button-bottom:hover { opacity: 1.0; filter: alpha(opacity=100); } .spinner-button-updown .spinner-arrow-up, .spinner-button-updown .spinner-arrow-down, .spinner-button-updown .spinner-arrow-up:hover, .spinner-button-updown .spinner-arrow-down:hover { background-color: transparent; } .spinner-arrow-hover { background-color: #eee; opacity: 1.0; filter: alpha(opacity=100); } .spinner-button-top:hover, .spinner-button-bottom:hover, .spinner-button-left:hover, .spinner-button-right:hover, .spinner-arrow-up:hover, .spinner-arrow-down:hover { opacity: 1.0; filter: alpha(opacity=100); background-color: #eee; } .textbox-disabled .spinner-button-top:hover, .textbox-disabled .spinner-button-bottom:hover, .textbox-disabled .spinner-button-left:hover, .textbox-disabled .spinner-button-right:hover, .textbox-icon-disabled .spinner-arrow-up:hover, .textbox-icon-disabled .spinner-arrow-down:hover { opacity: 0.6; filter: alpha(opacity=60); background-color: #f5f5f5; cursor: default; } .spinner .textbox-icon-disabled { opacity: 0.6; filter: alpha(opacity=60); } .spinner-arrow-up { background: url('images/spinner_arrows.png') no-repeat 1px center; background-color: #f5f5f5; } .spinner-arrow-down { background: url('images/spinner_arrows.png') no-repeat -15px center; background-color: #f5f5f5; } .spinner-button-up { background: url('images/spinner_arrows.png') no-repeat -32px center; } .spinner-button-down { background: url('images/spinner_arrows.png') no-repeat -48px center; }
.slider-disabled { opacity: 0.5; filter: alpha(opacity=50); } .slider-h { height: 22px; } .slider-v { width: 22px; } .slider-inner { position: relative; height: 6px; top: 7px; border-width: 1px; border-style: solid; border-radius: 4px; } .slider-handle { position: absolute; display: block; outline: none; width: 20px; height: 20px; top: 50%; margin-top: -10px; margin-left: -10px; } .slider-tip { position: absolute; display: inline-block; line-height: 12px; font-size: 14px; white-space: nowrap; top: -22px; } .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: 14px; } .slider-v .slider-inner { width: 6px; left: 7px; top: 0; float: left; } .slider-v .slider-handle { left: 50%; 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: #ddd; background: #f5f5f5; } .slider-rule span { border-color: #ddd; } .slider-rulelabel span { color: #404040; }
.sidemenu .tree-hit { background-image: none; } .sidemenu-default-icon { background-image: none; width: 0; } .sidemenu .accordion .accordion-header, .sidemenu .accordion .accordion-body { border-bottom-color: transparent; background: transparent; } .sidemenu .accordion .accordion-header { color: #000000; } .sidemenu .accordion-header .panel-title { height: 30px; line-height: 30px; color: #000000; } .sidemenu .accordion-header:hover { background: #eee; color: #000000; } .sidemenu .tree-node-hover { background: #eee; color: #000000; } .sidemenu .tree-node-selected { border-right: 2px solid #00bbee; color: #fff; background: #00bbee; } .sidemenu .tree-node { height: 40px; } .sidemenu .tree-title { margin: 11px 0; } .sidemenu .tree-node-nonleaf { position: relative; } .sidemenu .tree-node-nonleaf::after { display: inline-block; content: ''; position: absolute; top: 50%; margin-top: -8px; background: url('images/accordion_arrows.png') no-repeat 0 0; width: 16px; height: 16px; right: 5px; } .sidemenu .tree-node-nonleaf-collapsed::after { background: url('images/accordion_arrows.png') no-repeat -16px 0; } .sidemenu-collapsed .panel-icon { left: 50%; margin-left: -8px; } .sidemenu-tooltip { padding: 0; margin: 0 -12px; border: 0; } .sidemenu-tooltip .tooltip-arrow-outer, .sidemenu-tooltip .tooltip-arrow { display: none; }
.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: #f5f5f5; } .searchbox .l-btn-plain-disabled, .searchbox .l-btn-plain-disabled:hover { opacity: 0.5; filter: alpha(opacity=50); }
.radiobutton { position: relative; border: 2px solid #00bbee; border-radius: 50%; } .radiobutton-inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #00bbee; border-radius: 50%; transform: scale(.6); } .radiobutton-disabled { opacity: 0.6; } .radiobutton-value { position: absolute; overflow: hidden; width: 1px; height: 1px; left: -999px; }
.propertygrid .datagrid-view1 .datagrid-body td { padding-bottom: 1px; border-width: 0 1px 0 0; } .propertygrid .datagrid-group { overflow: hidden; border-width: 0 0 1px 0; border-style: solid; } .propertygrid .datagrid-group span { font-weight: bold; } .propertygrid .datagrid-view1 .datagrid-body td { border-color: #eee; } .propertygrid .datagrid-view1 .datagrid-group { border-color: #f5f5f5; } .propertygrid .datagrid-view2 .datagrid-group { border-color: #eee; } .propertygrid .datagrid-group, .propertygrid .datagrid-view1 .datagrid-body, .propertygrid .datagrid-view1 .datagrid-row-over, .propertygrid .datagrid-view1 .datagrid-row-selected { background: #f5f5f5; }
.progressbar { border-width: 1px; border-style: solid; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; overflow: hidden; position: relative; } .progressbar-text { text-align: center; position: absolute; } .progressbar-value { position: relative; overflow: hidden; width: 0; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .progressbar { border-color: #ddd; } .progressbar-text { color: #404040; font-size: 14px; } .progressbar-value, .progressbar-value .progressbar-text { background-color: #00bbee; color: #fff; }
.passwordbox-open { background: url('images/passwordbox_open.png') no-repeat center center; } .passwordbox-close { background: url('images/passwordbox_close.png') no-repeat center center; }
.panel { overflow: hidden; text-align: left; margin: 0; border: 0; -moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .panel-header, .panel-body { border-width: 1px; border-style: solid; } .panel-header { padding: 5px; position: relative; } .panel-title { background: url('images/blank.gif') no-repeat; } .panel-header-noborder { border-width: 0 0 1px 0; } .panel-body { overflow: auto; border-top-width: 0; padding: 0; } .panel-body-noheader { border-top-width: 1px; } .panel-body-noborder { border-width: 0px; } .panel-body-nobottom { border-bottom-width: 0; } .panel-with-icon { padding-left: 18px; } .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: #eee; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; } .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: hidden; } .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-min { background: url('images/panel_tools.png') no-repeat 0px 0px; } .panel-tool-max { background: url('images/panel_tools.png') no-repeat 0px -16px; } .panel-tool-restore { background: url('images/panel_tools.png') no-repeat -16px -16px; } .panel-tool-collapse { background: url('images/panel_tools.png') no-repeat -32px 0; } .panel-tool-expand { background: url('images/panel_tools.png') no-repeat -32px -16px; } .panel-header, .panel-body { border-color: #ddd; } .panel-header { background-color: #f5f5f5; } .panel-body { background-color: #ffffff; color: #404040; font-size: 14px; } .panel-title { font-size: 14px; font-weight: bold; color: #000000; height: 20px; line-height: 20px; } .panel-footer { border: 1px solid #ddd; overflow: hidden; background: #fafafa; } .panel-footer-noborder { border-width: 1px 0 0 0; } .panel-hleft, .panel-hright { position: relative; } .panel-hleft>.panel-body, .panel-hright>.panel-body { position: absolute; } .panel-hleft>.panel-header { float: left; } .panel-hright>.panel-header { float: right; } .panel-hleft>.panel-body { border-top-width: 1px; border-left-width: 0; } .panel-hright>.panel-body { border-top-width: 1px; border-right-width: 0; } .panel-hleft>.panel-body-nobottom { border-bottom-width: 1px; border-right-width: 0; } .panel-hright>.panel-body-nobottom { border-bottom-width: 1px; border-left-width: 0; } .panel-hleft>.panel-footer { position: absolute; right: 0; } .panel-hright>.panel-footer { position: absolute; left: 0; } .panel-hleft>.panel-header-noborder { border-width: 0 1px 0 0; } .panel-hright>.panel-header-noborder { border-width: 0 0 0 1px; } .panel-hleft>.panel-body-noborder { border-width: 0; } .panel-hright>.panel-body-noborder { border-width: 0; } .panel-hleft>.panel-body-noheader { border-left-width: 1px; } .panel-hright>.panel-body-noheader { border-right-width: 1px; } .panel-hleft>.panel-footer-noborder { border-width: 0 0 0 1px; } .panel-hright>.panel-footer-noborder { border-width: 0 1px 0 0; } .panel-hleft>.panel-header .panel-icon, .panel-hright>.panel-header .panel-icon { margin-top: 0; top: 5px; left: 50%; margin-left: -8px; } .panel-hleft>.panel-header .panel-title, .panel-hright>.panel-header .panel-title { position: absolute; min-width: 16px; left: 25px; top: 5px; bottom: auto; white-space: nowrap; word-wrap: normal; -webkit-transform: rotate(90deg); -webkit-transform-origin: 0 0; -moz-transform: rotate(90deg); -moz-transform-origin: 0 0; -o-transform: rotate(90deg); -o-transform-origin: 0 0; transform: rotate(90deg); transform-origin: 0 0; } .panel-hleft>.panel-header .panel-title-up, .panel-hright>.panel-header .panel-title-up { position: absolute; min-width: 16px; left: 21px; top: auto; bottom: 0px; text-align: right; white-space: nowrap; word-wrap: normal; -webkit-transform: rotate(-90deg); -webkit-transform-origin: 0 0; -moz-transform: rotate(-90deg); -moz-transform-origin: 0 0; -o-transform: rotate(-90deg); -o-transform-origin: 0 0; transform: rotate(-90deg); transform-origin: 0 16px; } .panel-hleft>.panel-header .panel-with-icon.panel-title-up, .panel-hright>.panel-header .panel-with-icon.panel-title-up { padding-left: 0; padding-right: 18px; } .panel-hleft>.panel-header .panel-tool, .panel-hright>.panel-header .panel-tool { top: auto; bottom: 5px; width: 16px; height: auto; left: 50%; margin-left: -8px; margin-top: 0; } .panel-hleft>.panel-header .panel-tool a, .panel-hright>.panel-header .panel-tool a { margin: 2px 0 0 0; }
.pagination { zoom: 1; padding: 2px; } .pagination table { float: left; height: 30px; } .pagination td { border: 0; } .pagination-btn-separator { float: left; height: 24px; border-left: 1px solid #ddd; border-right: 1px solid #fff; margin: 3px 1px; } .pagination .pagination-num { border-width: 1px; border-style: solid; margin: 0 2px; padding: 2px; width: 3em; height: auto; text-align: center; font-size: 14px; } .pagination-page-list { margin: 0px 6px; padding: 1px 2px; width: auto; height: auto; border-width: 1px; border-style: solid; } .pagination-info { float: right; margin: 0 6px; padding: 0; height: 30px; line-height: 30px; font-size: 14px; } .pagination span { font-size: 14px; } .pagination-link .l-btn-text { box-sizing: border-box; text-align: center; margin: 0; padding: 0 .5em; width: auto; min-width: 28px; } .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: #ddd; }