﻿.report-index { padding-left: 15px; padding-right: 15px; }
#report_content_container { height: 750px; }
.report-index #report_content_container { height: 600px }
div.ui-layout-resizer-west { background-color: var(--mag-element-border-color); border: 1px solid var(--mag-element-border-color); width: 8px; width: 8px !important; }
div.ui-layout-resizer-west-closed { width: 12px; width: 12px !important; }
div.ui-layout-resizer-north { background-color: var(--mag-element-border-color); border: 1px solid var(--mag-element-border-color); height: 8px; height: 8px !important; }
div.ui-layout-toggler-open { background: url("/_assets/images/toggle-dn.gif") no-repeat scroll center top !important; background-color: #eee; }
div.ui-layout-toggler-closed { background: url("/_assets/images/toggle-dn-open.gif") no-repeat scroll center top !important; background-color: #eee; }
div.ui-layout-toggler-west { border-top: 1px solid #999 !important; border-bottom: 1px solid #999 !important; background: url("/_assets/images/sidebar_button.png") no-repeat scroll -2px bottom !important; width: 12px !important; height: 48px !important; }
div.ui-layout-toggler-west-closed { background: url("/_assets/images/sidebar_button.png") no-repeat scroll center top !important; width: 10px !important; height: 48px !important; }
.ui-mobile div.ui-layout-resizer-west { width: 12px !important; }
.sub-toolbar-head { padding: 3px 6px; height: 30px; }
.sub-toolbar-head2 { padding: 3px 6px; height: 38px; line-height: 2; border-bottom: 1px solid var(--mag-element-border-color); }
.sub-toolbar-head span { line-height: 22px; }
.ui-layout-pane-west { background: var(--mag-page-bg-color); }
.actionLink { margin-right: 4px; }

.folder-container { padding: 0; height: 560px; overflow: auto; }
.folder-container .selected { background-color: var(--mag-primary-color); color: var(--mag-primary-text-color); }
.folder-container a.folder-a-link { white-space: nowrap; overflow: hidden; padding-right: 40px; text-overflow: ellipsis; display: block; }
.folder-container .selected a.folder-a-link { color: var(--mag-primary-text-color); }
.mag-report-folder-item { padding: 10px 8px; position: relative; min-height: 30px; }
.mag-report-folder-item .dropdown { position: absolute; right: 5px; top: 10px; }
.mag-report-folder-item .drop-down-btn { float: right; }
.jstree-default-context { border-radius: var(--mag-border-radius); padding: 2px; }
.ui-mobile .siteBody { padding: 0; }

.ui-layout-resizer-north { cursor: ns-resize !important; }
.ui-layout-resizer-west { cursor: ew-resize !important; }

.slick-viewport::-webkit-scrollbar:horizontal { -webkit-appearance: none; height: 11px; }
.slick-viewport::-webkit-scrollbar-thumb { border-radius: var(--mag-border-radius); background-color: var(--mag-base-400); }
.slick-viewport::-webkit-scrollbar-track { background-color: var(--mag-page-bg-200); }

.empty-column, #grid_grouping_fields { display: inline-block; }
#grid_grouping_fields { font-size: smaller; }
.groupby-container { padding: 3px 8px; height: 30px; background-color: var(--mag-page-bg-300); }
.groupby-container .label { color: var(--mag-page-text-color); font-size: 12px; display: inline-block; }

.slick-header-menu { border: 1px solid var(--mag-element-border-color); background: var(--mag-page-bg-color); color: var(--mag-page-text-color); 
                     padding: 3px 0 6px 0; -moz-box-shadow: 2px 2px 2px var(--mag-element-border-color); 
                     -webkit-box-shadow: 2px 2px 2px var(--mag-element-border-color); min-width: 100px; z-index: 20; 
                     border-bottom-right-radius: var(--mag-border-radius); border-bottom-left-radius: var(--mag-border-radius); }
.slick-header-menuitem { padding: 3px 10px; border: 1px solid transparent; border-radius: 1px;  }
.slick-header-menu .slick-header-menuitem { font-size: 12px; }
.slick-header-menuitem:hover { background-color: var(--mag-page-bg-300); color: var(--mag-page-text-color); }
.slick-header-menuitem-disabled, .slick-header-menuitem-disabled:hover { border-color: transparent !important; background: inherit !important; color: var(--mag-base-400); }
.sigma-sign { font-family: "Arial Black"; left: 3px; font-size: 1.2em; position: relative; display: inline-block; -webkit-font-smoothing: antialiased; text-transform: none; font-style: normal; font-weight: normal; line-height: 1; }
.sigma-sign:before { content: "\03a3"; }
#report_status { padding: 2px 6px; font-size: smaller; }
.fgroup { margin-right: 6px; }
.fgroup i, .fgroup .lbGroupField, .fgroup a { cursor: pointer; }
.fgroup .lbGroupField:hover { color:var(--mag-primary-hover-color); }
.slick-group .slick-cell { background-color: transparent; }
.edit-box { display: none; }
.filter-item:hover .edit-box, #rowLimit_view:hover .edit-box, #filterLogic-view:hover .edit-box { display: inline-block; }

#filterContainer { padding: 3px 6px; }
.filter-field-o, .filter-field-v, #rowLimitValue, #filterLogicValue { padding-left: 12px; }
.filter-field-n, .filter-field-v { font-weight: bold; }
#rowLimit_view { padding: 0px 4px; }
.filter-item { padding: 2px 0; }
.x-panel-filter { overflow: auto; }
.date-range-filter { padding: 2px 4px 2px 8px; border-bottom: 1px solid var(--mag-element-border-color);}
.date-range-filter .td-label { padding-right:5px;}
.filter-field { max-width: 180px; }
.filter-operator { max-width: 120px; }
.filter-value { min-width: 280px; }
.filter-field-c { display: none; }
.fled .filter-field-c { display: inline-block; }
.slick-header-column-sorted {color:var(--mag-primary-color); }
/*TODO: */
a.disabled-link, a.disabled-link:visited, a.disabled-link:active, a.disabled-link:hover { color: #aaa !important; }
.report-builder #filterContainer .filter-item:first-child .global-op { display: none; }
.report-viewer #filterContainer .filter-item:last-child .global-op { display: none; }
.report-viewer #filterContainer .filter-item .global-op { margin-left: 10px; }
.report-viewer .row-limit-area { padding-left: 6px; }

/* since jqui is removed*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid var(--mag-element-border-color); background: var(--mag-page-bg-200); font-weight: normal; }

/*ui-layout-pane-north dropdown is going underneath the next section with a higher z-index*/
.ui-layout-pane.ui-layout-pane-north { z-index: 3 !important; }