html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;} img,body,html{border:0;} th{font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;} q:before,q:after{content:'';} .ext-border-box, .ext-border-box * { box-sizing: border-box; } .ext-el-mask { z-index: 100; position: absolute; top:0; left:0; opacity: .50; width: 100%; height: 100%; background-color: #000; } .ext-el-mask-msg { z-index: 1001; position: absolute; top: 0; left: 0; padding:2px; background-color: #fff; border-radius: 2px; box-shadow: 0 4px 8px rgba(0,0,0,.32), 0 8px 40px rgba(0,0,0,.4); } .ext-el-mask-msg div { background-color: #fff; color:#444; padding: 15px; } .x-mask-loading div { padding:5px 10px 5px 25px; background:no-repeat 5px 5px; line-height:16px; } /* class for hiding elements without using display:none */ .x-hidden, .x-hide-offsets { position:absolute !important; left:-10000px; top:-10000px; visibility:hidden; } .x-hide-display { display:none !important; } .x-hide-nosize, .x-hide-nosize * /* Emulate display:none for children */ { height:0 !important; width:0 !important; visibility:hidden!important; border:none!important; } .x-hide-visibility { visibility:hidden !important; } .x-masked { overflow: hidden !important; } .x-masked-relative { position: relative !important; } .x-masked select, .x-masked object, .x-masked embed { visibility: hidden; } .x-layer { visibility: hidden; } .x-unselectable, .x-unselectable * { user-select: none; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; cursor:default; } .x-repaint { zoom: 1; background-color: transparent; outline: none; } .x-item-disabled { cursor: default; opacity: .6; color: gray; } .x-item-disabled * { cursor: default !important; color: gray !important; } .x-splitbar-proxy { position: absolute; visibility: hidden; z-index: 20001; zoom: 1; line-height: 1px; font-size: 1px; overflow: hidden; background-color: silver; } .x-splitbar-h, .x-splitbar-proxy-h { cursor: e-resize; } .x-splitbar-v, .x-splitbar-proxy-v { cursor: s-resize; } .x-color-palette { width: 150px; height: 94px; cursor: pointer; } .x-color-palette a { border: 1px solid #fff; float: left; padding: 2px; text-decoration: none; outline: 0 none; cursor: pointer; } .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel { border: 1px solid #CFCFCF; background-color: #eaeaea; } .x-color-palette em { display: block; border: 1px solid #aca899; } .x-color-palette em span { cursor: pointer; display: block; height: 10px; line-height: 10px; width: 10px; } .loading-indicator { margin: 5px; font-size: 11px; color: gray; } .x-text-resize { position: absolute; left: -1000px; top: -1000px; visibility: hidden; zoom: 1; } .x-drag-overlay { width: 100%; height: 100%; display: none; position: absolute; left: 0; top: 0; z-index: 20000; } .x-clear { clear:both; height:0; overflow:hidden; line-height:0; font-size:0; } .x-resizable-handle { position:absolute; z-index:100; /* ie needs these */ font-size:1px; line-height:6px; overflow:hidden; opacity:0; } .x-resizable-handle-east{ width:6px; cursor:e-resize; right:0; top:0; height:100%; } .x-resizable-handle-south{ width:100%; cursor:s-resize; left:0; bottom:0; height:6px; } .x-resizable-handle-west{ width:6px; cursor:w-resize; left:0; top:0; height:100%; } .x-resizable-handle-north{ width:100%; cursor:n-resize; left:0; top:0; height:6px; } .x-resizable-handle-southeast{ width:6px; cursor:se-resize; right:0; bottom:0; height:6px; z-index:101; } .x-resizable-handle-northwest{ width:6px; cursor:nw-resize; left:0; top:0; height:6px; z-index:101; } .x-resizable-handle-northeast{ width:6px; cursor:ne-resize; right:0; top:0; height:6px; z-index:101; } .x-resizable-handle-southwest{ width:6px; cursor:sw-resize; left:0; bottom:0; height:6px; z-index:101; } .x-resizable-proxy{ border: 1px dashed #565656; position:absolute; overflow:hidden; display:none; left:0; top:0; z-index:50000; } .x-resizable-overlay{ width:100%; height:100%; display:none; position:absolute; left:0; top:0; z-index:200000; -moz-opacity: 0; opacity:0; background-color:#fff; } .x-tab-panel { overflow:hidden; } .x-tab-panel-header, .x-tab-panel-footer { overflow:hidden; } .x-tab-strip-wrap { width:100%; overflow:hidden; position:relative; } ul.x-tab-strip { display:block; width:5000px; } .x-tab-panel-header-plain .x-tab-strip-top { background:transparent !important; padding-top:0 !important; } .x-tab-panel-header-plain { background:transparent !important; border-width:0 !important; padding-bottom:0 !important; } .x-tab-panel-header-plain .x-tab-strip-spacer, .x-tab-panel-footer-plain .x-tab-strip-spacer { border:1px solid #d0d0d0; height:3px; font-size:1px; line-height:1px; background-color: #eaeaea; } .x-tab-panel-header-plain .x-tab-strip-spacer { border-top: 0 none; } .x-tab-panel-footer-plain .x-tab-strip-spacer { border-bottom: 0 none; } .x-tab-panel-footer-plain .x-tab-strip-bottom { background:transparent !important; padding-bottom:0 !important; } .x-tab-panel-footer-plain { background:transparent !important; border-width:0 !important; padding-top:0 !important; } ul.x-tab-strip li { float:left; } ul.x-tab-strip li.x-tab-edge { float:left; margin:0 !important; padding:0 !important; border:0 none !important; font-size:1px !important; line-height:1px !important; overflow:hidden; background:transparent !important; width:1px; } .x-tab-strip a, .x-tab-strip span, .x-tab-strip em { display:block; } .x-tab-strip a { text-decoration:none !important; outline: none; cursor:pointer; } .x-tab-strip-inner { overflow:hidden; text-overflow: ellipsis; } .x-tab-strip span.x-tab-strip-text { white-space: nowrap; cursor:pointer; padding: 10px; font-size: 12px; color:#333; } .x-tab-strip-top { border-bottom:1px solid #E1E1E1; } .x-tab-strip-top .x-tab-with-icon .x-tab-right { padding-left:6px; } .x-tab-strip .x-tab-with-icon span.x-tab-strip-text { padding-left:20px; background-position: 0 3px; background-repeat: no-repeat; } .x-tab-strip-active, .x-tab-strip-active a.x-tab-right { cursor:default; } .x-tab-strip-active span.x-tab-strip-text { cursor:default; } .x-tab-strip-disabled .x-tabs-text { cursor:default; color:#aaaaaa; } .x-tab-panel-body { overflow:hidden; } .x-tab-panel-bwrap { overflow:hidden; } .x-tab-strip-bottom { border-top:1px solid #E1E1E1; } .x-tab-strip-bottom .x-tab-right { padding:0 15px; border-top: 2px solid transparent; } .x-tab-strip-top .x-tab-right { padding:0 15px; border-bottom: 2px solid transparent; } .x-tab-strip .x-tab-strip-close { display:none; } .x-tab-strip-closable { position:relative; } .x-tab-strip-closable .x-tab-left { padding-right:10px; } .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close { opacity:.6; display:block; width:16px; height:16px; position:absolute; top:13px; right:0; cursor:pointer; z-index:2; background: url(../images/extjs/gray/tabs/tab-close.png) no-repeat; background-size: 8px 8px; } .x-tab-strip .x-tab-strip-active a.x-tab-strip-close { opacity:.8; } .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{ opacity:1; } .x-tab-scroller-left { width:18px; position:absolute; left:0; top:0; z-index:10; cursor:pointer; background: url(../images/extjs/gray/tabs/scroll-left.png) no-repeat; background-size: 18px 21px; } .x-tab-scroller-left-over, .x-tab-scroller-right-over { background-position: 6px 8px; } .x-tab-scroller-left-disabled, .x-tab-scroller-right-disabled { opacity:.5; cursor:default; } .x-tab-scroller-right { border-bottom: 1px solid; width:18px; position:absolute; right:0; top:0; z-index:10; cursor:pointer; background: url(../images/extjs/gray/tabs/scroll-right.png) no-repeat; background-size: 18px 21px; } .x-tab-scrolling-bottom .x-tab-scroller-left, .x-tab-scrolling-bottom .x-tab-scroller-right{ margin-top: 1px; } .x-tab-scrolling .x-tab-strip-wrap { margin-left:18px; margin-right:18px; } .x-tab-scrolling { position:relative; } .x-tab-panel-bbar .x-toolbar { border:none; overflow:hidden; } .x-tab-panel-tbar .x-toolbar { border:none; overflow:hidden; } /* all fields */ .x-form-field{ margin: 0 0 0 0; font: 13px 'Roboto', Helvetica, sans-serif; } .ext-webkit *:focus{ outline: none !important; } /* ---- text fields ---- */ .x-form-text, textarea.x-form-field{ padding:1px 3px; border:1px solid #d9d9d9; border-top-color: #c0c0c0; border-radius: 1px; } .x-form-text { height: 24px; padding-left: 5px; } .x-form-text:hover, textarea.x-form-field:hover { border-color: #b9b9b9; border-top-color: #a0a0a0; } textarea.x-form-field { padding:2px 3px; } textarea {resize: none;} /* select boxes */ .x-form-select-one { height:20px; line-height:18px; vertical-align:middle; border: 1px solid #C1C1C1; background-color:#fff; } /* multi select boxes */ /* 2.0.2 style */ .x-form-check-wrap { line-height:18px; height: auto; } .x-form-check-wrap input{ vertical-align: bottom; } .x-editor .x-form-check-wrap { padding:3px; background-color:#fff; } .x-editor .x-form-checkbox { height:13px; } .x-form-check-group-label { margin-bottom: 5px; padding-left: 3px !important; float: none !important; border-bottom: 1px solid #d0d0d0; color: #333; } /* wrapped fields and triggers */ .x-form-field-wrap .x-form-trigger { width:24px; height:24px; cursor:pointer; position:absolute; top:0; background: whitesmoke url(../images/icons/trigger.png) no-repeat center; background-size: 16px; border: 1px solid #d9d9d9; border-top-color:#c0c0c0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-left:none; } .x-small-editor .x-form-field-wrap .x-form-trigger { width: 20px; height: 20px; } .x-form-field-wrap .x-form-trigger-over { border-color: #b9b9b9; border-top-color: #a0a0a0; } .x-form-field-wrap .x-form-trigger-click{ box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.1); } .x-form-field-wrap .x-form-date-trigger, .x-form-field-wrap .x-form-clear-trigger, .x-form-field-wrap .x-form-search-trigger{ cursor:pointer; } .x-form-field-wrap .x-form-date-trigger{ background-image: url(../images/extjs/default/shared/calendar.gif); background-size:12px; } .x-form-field-wrap .x-form-clear-trigger{ background-image: url(../images/extjs/gray/tabs/tab-close.png); background-size: 8px 8px; } .x-form-field-wrap .x-form-add-user-trigger{ background-image:url(../images/icons/user_add.png); } .x-form-field-wrap .x-form-twin-triggers .x-form-trigger{ position:static; top:auto; vertical-align:top; } .x-form-field-wrap { position:relative; left:0;top:0; text-align: left; white-space: nowrap; } .x-item-disabled .x-form-trigger-over{ background-position:0 0 !important; border-bottom: 1px solid #b5b8c8; } .x-item-disabled .x-form-trigger-click{ background-position:0 0 !important; border-bottom: 1px solid #b5b8c8; } .x-trigger-noedit{ cursor:pointer; } /* field focus style */ .x-form-focus, textarea.x-form-focus { border-color: #b9b9b9; border-top-color: #a0a0a0; box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); } /* invalid fields */ .x-form-invalid, textarea.x-form-invalid{ border: 1px solid #ff7870; background-color:#fee; } .x-form-inner-invalid, textarea.x-form-inner-invalid{ background-color:#fff; } /* editors */ .x-editor { visibility:hidden; padding:0; margin:0; } .x-form-grow-sizer { left: -10000px; padding: 8px 3px; position: absolute; visibility:hidden; top: -10000px; white-space: pre-wrap; word-wrap: break-word; } .x-form-grow-sizer p { margin:0 !important; border:0 none !important; padding:0 !important; } /* Form Items CSS */ .x-form-item { font-size: 13px; display:block; margin-bottom:4px; } .x-form-item label.x-form-item-label { display:block; float:left; width:100px; padding:3px; padding-left:0; clear:left; z-index:2; position:relative; } .x-form-element { padding-left:105px; position:relative; } .x-form-invalid-msg { padding:2px; padding-left:18px; line-height:16px; width:200px; color:#c0272b; font-size: 12px; } .x-form-label-left label.x-form-item-label { text-align:left; } .x-form-label-right label.x-form-item-label { text-align:right; } .x-form-label-top .x-form-item label.x-form-item-label { width:auto; float:none; clear:none; display:inline; margin-bottom:4px; position:static; } .x-form-label-top .x-form-element { padding-left:0; padding-top:4px; } .x-form-label-top .x-form-item { padding-bottom:4px; } .x-form-empty-field {color:#A9A9A9;} /* Editor small font for grid, toolbar and tree */ .x-small-editor .x-form-text { height: 20px; line-height:16px; vertical-align:middle; } .x-small-editor .x-form-select-one { height:20px; line-height:16px; vertical-align:middle; } .x-small-editor .x-form-num-field { text-align:right; } .ext-webkit .x-small-editor .x-form-text{padding-top:3px;} .x-form-clear { clear:both; height:0; overflow:hidden; line-height:0; font-size:0; } .x-form-clear-left { clear:left; height:0; overflow:hidden; line-height:0; font-size:0; } .x-form-cb-label { position: relative; margin-left:4px; top: 2px; } .x-form-display-field{ padding-top: 2px; } .x-form-column { float:left; padding:0; margin:0; width:48%; overflow:hidden; } /* buttons */ .x-form .x-form-btns-ct .x-btn{ float:right; clear:none; } .x-form .x-form-btns-ct .x-form-btns td { border:0; padding:0; } .x-form .x-form-btns-ct .x-form-btns-right table{ float:right; clear:none; } .x-form .x-form-btns-ct .x-form-btns-left table{ float:left; clear:none; } .x-form .x-form-btns-ct .x-form-btns-center{ text-align:center; /*ie*/ } .x-form .x-form-btns-ct .x-form-btns-center table{ margin:0 auto; /*everyone else*/ } .x-form .x-form-btns-ct table td.x-form-btn-td{ padding:3px; } .x-form-invalid-icon { width:16px; height:18px; visibility:hidden; position:absolute; left:0; top:0; display:block; background:transparent url(../images/extjs/default/form/exclamation.gif) no-repeat 0 2px; } /* fieldsets */ .x-fieldset { border:1px solid #CCCCCC; padding:10px; margin-bottom:10px; border-radius: 2px; } .x-fieldset legend { color:#777777; } /* make top of checkbox/tools visible in webkit */ .ext-webkit .x-fieldset-header { padding-top: 1px; } .x-fieldset legend .x-tool-toggle { margin-right:3px; margin-left:0; float:left !important; } .x-fieldset legend input { margin-right:3px; float:left !important; height:13px; width:13px; } .ext-ie .x-fieldset legend input { margin-top: 1px; } fieldset.x-panel-collapsed { padding-bottom:0 !important; border-width: 1px 1px 0 1px !important; border-left-color: transparent; border-right-color: transparent; } fieldset.x-panel-collapsed .x-fieldset-bwrap { visibility:hidden; position:absolute; left:-1000px; top:-1000px; } .x-fieldset-noborder { border:0; } .x-fieldset-noborder legend { margin-left:-3px; } .x-hide-label label.x-form-item-label { display:none; } .x-hide-label .x-form-element { padding-left: 0 !important; } .x-form-label-top .x-hide-label label.x-form-item-label{ display: none; } .x-fieldset, .x-fieldset-bwrap, .x-fieldset-body { overflow:hidden; } .frBtn { font-size: 12px; line-height: 27px; padding: 0 8px; border-radius: 2px; border: 1px solid transparent; cursor: pointer; color: rgba(0,0,0,.87); transition: box-shadow 400ms cubic-bezier(0.4,0.0,0.2,1); margin:3px; } .frBtn * { cursor: pointer; } .frBtn.x-btn-text-icon i.fa {margin-right:3px;} .frBtn.x-btn-over { background-color: white; border-color:white; color: #000000; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); } .frBtn.x-btn-click, .frBtn.x-btn-pressed { box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.1); background-color:#e1e1e1; } .fr-btn-default { padding: 0 10px; font-weight: 500; background-color: #FAFAFA; border: 1px solid #dcdcdc; text-transform: uppercase; margin:3px; } .fr-btn-default.regular-case { text-transform:none; } .fr-btn-default.x-btn-over { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-color:silver; color: #333; } .fr-btn-default.x-btn-click { box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); color: #333; } .fr-btn-in-form { margin: 0 !important; padding: 3px !important; line-height: inherit; height: 24px; min-width: 24px; } .fr-btn-smaller { line-height: 20px; min-width: 50px; } .frBtn.fr-btn-icon-white i { color: white; } .fr-btn-nomargin { margin: 0 !important; } .fr-btn-pagingtbar { padding:3px !important; margin: 2px !important; min-width: inherit; line-height: 15px; } .fr-btn-primary span { color: #FFF; } .fr-btn-primary.x-btn-over { box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); } .fr-btn-primary.x-btn-click { box-shadow: none; } .x-btn-text { white-space: nowrap; } .x-btn-over {border: 1px solid silver;} .x-btn-pressed, .x-btn-click { border: 1px solid whitesmoke; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); } .x-btn-over .x-btn-text, .x-btn-pressed .x-btn-text, .x-btn-click .x-btn-text { color:#000; } .x-btn-noicon { text-align: center; } .x-btn-noicon i { display: none; } .x-btn-icon { padding:7px; } .x-btn-icon span { display: none; } .x-btn-noicon .x-btn-small .x-btn-text{ height: 16px; } .x-btn-noicon .x-btn-medium .x-btn-text{ height: 24px; } .x-btn-noicon .x-btn-large .x-btn-text{ height: 32px; } .x-btn-icon .x-btn-text { background-position: center; background-repeat: no-repeat; } .x-btn-disabled *{ cursor:default !important; color:gray !important; } .x-toolbar{ border:none; display: block; position:relative; left:0; top:0; overflow:hidden; background-color:white; } .x-toolbar-left { width: 100%; } .x-toolbar .x-item-disabled .x-btn-icon { opacity: .35; } .x-toolbar td { vertical-align:middle; } .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{ white-space: nowrap; } .x-toolbar .x-item-disabled { cursor:default; opacity:.6; color:gray; } .x-toolbar .x-item-disabled * { cursor:default; color:gray; } .x-toolbar .x-toolbar-cell { vertical-align:middle; } .x-toolbar div.xtb-text{ font-size: 11px; padding:2px 2px 0; line-height:16px; display:block; } .x-toolbar .xtb-sep { display: block; font-size: 1px; height: 18px; width:0; overflow: hidden; cursor:default; margin: 0 2px 0; border:0; border-left:1px solid #E1E1E1; } .x-toolbar .xtb-spacer { width:2px; } /* Paging Toolbar */ .x-tbar-page-number{ width:30px; height:13px; } .x-paging-info { position:absolute; top:5px; right: 8px; color:#444; } /* floating */ .x-toolbar-ct { width:100%; } .x-toolbar-right td { text-align: center; } .x-panel-tbar, .x-panel-bbar, .x-window-tbar, .x-window-bbar, .x-tab-panel-tbar, .x-tab-panel-bbar, .x-plain-tbar,.x-plain-bbar { overflow:hidden; } .x-toolbar-more .x-btn-small .x-btn-text{ height: 16px; width: 12px; } .x-toolbar-more em.x-btn-arrow { display:inline; background-color:transparent; padding-right:0; } .x-toolbar-more .x-btn-mc em.x-btn-arrow { background-image: none; } div.x-toolbar-no-items { color:gray !important; padding:5px 10px !important; } .x-toolbar .x-btn-mc em.x-btn-split { background-image:url(../images/extjs/default/button/s-arrow-noline.gif); } .x-toolbar .x-btn-over .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split { background-image:url(../images/extjs/gray/button/s-arrow-o.gif); } .x-toolbar .x-btn-mc em.x-btn-split-bottom { background-image:url(../images/extjs/default/button/s-arrow-b-noline.gif); } .x-toolbar .x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split-bottom { background-image:url(../images/extjs/gray/button/s-arrow-bo.gif); } .ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text { margin:0 !important; } .x-toolbar-right td .x-form-field-trigger-wrap{ text-align: left; } .x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{ margin-top: 5px; } .x-toolbar-cell .x-form-cb-label{ vertical-align: bottom; top: 1px; } /* Grid3 styles */ .x-grid3 { position:relative; overflow:hidden; background-color:#fff; } .x-grid3 table { table-layout:fixed; } .x-grid3-viewport{ overflow:hidden; } .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{ outline: none; } .x-grid3-row td, .x-grid3-summary-row td { line-height:13px; vertical-align: middle; padding-left:1px; padding-right:1px; -moz-user-select: none; -webkit-user-select:none; font-size: 13px; color: #222; } .x-grid3-hd-row td { line-height:15px; vertical-align:middle; font-size:13px; color: #565656; } .x-grid3-hd-row .x-grid3-marker-hd { padding:3px; } .x-grid3-row .x-grid3-marker { padding:3px; } .x-grid3-cell-inner, .x-grid3-hd-inner{ overflow:hidden; text-overflow: ellipsis; padding:6px; white-space: nowrap; width:auto; } /* ActionColumn, reduce padding to accommodate 16x16 icons in normal row height */ .x-action-col-cell .x-grid3-cell-inner { padding-top: 1px; padding-bottom: 1px; } .x-action-col-icon { cursor: pointer; } .x-grid3-hd-inner { position:relative; cursor:inherit; padding:4px 3px 4px 5px; } .x-grid3-row-body { white-space:normal; } .x-grid3-body-cell { outline:0 none; } .x-grid-row-loading { background-color: #fff; } .x-grid-page { overflow:hidden; } .x-grid3-row { cursor: default; width:100%; border: none; border-bottom: 1px solid #EFEFEF; } .x-grid3-row-alt {background-color:#fafafa;} .x-grid3-row-over { background-color:whitesmoke; } .x-grid3-resize-proxy { width:1px; left:0; cursor: col-resize; position:absolute; top:0; height:100px; overflow:hidden; visibility:hidden; border:0 none; z-index:7; background-color:#777; } .x-grid3-resize-marker { width:1px; left:0; position:absolute; top:0; height:100px; overflow:hidden; visibility:hidden; border:0 none; z-index:7; background-color:#777; } .x-grid3-focus { position:absolute; left:0; top:0; width:1px; height:1px; line-height:1px; font-size:1px; outline:0 none; -moz-user-select: text; -webkit-user-select:none; } /* header styles */ .x-grid3-header{ cursor:default; padding:1px 0 0 0; background-color:#FAFAFA; border-bottom:1px solid #EEEEEE; min-height: 20px; } .x-grid3-header-pop { border-left:1px solid #d0d0d0; float:right; clear:none; } .x-grid3-header-pop-inner { border-left:1px solid #eee; width:14px; height:19px; } .x-grid3-header-inner { overflow:hidden; float:left; } .x-grid3-header-offset { padding-left:1px; text-align: left; } td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open { font-weight:bold; } .x-grid3-sort-icon{ background-repeat: no-repeat; display: none; height: 5px; width: 9px; margin-left:6px; margin-right:5px; vertical-align: middle; background-size: 9px 5px; } .sort-asc .x-grid3-sort-icon { display: inline; background-image: url(../images/extjs/gray/grid/sort_asc.png); } .sort-desc .x-grid3-sort-icon { display: inline; background-image: url(../images/extjs/gray/grid/sort_desc.png); } /* Body Styles */ .x-grid3-scroller { overflow:auto; -webkit-overflow-scrolling: touch; position:relative; } .x-grid3-body { height: 100%; } .x-grid3-cell-text, .x-grid3-hd-text { display: block; padding: 3px 5px; color:#000; } .x-grid3-hd-text {color:#333;} .x-grid3-split { cursor: col-resize; display: block; font-size: 1px; height: 16px; overflow: hidden; position: absolute; top: 2px; width: 6px; z-index: 3; } /* Column Reorder DD */ .x-dd-drag-proxy .x-grid3-hd-inner{ width:120px; padding:3px; overflow:hidden; background-color:#f9f9f9; } .col-move-top, .col-move-bottom{ width:9px; height:9px; position:absolute; top:0; line-height:1px; font-size:1px; overflow:hidden; visibility:hidden; z-index:20000; background:transparent no-repeat left top; } .col-move-top{ background-image:url(../images/extjs/gray/grid/col-move-top.gif); } .col-move-bottom{ background-image:url(../images/extjs/gray/grid/col-move-bottom.gif); } /* Selection Styles */ /* dirty cells */ .x-grid3-dirty-cell { background: transparent url(../images/extjs/default/grid/dirty.gif) no-repeat 0 0; } /* Grid Toolbars */ .x-grid3-topbar, .x-grid3-bottombar{ overflow:hidden; display:none; position:relative; } .x-grid3-topbar .x-toolbar{ border-right:0 none; } .x-grid3-bottombar .x-toolbar{ border-right:0 none; border-bottom:0 none; border-top:1px solid #a9bfd3; } /* Props Grid Styles */ .x-props-grid .x-grid3-cell{ padding:1px; } .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{ padding-left:12px; color:#000 !important; } .x-props-grid .x-grid3-body .x-grid3-td-name{ padding:1px; padding-right:0; border:0 none; border-right:1px solid #eee; background-color:#fff !important; } /* dd */ .x-grid3-col-dd { border:0 none; padding:0; background-color:transparent; } .x-dd-drag-ghost .x-grid3-dd-wrap { padding:1px 3px 3px 1px; } .x-grid3-hd { -moz-user-select:none; -webkit-user-select:none; } .x-grid3-hd-btn { display:none; position:absolute; width:22px; height: 22px; right:0; top:0; z-index:2; cursor:pointer; background: url(../images/icons/ellipsis-v.svg) no-repeat right 65%; background-size: 70%; } .x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn { display:block; } /* Expanders */ .x-grid3-body .x-grid3-td-expander { background:transparent repeat-y right; } .x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner { padding:0 !important; height:100%; } .x-grid3-row-expander { width:100%; height:18px; background: transparent no-repeat 4px 2px; } .x-grid3-row-collapsed .x-grid3-row-expander { background-position:4px 2px; } .x-grid3-row-expanded .x-grid3-row-expander { background-position:-21px 2px; } .x-grid3-row-collapsed .x-grid3-row-body { display:none !important; } .x-grid3-row-expanded .x-grid3-row-body { display:block !important; } /* Numberer */ .x-grid3-body .x-grid3-td-numberer { background:transparent repeat-y right; } .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner { padding:3px 5px 0 0 !important; text-align:right; } /* Row Icon */ .x-grid3-body .x-grid3-td-row-icon { background:transparent repeat-y right; vertical-align:top; text-align:center; } .x-grid3-body .x-grid3-td-row-icon .x-grid3-cell-inner { padding:0 !important; background-position:center center; background-repeat:no-repeat; width:16px; height:16px; margin-left:2px; margin-top:3px; } /* All specials */ .x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner { padding: 1px 0 0 0 !important; } .x-grid3-check-col, .x-grid3-check-col-on { width:100%; height:16px; background: transparent no-repeat center center; } /* Grouping classes */ .x-grid-group-hd { border-bottom: 2px solid; cursor:pointer; padding-top:6px; } .x-grid-group-hd div.x-grid-group-title { background:transparent no-repeat 3px 3px; padding:4px 4px 4px 17px; } .x-grid-group-collapsed .x-grid-group-body { display:none; } .x-grid-editor .x-form-check-wrap { text-align: center; margin-top: -4px; } .x-grid-empty { color: #909090; position: relative; top: 50%; transform: translateY(-50%); margin: auto; pointer-events: none; user-select: none; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; } /* end*/ /* column lines */ .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell { padding-right:0; border-right:1px solid #ededed; } .x-grid-with-col-lines .x-grid3-row{ border-top-color:#ededed; } .x-grid-with-col-lines .x-grid3-row-selected { border-top-color:#B9B9B9; } .x-pivotgrid .x-grid3-header-offset table { width: 100%; border-collapse: collapse; } .x-pivotgrid .x-grid3-header-offset table td { padding: 4px 3px 4px 5px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 11px; line-height: 13px; border-left: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; } .x-pivotgrid .x-grid3-row-headers { display: block; float: left; background-color: #f9f9f9; } .x-pivotgrid .x-grid3-row-headers table { height: 100%; width: 100%; border-collapse: collapse; } .x-pivotgrid .x-grid3-row-headers table td { padding: 2px 7px 0 0; text-align: right; text-overflow: ellipsis; font-size: 11px; border-left: 1px solid #EEE; border-right: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0; height: 18px; } .x-grid3-header-title { top: 0; left: 0; position: absolute; text-align: center; vertical-align: middle; font-size: 11px; padding: auto 1px; display: table-cell; } .x-grid3-header-title span { position: absolute; top: 50%; left: 0; width: 100%; margin-top: -6px; } .x-dd-drag-proxy{ position:absolute; left:0; top:0; visibility:hidden; z-index:15000; } .x-dd-drag-ghost{ opacity:.85; border: 1px solid; padding:3px; padding-left:20px; white-space:nowrap; color:#000; border-color: #ddd #bbb #bbb #ddd; background-color:#fff; } .x-dd-drag-repair .x-dd-drag-ghost{ opacity:.4; border:0 none; padding:0; background-color:transparent; } .x-dd-drag-repair .x-dd-drop-icon{ visibility:hidden; } .x-dd-drop-icon{ position:absolute; top:3px; left:3px; display:block; width:16px; height:16px; background: transparent no-repeat center; background-size: 16px; z-index:1; } .x-dd-drop-nodrop .x-dd-drop-icon{ background-image: url(../images/extjs/default/dd/drop-no.png); } .x-dd-drop-ok .x-dd-drop-icon{ background-image: url(../images/extjs/default/dd/drop-up.png); } .x-dd-drop-ok-add .x-dd-drop-icon{ background-image: url(../images/extjs/default/dd/drop-yes.png); } .x-view-selector { position:absolute; left:0; top:0; width:0; border:1px solid #a3a3a3; opacity: .5; background-color:#D6D6D6; border-radius: 1px; box-shadow: 1px 1px 5px 0 #CFCFCF; } .x-tree-icon, .x-tree-ec-icon, .x-tree-elbow-line, .x-tree-elbow, .x-tree-elbow-end, .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{ height: 18px; width: 18px; background-size: 64px 18px; vertical-align: middle; background-repeat: no-repeat; cursor:default; } .x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{ margin-left: 2px; margin-right: 3px; width: 18px; height: 18px; vertical-align: middle; background-position: 1px 1px; background-repeat: no-repeat; } /* checkboxes */ input.x-tree-node-cb { height: 18px; vertical-align: top; margin-top:5px; } .x-tree-noicon .x-tree-node-icon{ width:0; height:0; } /* No line styles */ .x-tree-no-lines .x-tree-elbow, .x-tree-no-lines .x-tree-elbow-end, .x-tree-no-lines .x-tree-elbow-line { background-color:transparent; } /* Arrows */ .x-tree-arrows .x-tree-elbow-plus, .x-tree-arrows .x-tree-elbow-minus, .x-tree-arrows .x-tree-elbow-end-plus, .x-tree-arrows .x-tree-elbow-end-minus { background-image:url(../images/extjs/gray/tree/arrows.png); } .x-tree-arrows .x-tree-elbow, .x-tree-arrows .x-tree-elbow-end, .x-tree-arrows .x-tree-elbow-line { background-color:transparent; } .x-tree-arrows .x-tree-elbow-plus, .x-tree-arrows .x-tree-elbow-end-plus{ background-position:0 0; } .x-tree-arrows .x-tree-elbow-minus, .x-tree-arrows .x-tree-elbow-end-minus{ background-position: -15px 0; } .x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus, .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{ background-position:-32px 0; } .x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus, .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{ background-position:-47px 0; } .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{ cursor:pointer; } .x-tree-node{ white-space: nowrap; color:#222; font-size: 14px; } .x-tree-node .x-tree-node-over { background-color: rgba(0,0,0,.04); } .x-tree-node-el { line-height:18px; cursor:pointer; padding-left:14px; overflow: hidden; text-overflow: ellipsis; border-top-right-radius: 14px; border-bottom-right-radius: 14px; } .x-tree-node-el * {cursor: pointer;} .x-tree-node a, .x-dd-drag-ghost a{ text-decoration:none; -moz-user-select:none; -webkit-user-select:none; outline:0 none; color:#222222; } .x-tree-node a span, .x-dd-drag-ghost a span{ text-decoration:none; padding:1px 3px 1px 2px; color:rgba(0, 0, 0, 0.72); font-size: 13px; font-weight: 500; } .x-tree-node .x-tree-node-disabled .x-tree-node-icon{ opacity:.5; } .x-tree-node .x-tree-node-disabled a span{color:gray !important;} .x-tree-node a:hover, .x-dd-drag-ghost a:hover{ text-decoration:none; } .x-tree-node div.x-tree-drag-insert-below{ border-bottom:1px dotted #36c; } .x-tree-node div.x-tree-drag-insert-above{ border-top:1px dotted #36c;; } .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{ border-bottom:0 none; } .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{ border-top:0 none; } .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{ border-bottom:2px solid #36c; } .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{ border-top:2px solid #36c; } .x-tree-node .x-tree-selected { cursor: default; background-color: rgba(0,0,0,.06); } .x-tree-node .x-tree-selected * {cursor: default;} .x-tree-node .x-tree-selected .x-tree-node-anchor span { font-weight:bold; } .x-tree-node .x-tree-ec-icon { color: #6f6f6f; } .x-tree-node .x-tree-node-anchor {line-height:26px;} .x-tree-node .x-tree-drag-append { background-color: #e8f0fe; box-shadow:inset 0 0 0 2px #4285f4; } .x-tree-node .x-tree-drag-append a span{ border: none; } .x-tree-drop-ok-append .x-dd-drop-icon{background-image: url(../images/extjs/default/dd/drop-left.png);} .x-tree-drop-ok-above .x-dd-drop-icon{background-image: url(../images/extjs/default/tree/drop-over.gif);} .x-tree-drop-ok-below .x-dd-drop-icon{background-image: url(../images/extjs/default/tree/drop-under.gif);} .x-tree-drop-ok-between .x-dd-drop-icon{background-image: url(../images/extjs/default/tree/drop-between.gif);} .x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{ display:none !important; } .x-tree-node-loading .x-tree-node-icon{background-image:url(../images/extjs/default/tree/loading.gif) !important;} .x-tree-node-loading a span{ font-style: italic; color:#444444; } .x-tree .x-panel-body { padding-right: 10px; } .x-date-picker { border: 1px solid #585858; border-top:0 none; position:relative; background-color:#fff; } .x-date-picker a { outline:0 none; } .x-date-picker a em { font-style: normal; } .x-date-inner, .x-date-inner td, .x-date-inner th{ border-collapse:separate; } .x-date-middle,.x-date-left,.x-date-right { overflow:hidden; color:#fff; } .x-date-middle .x-btn-tc,.x-date-middle .x-btn-tl,.x-date-middle .x-btn-tr, .x-date-middle .x-btn-mc,.x-date-middle .x-btn-ml,.x-date-middle .x-btn-mr, .x-date-middle .x-btn-bc,.x-date-middle .x-btn-bl,.x-date-middle .x-btn-br{ background:transparent !important; vertical-align:middle; } .x-date-middle .x-btn .x-btn-text {color:#fff;} .x-date-middle .x-btn-mc em.x-btn-arrow { background:transparent url(../images/extjs/gray/toolbar/btn-arrow-light.gif) no-repeat right 0; } .x-date-right, .x-date-left { width:18px; } .x-date-right{ text-align:right; } .x-date-middle { padding-top:2px; padding-bottom:2px; width:130px; /* FF3 */ } .x-date-right a, .x-date-left a{ display:block; width:16px; height:16px; background-repeat: no-repeat; background-position: center; cursor:pointer; opacity:.6; } .x-date-right a:hover, .x-date-left a:hover{ opacity:1; } .x-item-disabled .x-date-right a:hover, .x-item-disabled .x-date-left a:hover{ opacity:.6; } .x-date-right a { margin-right:2px; text-decoration:none !important; background-image: url(../images/extjs/gray/shared/right-btn.gif); } .x-date-left a{ margin-left:2px; text-decoration:none !important; background-image: url(../images/extjs/gray/shared/left-btn.gif); } table.x-date-inner { width: 100%; table-layout:fixed; } .ext-webkit table.x-date-inner{ /* Fix for webkit browsers */ width: 175px; } .x-date-inner th { background: repeat-x left top; text-align:right !important; border-bottom: 1px solid #d9d9d9; cursor:default; padding:0; border-collapse:separate; width:25px; font-size:10px; color:#595959; } .x-date-inner th span { display:block; padding:2px; padding-right:7px; } .x-date-inner td { border: 1px solid #fff; text-align:right; padding:0; } .x-date-inner a { padding:2px 5px; display:block; text-decoration:none; text-align:right; font-size: 11px; color:#000; } .x-date-inner .x-date-active{ cursor:pointer; color:#000; } .x-date-inner .x-date-selected a{ border:1px solid; padding:1px 4px; background-color:white; border-radius:2px; } .x-date-inner .x-date-today a{ border: 1px solid silver; padding:1px 4px; border-radius:2px; } .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a { text-decoration:none !important; color:#aaa; } .x-date-inner .x-date-selected span{font-weight:bold;} .x-date-bottom { padding:2px; border-top:1px solid #d9d9d9; } .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{ text-decoration:none !important; color:#000; background-color:#D8D8D8; } .x-item-disabled .x-date-inner a:hover{ background: none; } .x-date-inner .x-date-disabled a { cursor:default; background-color:#eee; color:#bbb; } .x-date-menu .x-menu-item { padding:1px 24px 1px 4px; white-space: nowrap; font-size:10px; color:#000; } .x-date-menu .x-menu-item .x-menu-item-icon { width:10px; height:10px; margin-right:5px; background-position:center -4px !important; } .x-date-mp { position:absolute; left:0; top:0; display:none; background-color:#fff; } .x-date-mp td { padding:2px; font-size: 11px; } td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybtn { border: 0 none; text-align:center; vertical-align: middle; width:25%; } .x-date-mp-ok { margin-right:3px; } .x-date-mp-btns button { text-align:center; text-decoration:none !important; border:1px solid; padding:1px 3px 1px; cursor:pointer; background-color:#4E565F; color:#fff; border-color:#C0C0C0 #434343 #434343 #C0C0C0; font-size: 11px; } .x-date-mp-btns { background: repeat-x left top; } .x-date-mp-btns td { border-top: 1px solid #AFAFAF; text-align:center; } td.x-date-mp-month a,td.x-date-mp-year a { display:block; padding:2px 4px; text-decoration:none; text-align:center; color: #333; } td.x-date-mp-month a:hover,td.x-date-mp-year a:hover { text-decoration:none; cursor:pointer; color:#333; background-color:#FDFDFD; } td.x-date-mp-sel a { padding:1px 3px; border:1px solid #DCDCDC; } .x-date-mp-ybtn a { overflow:hidden; width:15px; height:15px; cursor:pointer; background:transparent url(../images/extjs/gray/panel/tool-sprites.png) no-repeat; display:block; margin:0 auto; } .x-date-mp-ybtn a.x-date-mp-next { background-position:0 -120px; } .x-date-mp-ybtn a.x-date-mp-next:hover { background-position:-15px -120px; } .x-date-mp-ybtn a.x-date-mp-prev { background-position:0 -105px; } .x-date-mp-ybtn a.x-date-mp-prev:hover { background-position:-15px -105px; } .x-date-mp-ybtn { text-align:center; } td.x-date-mp-sep { border-right:1px solid #D7D7D7; } .x-tip{ position: absolute; top: 0; left:0; visibility: hidden; z-index: 20002; border-radius:2px; background-color:#727272; border:0.5px solid white; max-width: 400px; } .x-tip .x-tip-close{ height: 15px; float:right; width: 15px; margin:0 0 2px 2px; cursor:pointer; display:none; } .x-tip .x-tip-tc {padding-top:3px;} .x-tip .x-tip-tl, .x-tip .x-tip-bl, .x-tip .x-tip-ml { padding-left:6px; } .x-tip .x-tip-bc {height:3px;} .x-tip .x-tip-br, .x-tip .x-tip-tr, .x-tip .x-tip-mr { padding-right:6px; } .x-tip .x-tip-header-text { padding:0; margin:0 0 2px 0; color:white; } .x-tip .x-tip-body {color:white;} .x-tip .x-tip-body .loading-indicator {margin:0;} .x-tip-draggable .x-tip-header,.x-tip-draggable .x-tip-header-text {cursor:move;} .x-form-invalid-tip .x-tip-tc { background: repeat-x 0 -12px; padding-top:6px; } .x-form-invalid-tip .x-tip-bc { background: repeat-x 0 -18px; height:6px; } .x-form-invalid-tip .x-tip-bl { background: no-repeat 0 -6px; } .x-form-invalid-tip .x-tip-br { background: no-repeat right -6px; } .x-form-invalid-tip .x-tip-body { padding:2px; padding-left:24px; background:transparent url(../images/extjs/default/form/exclamation.gif) no-repeat 2px 2px; } .x-form-invalid-tip .x-tip-tc, .x-form-invalid-tip .x-tip-tl, .x-form-invalid-tip .x-tip-tr, .x-form-invalid-tip .x-tip-bc, .x-form-invalid-tip .x-tip-bl, .x-form-invalid-tip .x-tip-br, .x-form-invalid-tip .x-tip-ml, .x-form-invalid-tip .x-tip-mr { background-image: url(../images/extjs/default/form/error-tip-corners.gif); } .x-tip-anchor { position: absolute; width: 9px; height: 10px; overflow:hidden; } .x-tip-anchor-right {width: 10px;} .x-tip-anchor-left {width: 10px;} .x-menu { z-index: 15000; zoom: 1; background-color:white; } .x-menu-floating{ padding: 5px 0; box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2); border-radius: 2px; } .x-menu a { text-decoration: none !important; } .x-menu-list{ background-color:transparent; border:0 none; overflow:auto; } .x-menu li{ line-height:100%; } .x-menu li.x-menu-sep-li{ padding:0; font-size:0; line-height:0; } .x-menu-list-item{ white-space: nowrap; display:block; font-size: 13px; } .x-menu-item{ cursor: pointer; -moz-user-select: none; -webkit-user-select:none; } .x-menu-item * { cursor: pointer; } .x-menu-item-arrow { background:transparent no-repeat right; } .x-menu-item-arrow .x-menu-item-the-arrow { visibility: visible; } .x-menu-sep { display:block; font-size:0; line-height:0; margin: 3px 0; border-bottom:1px solid #EBEBEB; overflow:hidden; } .x-menu-focus { position:absolute; left:-1px; top:-1px; width:1px; height:1px; line-height:1px; font-size:1px; outline:0 none; -webkit-user-select:none; overflow:hidden; display:block; } a.x-menu-item { display: block; line-height: 16px; position: relative; text-decoration: none; white-space: nowrap; color: #444; padding: 6px 70px 6px 46px; font-size:14px; } .x-menu-item-active { background-color: #EEEEEE; } .x-menu-item-icon { height: 20px; width: 20px; position: absolute; left: 13px; top: 6px; color: #808080; font-size:16px !important; } img.x-menu-item-icon { top: 4px; } .x-menu-item-the-arrow { position: absolute; right: 10px; top: 10px; color: #808080; font-size:9px !important; visibility: hidden; } .x-menu-check-item .x-menu-item-icon { background-repeat: no-repeat; border: 1px solid #C6C6C6; border-radius: 2px; width: 13px; height: 13px; } .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{ background: transparent url(../images/extjs/default/menu/checkmark.png) no-repeat center; background-size:13px; } .x-menu-item-checked .x-menu-item-icon{ background-image:url(../images/extjs/default/menu/checkmark.png); background-size:11px; } .x-date-menu .x-menu-list{ padding: 0; } .x-menu-date-item{ padding:0; } .x-menu .x-color-palette, .x-menu .x-date-picker{ margin-left: 26px; margin-right:4px; } .x-menu .x-date-picker{ border:1px solid #AFAFAF; margin-top:2px; margin-bottom:2px; } .x-menu-plain .x-color-palette { margin: 0 0 0 5px; border: 0 none; } .x-menu-plain .x-date-picker{ margin: 0; border: 0 none; } .x-menu-plain {background-color:#fff !important;} .x-date-menu { padding:0 !important; background-color:#eee !important; } .x-cycle-menu .x-menu-item-checked { border:1px dotted #B9B9B9 !important; padding:0; background-color:#F1F1F1; } .x-menu .x-menu-scroller { width: 100%; background-repeat:no-repeat; background-position:center; background-size: 18px 3px; height:12px; line-height: 12px; cursor:pointer; margin: 0; padding: 0; } .x-menu-scroller-top { background-image:url(../images/extjs/default/layout/mini-top.png); } .x-menu-scroller-bottom { background-image:url(../images/extjs/default/layout/mini-bottom.png); } .x-menu .x-menu-scroller-active{ height: 12px; line-height: 12px; } .x-menu-list-item-indent{ padding-left: 27px; } .x-box-tl { background: transparent no-repeat 0 0; } .x-box-tc { height: 8px; background: transparent repeat-x 0 0; overflow: hidden; } .x-box-tr { background: transparent no-repeat right -8px; } .x-box-ml { background: transparent repeat-y 0; padding-left: 4px; overflow: hidden; } .x-box-mc { padding: 4px 10px; background-color: #eee; color: #393939; font-size: 12px; } .x-box-mc h3 { margin: 0 0 4px 0; font-size: 14px; font-weight: bold; } .x-box-mr { background: transparent repeat-y right; padding-right: 4px; overflow: hidden; } .x-box-bl { background: transparent no-repeat 0 -16px; } .x-box-bc { background: transparent repeat-x 0 -8px; height: 8px; overflow: hidden; } .x-box-br { background: transparent no-repeat right -24px; } .x-box-tl, .x-box-bl { padding-left: 8px; overflow: hidden; } .x-box-tr, .x-box-br { padding-right: 8px; overflow: hidden; } .x-combo-list { border:1px solid #ccc; overflow:hidden; background-color:#ddd; } .x-combo-list-inner { overflow:auto; position:relative; /* for calculating scroll offsets */ background-color:#fff; overflow-x:hidden; } .x-combo-list-hd { border-bottom:1px solid #BCBCBC; padding:3px; font-weight:bold; color:#333; } .x-resizable-pinned .x-combo-list-inner { border-bottom:1px solid #BEBEBE; } .x-combo-list-item { padding:2px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; cursor:pointer; } .x-combo-list .x-combo-selected { background-color:#f0f0f0; } .x-combo-list .x-toolbar { border-top:1px solid #BCBCBC; border-bottom:0 none; } .x-combo-list-small { font-size: 11px; } .x-panel-header { overflow:hidden; padding:5px 3px 4px 5px; line-height: 15px; font-weight:bold; font-size: 13px; } .x-panel-body { overflow:hidden; position: relative; /* added for item scroll positioning */ background-color:#fff; } .x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar { padding: 5px 0; } .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar { border: none; } .x-panel-tl .x-panel-header { padding:5px 0 4px 0; border:0 none; color:#333; } .x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon { padding-left:20px !important; background-repeat:no-repeat; background-position:0 4px; } .x-panel-inline-icon { width:16px; height:16px; background-repeat:no-repeat; background-position:0 0; vertical-align:middle; margin-right:4px; margin-top:-1px; margin-bottom:-1px; } .x-panel-tc { overflow:hidden; } .x-panel-tl { padding-left:6px; border-bottom:1px solid; } .x-panel-tr, .x-panel-br, .x-panel-mr { padding-right:6px; } .x-panel-bl { padding-left:6px; } .x-panel-mc { border:0 none; padding:0; margin:0; padding-top:6px; background-color: #fff; } .x-panel-ml { padding-left:6px; background-color: #fff; } .x-panel-bc .x-panel-footer { padding-bottom:6px; } .x-panel-nofooter .x-panel-bc, .x-panel-nofooter .x-window-bc { height:6px; font-size:0; line-height:0; } .x-panel-tl, .x-panel-tr, .x-panel-bl, .x-panel-br{border-bottom-color:#E1E1E1;} .x-panel-bwrap { overflow:hidden; left:0; top:0; } .x-panel-footer {background-color: #fff;} .x-panel-collapsed .x-resizable-handle{ display:none; } /* Plain */ .x-plain-body, .x-plain-bbar .x-toolbar, .x-plain-tbar .x-toolbar, .x-plain-bwrap, .x-plain { overflow:hidden; } /* Tools */ .x-tool { overflow:hidden; width:15px; height:15px; float:right; cursor:pointer; background:transparent no-repeat; margin-left:2px; background-size: 12px 12px; } /* expand / collapse tools */ .x-tool-close {background-image:url(../images/icons/close_gray.png);} .x-tool-minimize {background-image:url(../images/icons/minimize.png);} .x-tool-restore {background-image:url(../images/icons/maximize.png);} .x-tool-search {background-image:url(../images/icons/magnifier.png);} /* Ghosting */ .x-panel-ghost { z-index:12000; overflow:hidden; position:absolute; left:0;top:0; opacity:.65; border-radius: 2px; background-color:#f2f2f2; } .x-panel-ghost ul { margin:0; padding:0; overflow:hidden; font-size:0; line-height:0; display:block; border: none; } .x-panel-ghost * { cursor:move !important; } .x-panel-dd-spacer { border:2px dashed #E1E1E1; } /* Buttons */ .x-panel-btns { margin-bottom:24px; overflow:hidden; } .x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{ white-space: nowrap; } .x-window { border-radius: 1px; box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2); background-color: white; } .x-window .x-window-handle { opacity:0; } .x-window-proxy { border:1px solid #E1E1E1; z-index:12000; overflow:hidden; position:absolute; left:0;top:0; display:none; opacity:.5; background-color:#fcfcfc; } .x-window-header { overflow:hidden; padding: 12px 12px 12px 24px; } .x-window-bwrap { z-index:1; position:relative; left:0;top:0; } .x-window-header-text { cursor:default; display:inline-block; text-overflow: ellipsis; white-space:nowrap; max-height: 24px; overflow: hidden; max-width: 100%; color: #222; font-size: 20px; width: 85%; } .x-window-tc { overflow:hidden; } .x-window-tl { z-index:1; position:relative; } .x-window-bc .x-window-footer { font-size:0; line-height:0; padding: 0 24px; } .x-window-bl.x-panel-nofooter { height: 24px; } .x-window-mc { padding:0; margin:0; } .x-window-body, .x-window-bwrap { overflow:hidden; } .x-window-maximized .x-window-bl, .x-window-maximized .x-window-br, .x-window-maximized .x-window-ml, .x-window-maximized .x-window-mr, .x-window-maximized .x-window-tl, .x-window-maximized .x-window-tr { padding:0; } .x-window-maximized .x-window-footer { padding-bottom:0; } .x-window-maximized .x-window-tc { padding-left:3px; padding-right:3px; background-color:#fff; } .x-window-maximized .x-window-mc { border-left:0 none; border-right:0 none; } .x-window-tbar .x-toolbar, .x-window-bbar .x-toolbar { border-left:0 none; border-right: 0 none; } .x-window-bbar .x-toolbar { border: none; } .x-window-draggable, .x-window-draggable .x-window-header-text { cursor:move; } .x-window-maximized .x-window-draggable, .x-window-maximized .x-window-draggable .x-window-header-text { cursor:default; } .x-window-body { padding: 0 24px; } .x-panel-ghost .x-window-tl { border-bottom-color:#fff; } .x-panel-collapsed .x-window-tl { border-bottom:1px solid #fff; } .x-window-maximized-ct { overflow:hidden; } .x-window-maximized .x-window-handle { display:none; } .x-window-sizing-ghost ul { border:0 none !important; } .x-dlg-focus{ outline:0 none; width:0; height:0; overflow:hidden; position:absolute; top:0; left:0; } .ext-webkit .x-dlg-focus{ width: 1px; height: 1px; } .x-dlg-mask{ z-index:10000; display:none; position:absolute; top:0; left:0; opacity:.50; background-color:#ccc; } .x-html-editor-wrap { border:1px solid #BCBCBC; background-color:#fff; } .x-html-editor-tb .x-btn-text { display:block; width: 16px; height: 16px; background:transparent url(../images/extjs/default/editor/tb-sprite.png) no-repeat; background-size:224px 16px; } .x-html-editor-tb .x-edit-bold, .x-menu-item .x-edit-bold { background-position:0 0; } .x-html-editor-tb .x-edit-italic, .x-menu-item .x-edit-italic { background-position:-16px 0; } .x-html-editor-tb .x-edit-underline, .x-menu-item .x-edit-underline { background-position:-32px 0; } .x-html-editor-tb .x-edit-forecolor, .x-menu-item .x-edit-forecolor { background-position:-160px 0; } .x-html-editor-tb .x-edit-backcolor, .x-menu-item .x-edit-backcolor { background-position:-176px 0; } .x-html-editor-tb .x-edit-justifyleft, .x-menu-item .x-edit-justifyleft { background-position:-112px 0; } .x-html-editor-tb .x-edit-justifycenter, .x-menu-item img.x-edit-justifycenter { background-position:-128px 0; } .x-html-editor-tb .x-edit-justifyright, .x-menu-item img.x-edit-justifyright { background-position:-144px 0; } .x-html-editor-tb .x-edit-insertorderedlist, .x-menu-item img.x-edit-insertorderedlist { background-position:-80px 0; } .x-html-editor-tb .x-edit-insertunorderedlist, .x-menu-item img.x-edit-insertunorderedlist { background-position:-96px 0; } .x-html-editor-tb .x-edit-increasefontsize, .x-menu-item img.x-edit-increasefontsize { background-position:-48px 0; } .x-html-editor-tb .x-edit-decreasefontsize, .x-menu-item img.x-edit-decreasefontsize { background-position:-64px 0; } .x-html-editor-tb .x-edit-sourceedit, .x-menu-item img.x-edit-sourceedit { background-position:-192px 0; } .x-html-editor-tb .x-edit-createlink, .x-menu-item img.x-edit-createlink { background-position:-208px 0; } .x-html-editor-tip .x-tip-bd .x-tip-bd-inner { padding:5px; padding-bottom:1px; } .x-html-editor-tb .x-toolbar { position:static !important; background-color:whitesmoke; } .x-border-layout-ct { position: relative; } .x-border-panel { position:absolute; left:0; top:0; } .x-tool-expand-north, .x-tool-expand-south { float:right; margin:3px; } .x-tool-expand-east, .x-tool-expand-west { float:none; margin:3px 2px; } .x-accordion-hd { padding-top:4px; padding-bottom:3px; border-top:0 none; color:#222; font-weight:normal; } .x-layout-collapsed{ position:absolute; left:-10000px; top:-10000px; visibility:hidden; width:22px; height:22px; overflow:hidden; border-right:1px solid #E0E0E0; z-index:20; } .x-layout-collapsed-over{ cursor:pointer; border-right:none; } .x-layout-collapsed-west .x-layout-collapsed-tools, .x-layout-collapsed-east .x-layout-collapsed-tools{ position:absolute; top:0; left:0; width:20px; height:20px; } .x-layout-split{ position:absolute; height:5px; width:5px; line-height:1px; font-size:1px; z-index:3; background-color:white; border-left: 1px solid #E0E0E0; } .x-column-layout-ct { overflow:hidden; } .x-column { float:left; padding:0; margin:0; overflow:hidden; } .x-column-inner { overflow:hidden; } /* mini mode */ .x-layout-mini { position:absolute; top:0; left:0; display:block; width:5px; height:35px; cursor:pointer; opacity:.5; } .x-layout-mini-over, .x-layout-collapsed-over .x-layout-mini{ opacity:1; } .x-layout-split-west .x-layout-mini, .x-layout-cmini-east .x-layout-mini { background-image:url(../images/extjs/default/layout/mini-left.gif); top:48%; } .x-layout-split-east .x-layout-mini, .x-layout-cmini-west .x-layout-mini { background-image:url(../images/extjs/default/layout/mini-right.gif); top:48%; } .x-layout-split-north .x-layout-mini, .x-layout-cmini-south .x-layout-mini { background-image:url(../images/extjs/default/layout/mini-top.png); left:48%; height:5px; width:35px; } .x-layout-split-south .x-layout-mini, .x-layout-cmini-north .x-layout-mini { background-image:url(../images/extjs/default/layout/mini-bottom.png); left:48%; height:5px; width:35px; } .x-layout-cmini-west, .x-layout-cmini-east { border:0 none; width:5px !important; padding:0; background-color:transparent; } .x-layout-cmini-north, .x-layout-cmini-south { border:0 none; height:5px !important; padding:0; background-color:transparent; } .x-viewport, .x-viewport body { margin: 0; padding: 0; border: 0 none; overflow: hidden; height: 100%; } .x-abs-layout-item { position:absolute; left:0; top:0; } .x-box-layout-ct { overflow:hidden; } .x-box-inner { overflow:hidden; position:relative; left:0; top:0; } .x-box-item { position:absolute; left:0; top:0; } .x-progress-wrap { overflow:hidden; } .x-progress-inner { position:relative; height: 16px; } .x-progress-bar { height:18px; float:left; width:0; } .x-progress-text { padding:0 5px; overflow:hidden; position:absolute; left:0; text-align:center; top: 1px; color:white; } .x-progress-text-back { line-height:16px; top: 0px; color: black; width: 100%; } .x-list-over {background-color:#eee;} .x-list-selected {background-color:#f0f0f0;} .x-list-header{ background: #f9f9f9 repeat-x 0 bottom; cursor:default; height:22px; } .x-list-header-inner div { display:block; float:left; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; } .x-list-header-inner div em { display:block; border-left:1px solid #ddd; padding:4px 4px; overflow:hidden; -moz-user-select: none; line-height:14px; } .x-list-body { overflow:auto; overflow-x:hidden; float: left; width: 100%; } .x-list-body dt { display:block; float:left; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; cursor:pointer; } .x-list-body dt em { display:block; overflow:hidden; } .x-list-resizer { border-left:1px solid #555; border-right:1px solid #555; position:absolute; left:0; top:0; } .x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc { border-style:solid; border-width: 0 1px 1px; padding-bottom:3px; border-color: #d0d0d0; } /* Shared styles */ .x-slider-inner { position:relative; left:0; top:0; overflow:visible; } .x-slider-focus { position:absolute; left:0; top:0; width:1px; height:1px; line-height:1px; font-size:1px; outline:0 none; -moz-user-select: none; -webkit-user-select:none; display:block; overflow:hidden; } /* Horizontal styles */ .x-slider-horz { padding-left:7px; background: url(../images/extjs/default/slider/slider-bg.png) repeat-x; background-size: 1px 22px; } .x-slider-horz .x-slider-end { padding-right:7px; } .x-slider-horz .x-slider-inner { height:22px; } .x-slider-horz .x-slider-thumb { position:absolute; left:0; top:6px; border: 2px solid #B0B0B0; border-radius: 15px; width: 10px; height: 10px; background-color: white; } .x-slider-thumb:hover { border-color: gray; } .x-slider-horz .x-slider-thumb:active { width: 12px; height: 12px; top: 5px; } /* Vertical styles */ .x-slider-vert { padding-top:7px; background:transparent no-repeat -44px 0; width:22px; } .x-slider-vert .x-slider-end { padding-bottom:7px; background:transparent no-repeat -22px bottom; } .x-slider-vert .x-slider-inner { background:transparent repeat-y 0 0; } .x-slider-vert .x-slider-thumb { width:15px; height:14px; position:absolute; left:3px; bottom:0; background:transparent no-repeat 0 0; } .x-slider-vert .x-slider-thumb-over { background-position: -15px -14px; } .x-slider-vert .x-slider-thumb-drag { background-position: -30px -28px; }.x-window-dlg .x-window-body { border:0 none !important; padding:5px 10px; overflow:hidden !important; } .x-window-dlg .x-window-mc { border:0 none !important; } .x-window-dlg .ext-mb-input { margin-top:4px; width:95%; font-size:13px; } .x-window-dlg .ext-mb-textarea { margin-top:4px; } .x-window-dlg .x-progress-wrap { margin-top:4px; } .x-window-dlg .x-msg-box-wait { background:transparent no-repeat left; display:block; width:300px; padding-left:18px; line-height:18px; } .x-window-dlg .ext-mb-icon { float:left; width:47px; height:32px; } .x-window-dlg .x-dlg-icon .ext-mb-content{ zoom: 1; margin-left: 47px; } .x-window-dlg .ext-mb-info, .x-window-dlg .ext-mb-warning, .x-window-dlg .ext-mb-question, .x-window-dlg .ext-mb-error { background:transparent no-repeat top left; } .x-window-dlg .ext-mb-text, .x-window-dlg .f {font-size:13px;}