@import url("catCompleteCombo.css");

/*On dashboards, prevent long press from highlighting text and DOM elements*/
.touch :not(input){
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
}

#dashboardToolBar {
    border-bottom: 1px solid #eee;
    background-color: #F6F8FB;
    white-space: nowrap;
}
#dashboardToolBar.ScrollSticky.Fixed {
    position: fixed !important;
    left: 0;
    right: 0;
    width: auto !important;
    box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.2);
    background-image: none;
    border-bottom:  1px solid #ccc;
}
body.IE8 #dashboardToolBar.ScrollSticky.Fixed {
    border-bottom-width: 2px;
}

#dashboard.Viewing #dashboardToolBar {
    display: none;
}

#dashboardToolBar section {
    display: inline-block;
    vertical-align: top;
}

#pageName .Stats {
    display: block;
}

#pageName {
    margin-left: 2em;
    padding: 1em 0;
}

#pageNameLabel {
    font-weight: bold;
}

#pageNameInput.UserInput {
    padding: .8em .4em;
    height: 18px;
    margin: 0.5em 0;
    width: 19em;
    display: inline-block;
    box-shadow: none;
}

.WidgetCastName, WidgetIcon.Gallery.Icon {
    display: block;
}

#dashboardToolBar .Gallery.Icon {
    background-image: url("./images/icons/widget_type_iconsprite_40px.png");
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
}

.Home.Gallery.Icon {
    background-position: 0 0;
}

.Report.WidgetIcon.Gallery.Icon {
    background-position: -40px 0;
}

.RichText.WidgetIcon.Gallery.Icon {
    background-position: -80px 0;
}

.ButtonBar.WidgetIcon.Gallery.Icon {
    background-position: -120px 0;
}

.LinkBar.WidgetIcon.Gallery.Icon {
    background-position: -160px 0;
}

.SearchTable.WidgetIcon.Gallery.Icon {
    background-position: -200px 0;
}

.Section.WidgetIcon.Gallery.Icon {
    background-position: -240px 0;
}

.ReportsList.WidgetIcon.Gallery.Icon {
    background-position: -280px 0;
}

.IFrame.WidgetIcon.Gallery.Icon {
    background-position: -320px 0;
}


.WidgetDragHelper > .AdvancedDash.WidgetType.Icon {
    background-image: url("images/icons/widget_type_iconsprite_24px.png");
    width: 24px;
    height: 24px;
}
.WidgetDragHelper > .AdvancedDash.WidgetType.ReportIcon { background-position: -24px 0; }
.WidgetDragHelper > .AdvancedDash.WidgetType.RichTextIcon { background-position: -48px 0; }
.WidgetDragHelper > .AdvancedDash.WidgetType.ButtonBarIcon { background-position: -72px 0; }
.WidgetDragHelper > .AdvancedDash.WidgetType.LinkBarIcon { background-position: -96px 0; }
.WidgetDragHelper > .AdvancedDash.WidgetType.SearchTableIcon { background-position: -120px 0; }
.WidgetDragHelper > .AdvancedDash.WidgetType.SectionIcon { background-position: -144px 0; }
.WidgetDragHelper > .AdvancedDash.WidgetType.ReportsListIcon { background-position: -168px 0; }
.WidgetDragHelper > .AdvancedDash.WidgetType.IFrameIcon { background-position: -192px 0; }


#pageName .Optional {
    display: block;
    font-size: 82%;
    color: #666;
    margin-top: .4em;
}

div.WidgetTool {
    display: inline-block;
    padding: .5em;
    margin-right: 2.1em;
    width: 91px;
    height: 64px;
    background-color: #fff; /* layer fill content */

    -moz-box-shadow: 0 0 7px 0 rgba(153, 153, 153, .2); /* outer glow */
    -webkit-box-shadow: 0 0 7px 0 rgba(153, 153, 153, .2); /* outer glow */
    box-shadow: 0 0 7px 0 rgba(153, 153, 153, .2); /* outer glow */
    border: 1px solid transparent;
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
div.WidgetTool:active {
    cursor: move;
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.IE8 div.WidgetTool,
div.WidgetTool:hover {
    border: 1px solid #e1e2e3;
}
body.IE div.WidgetTool,
body.IE div.WidgetTool:hover {
    cursor: move;
}

/* the line under the action buttons bar shown on widget hover */
.ToolbarDivider {
    border-left: 1px solid #e1e2e3;
    height: 86px;
    margin: 1em .4em;
}

#galleryBarContainer {
    vertical-align: top;
    margin: 1.8em .4em 0 1.5em;
    text-align: center;
}

#galleryBar {
    margin-left: 1em;
}


body.ShowFullScreenWidget { overflow: hidden !important; }

.FullScreenWidget {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1001;
    background: #fff;
    cursor: default;
}


/*
[QBE008925]
In IE8+, Flash can be drawn in front of DOM elements.  If you have flash embedded
via an iframe, and then put a report widget into fullscreen mode, then the flash
video still shows.  One easy fix for this is to have an (empty) iframe above the
flash layer but below the full-screen element, which forces IE to draw the whole
full-screen element in front of the Flash container.  We hide the iframe in
other browsers since it isn't needed.
(technique via http://www.garrickcheung.com/javascript/solution-to-flash-and-select-drop-downs-covering-html-elements/)
*/
.FullScreenWidget > iframe.CoverFlash {
    display: none; /* hide in non-IE browsers since we don't need it */
}
body.IE .FullScreenWidget > iframe.CoverFlash {
    display: block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    border:0;
    width:100%;
    height:100%;
}

.FullScreenWidget .PageNavBar {
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 9999;
}
.FullScreenWidget .PageNavBar > .TwoColumn {
    padding: 0.5em 0;
}

.FullScreenWidget .PageNavBar .WidgetActions .Icon {
    vertical-align: middle;
}
.FullScreenWidget .PageNavBar .Header {
    min-height: 28px;
}
.FullScreenWidget .PageNavBar .Header > * {
    vertical-align: middle;
}
.FullScreenWidget .PageNavBar .Header > .MainIcon {
    background-position: center 23px;
}
.FullScreenWidget .PageNavBar .Icon20 {
    top: 0;
}

.FullScreenWidget > .Content {
    position: absolute;
    left: 0;
    top: 73px;
    right: 0;
    bottom: 0;
    overflow: auto;
}
.FullScreenWidget > .Content.IsPieChart {
    top: 5.2em;
    bottom: 2em;
}

/*
Make reports overflow properly in full-screen mode
*/
.FullScreenWidget .WidgetBase {
    padding: 0 !important;
    border: none !important;
    overflow: visible; /* QBE010407 - let the full screen content be visible and use scroll bars to show it */
}
.FullScreenWidget .WithSearchBox .WidgetBase {
    margin: 1em;
}
.FullScreenWidget .WidgetBase .ReportBody {
    width: auto !important;
}
.FullScreenWidget .WidgetBase .ReportBody > .EmbeddedReportContainer {
    /* let reports overflow; the fullscreen content container will handle scrolling */
    overflow: visible !important;
	max-height: none !important;
}
/* force the various dropdown menus to appear above the full-screen widget */
body.ShowFullScreenWidget #fpopmenu,
body.ShowFullScreenWidget .Menu.ui-qbmenu {
    z-index: 1002 !important;
}

/* Two-column layout for sidebar/main area */
#dashboardMainLayout {
    display: table;
    width: 100%;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#dashboard.Editing #dashboardMainLayout {
    padding: .5em 2em;
}

#dashboardMainLayout > * {
    display: table-cell;
}

#dashboardMainLayout #dashboardSidebar,
#dashboardMainLayout #dashboardSidebarOuter {
    max-width: 250px;
    width: 250px;
}

#dashboardMainLayout #dashboardSidebar {
    /*
    without this padding, the very first/last insert above/below row
    indicators don't look quite right because the parent container
    is overflow-hidden (to support sliding sidebar in/out)
    */
    padding: 1px 0;
}

#dashboardMainLayout #dashboardBody {
    width: 100%;
}
#dashboardMainLayout #dashboardSidebarOuter {
    white-space: nowrap;
    overflow: hidden;
    /*
    padding-right: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    */
}

#dashboardMainLayout #dashboardSidebarOuter > * {
    white-space: normal;
}

#dashboardMainLayout #dashboardSidebar .GridLayoutPlaceholder {
    visibility: hidden;
}

/* placeholder dummy DND zone for create-sidebar interaction */

#dashboardSidebarPlaceholder {
    position: absolute;
    left: -1px;
    padding: 0.75em 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.Column.Loading {
    background-image: url("images/ajax-loader-fb.gif");
    background-repeat : no-repeat;
    background-position: center;
    height: 16px;
}

.WidgetBase {
    border: 1px solid transparent;
    padding: 4px 16px;
    position: relative;
    /* show a nice gentle fade in/out of opacity */
    -webkit-transition: 0.2s linear border;
    -moz-transition: 0.2s linear border;
    transition: 0.2s linear border;
    overflow: hidden; /* to correctly draw border on widgets with floating images */
}
.WidgetBase.ui-state-disabled {
    opacity: 1;
    filter: none;
}

.NoTouch.WidgetBase:hover,
.WidgetBase.PropsOpen {
    border: 1px solid #e7e8e9;
    border-radius: 3px;
}

.WidgetBase.PropsOpen {
    border-color: #e1e2e3;
}

/*
.NoTouch.WidgetBase.DeleteCandidate {
    border-color: #d86464;
}
*/

.WidgetBase .WidgetBarDivider {
    border-bottom: 1px solid #CCC;
    margin: 0;
}

/*AJAX Spinny*/
/* the full-sized container, with the background color.  show and hide this one */
.WidgetBase .ReportSpinner {
    display: none;
    position: relative;
    width: 100%;
    min-height: 20px;
    background: #f8f8f8;
}
.WidgetBase .ReportSpinner.Overlay {
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 21; /*on top of report contents*/
}
/* the actual stuff, vertically and horizontally centered */
.WidgetBase .ReportSpinner > .Spinner {
    background: url("images/ajax-loader.gif") no-repeat center center;
    display: inline-block;
    width: 32px;
    height: 32px;
    position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -16px;
	margin-left: -16px;
}
/* Report not found error message */
.WidgetBase .ReportNotFoundError {
    display: block;
    position: relative;
    width: 100%;
    height: 400px;
    background-color: #f5f5f5;
    background-image: url("images/widget-report-missing.png");
    background-repeat: no-repeat;
    background-position: center center;
}
/* Access denied to report because it's in a table where user doesn't have access */
.WidgetBase .ReportAccessDeniedError {
    display: table;
    position: relative;
    background-color: #f5f5f5;
}
.WidgetBase .ReportAccessDeniedError > * {
	display: table-cell;
	vertical-align: middle;
	padding: 1em;
}
.WidgetBase .ReportAccessDeniedError > .Icon {
    display: inline-block;
    width: 32px;
    height: 28px;
    background-image: url("images/widget-report-deny-access.png");
    background-repeat: no-repeat;
    background-position: center center;
}
.WidgetBase .ReportAccessDeniedError > .Text {
    width: 100%;
}
/*
In a report w/ access denied
*/

.WidgetBase.ReportAccessDenied .WidgetViewHandleBar > .WidgetActions {
    display: none !important;
}


.WidgetBase .Widget.IFrameWidget .IFrameWrapper {
    display: block;
    padding: 0;
    margin: 0 0 10px 0;
    border: 0;
    height: 400px;
    position: relative;
    overflow: hidden;
}
.WidgetBase .Widget.IFrameWidget .IFrameWrapper.Empty {
    overflow: visible;
}
.WidgetBase .Widget.IFrameWidget .IFrameWrapper > iframe.Frame {
    height: 100%;
    width: 100%;
    padding: 0;
    border: 0;
    margin: 0;
}
.WidgetBase .Widget.IFrameWidget .IFrameWrapper > .Placeholder {
    display: none;
    width: 100%;
    height: 100%;
    padding: 0;
    background-color: #f5f5f5;
}
.WidgetBase .Widget.IFrameWidget .IFrameWrapper.Empty > iframe.Frame {
    display: none;
}
.WidgetBase .Widget.IFrameWidget .IFrameWrapper.Empty > .Placeholder {
    display: block;
}
.WidgetBase .Widget.IFrameWidget .IFrameWrapper > .Overlay,
.WidgetBase .Widget.IFrameWidget .IFrameWrapper > .ReportSpinner {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: -1px; /*iframe is 1px wider than offset parent, so make the overlay cover that up*/
    bottom: 0;
    cursor: default;
    z-index: 2;
}
.WidgetBase .Widget.IFrameWidget .IFrameWrapper > .Overlay.DisplayNone,
.WidgetBase .Widget.IFrameWidget .IFrameWrapper > .ReportSpinner.DisplayNone,
.DashboardLayout.Viewing .WidgetBase .Widget.IFrameWidget .IFrameWrapper > .Overlay {
    display: none;
}
.WidgetBase .Widget.IFrameWidget .IFrameWrapper > .Overlay {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAFklEQVQ4T2MYBaNgFIyCUTAKqAIYGAAGVAABOhyOTwAAAABJRU5ErkJggg==");
}
.WidgetBase .Widget.IFrameWidget .IFrameWrapper > .ReportSpinner {
    background: #f8f8f8;
    background: rgba(245, 245, 245, 0.7);
}

.WidgetFlyout.WidgetProperties .URLBarSettings .AlignDiagram {
    display:inline-block;
    border: 1px solid #f8f8f8;
    margin: 1px;
    height: 52px;
    width: 120px;
    background: url("images/icons/widget_button_alignment.png") no-repeat;
    cursor:pointer;
}
.WidgetFlyout.WidgetProperties .URLBarSettings .HorizontalAlignment .AlignDiagram {
    width:70px;
}
body.UXV2 .colorpicker input[type='text'] { color: #f0f0f0; }
.WidgetFlyout.WidgetProperties .URLBarSettings .AlignDiagram:hover {
    background-color:#FAFAFA;
    -webkit-transition: background-color 150ms linear;
    -moz-transition: background-color 150ms linear;
    -o-transition: background-color 150ms linear;
    -ms-transition: background-color 150ms linear;
    transition: background-color 150ms linear;
}
.VerticalAlignment{ margin-top: 1.5em; }
.HorizontalAlignment{margin-top: 0.5em; text-align:center; }
.WidgetFlyout.WidgetProperties .URLBarSettings.center .AlignCenter,
.WidgetFlyout.WidgetProperties .URLBarSettings.left .AlignLeft,
.WidgetFlyout.WidgetProperties .URLBarSettings.right .AlignRight,
.WidgetFlyout.WidgetProperties .URLBarSettings.horizontal .AlignHorizontal,
.WidgetFlyout.WidgetProperties .URLBarSettings.vertical .AlignVertical {
    background-color: #ffffff;
    border: 1px solid #d0d0d0;
}
.WidgetFlyout.WidgetProperties .URLBarSettings.center .AlignCenter { background-position:-465px 1px; }
.WidgetFlyout.WidgetProperties .URLBarSettings .AlignCenter{ background-position:-465px -50px;}
.WidgetFlyout.WidgetProperties .URLBarSettings.left .AlignLeft{ background-position:-323px 1px; }
.WidgetFlyout.WidgetProperties .URLBarSettings .AlignLeft{ background-position:-323px -50px;}
.WidgetFlyout.WidgetProperties .URLBarSettings.vertical .AlignVertical{background-position: -15px 1px; }
.WidgetFlyout.WidgetProperties .URLBarSettings .AlignVertical{ background-position: -15px -50px;}
.WidgetFlyout.WidgetProperties .URLBarSettings.horizontal .AlignHorizontal { background-position: -155px 1px; } 
.WidgetFlyout.WidgetProperties .URLBarSettings .AlignHorizontal{ background-position: -155px -50px; }
.WidgetFlyout.WidgetProperties .URLBarSettings.right .AlignRight { background-position: -610px 1px; }
.WidgetFlyout.WidgetProperties .URLBarSettings .AlignRight{ background-position: -610px -50px;}
.WidgetFlyout.WidgetProperties .ColorPicker 
{
    min-width:60px;
    height:30px;
    background-color: #02B8F3;
    margin:0.5em 1em 0.5em 1em;
    cursor:pointer;
}
.colorpicker{ z-index: 10000; }

.WidgetFlyout .OptionsDivider{
    border-top: 1px solid #ccc;
    margin: 1em 0.25em 1em 0.25em;
}
.WidgetFlyout .ColorReverter {
    position:relative;
    display:inline-block;
    padding-left:15px;
    vertical-align:top;
    margin-top:1em;
    cursor:pointer;
}
.WidgetFlyout .RevertIcon {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left:-5px;
    margin-top: -10px;
    background-image: url("./images/icons/PageBarSprite_28x20.png");
    background-position: -340px 0;
}
.WidgetFlyout .CanCollapse span{ margin-left: 2.25em; }
.WidgetFlyout .CanCollapse input,
.WidgetFlyout .ShowTitle input { margin-right: 0.1em; }
.WidgetFlyout.WidgetProperties .ErrorInvalidInput,
.WidgetFlyout .URLTypeProperties .ErrorInvalidInput{
    color: #c00;
    min-height: 16px;
    background: url("images/icons/exclamation.png") no-repeat left center;
    padding: 0.3em 0 0 20px;
}


.DashboardLayout.Editing .WidgetBase .Widget.IFrameWidget iframe.Frame {
    -ms-overflow-x: hidden;
    -ms-overflow-y: hidden;
    overflow: hidden;
}
/*
hiding the scrollbars in IE8 is more complicated; since the parent .IFrameWrapper
is overflow:hidden, we can make the iframe slightly bigger, and its scrollbars will
not be visible
*/
body.IE8 .DashboardLayout.Editing .WidgetBase .Widget.IFrameWidget iframe.Frame {
    width: 120%;
    height: 120%;
}



.WidgetFlyout.WidgetProperties .IFrameNoEmbedExplain {
    margin: 1em 0 1.5em 0;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #ccc;
}
.WidgetFlyout.WidgetProperties .IFrameURLInput {
    margin: 0.4em 0;
    position: relative;
}
/* This is the static "https://" text we show above the beginning of the URL input box */
.WidgetFlyout.WidgetProperties .IFrameURLInput .URLStarter {
    position: absolute;
    left: 0.5em;
    top: 50%;
    margin-top: -0.65em;
    color: #777;
    cursor: help;
}
.WidgetFlyout.WidgetProperties .IFrameURLInput .URLStarter .Secure {
    color: #079500;
}
/* This is the actual URL input box */
.WidgetFlyout.WidgetProperties .IFrameURLInput .FrameURL {
    margin: 0;
    width: 24em;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* fade smoothly to/from error state when user attempts to have JS */
    -webkit-transition: 0.2s linear background-color;
    -moz-transition: 0.2s linear background-color;
    transition: 0.2s linear background-color;
}
.WidgetFlyout.WidgetProperties .IFrameURLInput .FrameURL.Changed {
    /*background-color: #fffddd;*/
}
.WidgetFlyout.WidgetProperties .IFrameURLInput .FrameURL.Error {
    background-color: #ffeeee;
}
.WidgetFlyout.WidgetProperties .IFrameURLInput .PreviewInIFrame {
    margin: 0 0 0 0.4em;
    padding: 0.4em 1em;
    position: relative;
    border-radius: 3px;
}

.WidgetFlyout.WidgetProperties .IFrameURLInput .PreviewInIFrame > .Icon {
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("images/icons/icon_eye_gray.png") no-repeat center center;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
}
.WidgetFlyout.WidgetProperties .IFrameURLInput .PreviewInIFrame:hover > .Icon {
    background-image: url("images/icons/icon_eye_hover.png");
}
.WidgetFlyout.WidgetProperties .IFrameURLInput .PreviewInIFrame[disabled] {
    cursor: default;
}
.WidgetFlyout.WidgetProperties .IFrameURLInput .PreviewInIFrame[disabled] > .Icon {
    opacity: 0.5;
    filter: alpha(opacity=50); /*IE8*/
    background-image: url("images/icons/icon_eye_gray.png");
}


/* Search Table Widget */


.WidgetFlyout.WidgetProperties .SearchOptionLine {
    padding: 0 0 5px 5px;
}

.WidgetFlyout.WidgetProperties .SearchOptionLine.AllowUserDoExactSearch,
.WidgetFlyout.WidgetProperties .SearchOptionLine.DoExactSearch {
    padding: 5px 0 5px 0;
}

.FieldListEdit.Menu li:hover {
    background-color: #fff;
    cursor:pointer;
}
.FieldListEdit.Menu li.Selected:hover {
    background-color: #FED355;
    cursor:pointer;
}

.FieldListEdit.Menu {
	padding:0;
}

.FieldListEdit.Menu li  {
    white-space:nowrap;
    outline: none;
    padding-left: 4px;
    padding-right: 0;
    padding-top: 3px;
    padding-bottom: 4px;
    height: 22px;
}

.FieldListEdit.Menu .Viewing {
    padding-left: 3px;
    position:relative;
    vertical-align:middle;
    display:inline-block;
    height:14px;
    min-width:220px;
}

.FieldListEdit.Menu .Editing input.UserInput  {
    padding:2px;
    padding-right:24px;
    margin:0;
}

.FieldListEdit.Menu li a {
    display:inline-block ;
}

.FieldListEdit.Menu li .ActionIconSprite {
    width: 20px;
}

.SearchTableWidget .SearchBoxError {
    color: #aaa;
}

.WidgetFlyout.WidgetProperties .ColumnChooserTable .AvailableScopeItem>input {
    width:120px;
}

.WidgetFlyout.WidgetProperties .ColumnChooserTable  ul {
    max-width: 120px;
    width: 120px;
    height: 125px;
    border: 1px solid gray;
    overflow-y: auto;
    overflow-x: visible;
    padding: 2px 0px;
    margin: 8px 0px 24px 0;
    background: #fff;
}

.WidgetFlyout.WidgetProperties .ColumnChooserTable .listMoveArrows {
    padding: 0 6px;
}

.WidgetFlyout.WidgetProperties .ColumnChooserTable ul.AvailableColsList {
    overflow-y:none;
}

.WidgetFlyout.WidgetProperties .ColumnChooserTable ul > li {
    list-style:none;
    padding:0 0 0 6px;
    margin:0;
    color: #333;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    max-width: 500px;
    overflow:hidden;
    cursor: default;
    height:16px;
}
.WidgetFlyout.WidgetProperties .ColumnChooserTable ul > li.selected {
    background: #FED355;
}

.WidgetFlyout.WidgetProperties .ColumnChooserTable {
    border-collapse: collapse;
}

.WidgetFlyout.WidgetProperties .MaxFieldsWarning {
    color:red;
}

.Widget.SearchTableWidget input.UserInput {
    padding: 0.4em 24px 0.4em 0.5em;
}

.Widget.SearchTableWidget .UserInput.ui-corner-left {
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}

input::-ms-clear { display:none; }

.Widget.SearchTableWidget div.allowUserExactSearch {
    padding-top: 10px;
}

.FieldListEdit .Editing {
    position:relative;
}

.FieldListEdit .Editing .Controls {
    margin-right:42px;    
}
.FieldListEdit .Editing .Controls A.CancelChanges {
    position:absolute;
    top:50%;
    margin-top: -10px;   
    right: 2px; 
}
.FieldListEdit .Editing .Controls A.SaveChanges {
    position:absolute;
    top:50%;
    margin-top: -10px;   
}


.Widget.SearchTableWidget .SearchInputWrapper {
    display:inline-block;
    position:relative;
}

.Widget.SearchTableWidget .UserInput {
    padding-right: 24px;
}

.Widget.SearchTableWidget .ClearInput,
.SearchLabelEditorWrapper .ClearInput {
    position: absolute;
    width: 16px;
    height: 16px;
    background: url("images/icons/clearsearch.png");
    cursor: pointer;
    right: 5px;
    top: 50%;
    margin-top: -8px;
}
.Widget.SearchTableWidget a.DoSearch {
     vertical-align: top;
     position:absolute;
     top:50%;
     width: 2.6em;
     height: 2.2em;
     margin: -1.1em 0 0 0;
     padding: 0;
     right: -0.4em;
     border-radius: 3px;
}
.Widget.SearchTableWidget .DoSearch .Icon.SearchIcon  {
    background-position: 0 0;
    background-image: url("images/icons/icon_menu_search.png");
    height: 16px;
    width: 16px;
    display: inline-block;
    position: absolute;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -8px;
}

.ExtraSettings .ResultsSelect {
    margin: 2px;
}

.Column .SearchResults {

    border:3px dotted blue;
    width: 400px;
    height: 100px;
}

.Widget.SearchTableWidget .SearchWrapper {
    padding: 0.75em 0;
}

.Widget.SearchTableWidget .SearchFieldLine {
    margin-top:3px;
    margin-bottom:5px;
}

.Widget.SearchTableWidget .FieldSelectSearch {
    margin-right:32px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.Widget.SearchTableWidget .FieldSelectSearch input.ui-combobox-input {
    cursor:pointer;
}

.SearchLabelEditorWrapper {
    position:relative;
    display:inline-block;
}
.Widget.SearchTableWidget .SearchLabelEditorWrapper >* {
    display:inline-block;
}

.Widget.SearchTableWidget .SearchBoxError {
    text-align:center;
    margin:8px;
    cursor: default;
}

.WidgetFlyout.WidgetProperties .SearchFormIcons {
    white-space:nowrap;
    margin-top: 12px;
}
.WidgetFlyout.WidgetProperties .SearchFormIcons .SearchFormIconWrapper {
    display:inline-block;
    width:91px;
    height: 50px;
    position:relative;
    margin:1px;
    
}
.WidgetFlyout.WidgetProperties .SearchFormIcons .SearchFormIconWrapper.Selected {
     border: 1px solid #d0d0d0;
     margin: 0px;
     background:#fff;
}

.WidgetFlyout.WidgetProperties .SearchFormIcon.Icon {
    width:78px;
    height:35px;
    display:inline-block;
    background-image: url("./images/icons/Sprite_images_search.png");
    position:absolute;
    top:50%;
    margin-top: -18px;
    margin-left:5px;
}


.WidgetFlyout.WidgetProperties .SearchFormIcon.SearchFieldList {
    background-position: 0px -35px;
}
.WidgetFlyout.WidgetProperties .SearchFormIcon.SearchInput {
    background-position: -80px -35px;
}
.WidgetFlyout.WidgetProperties .SearchFormIcon.SearchSelect {
    background-position: -158px -35px;
}
.WidgetFlyout.WidgetProperties .SearchFormIconWrapper.Selected .SearchFormIcon.SearchFieldList {
    background-position: 0px 1px;
}
.WidgetFlyout.WidgetProperties .SearchFormIconWrapper.Selected .SearchFormIcon.SearchInput {
    background-position: -80px 1px;
}
.WidgetFlyout.WidgetProperties .SearchFormIconWrapper.Selected .SearchFormIcon.SearchSelect {
    background-position: -158px 1px;
}

.WidgetFlyout.WidgetProperties .NumSelectedLabel,
.Widget.SearchTableWidget A {
    cursor: pointer;
}
.WidgetFlyout.WidgetProperties .UserInput.DoSearch,
.WidgetFlyout.WidgetProperties .AvailableScopeItem>* {
    width: 100%;
}

.DashboardLayout.Editing .SearchTableWidget .SearchWrapper .EditIcon,
.FieldListEdit .SearchWrapper .EditIcon
 {
    display: none;
}

.DashboardLayout.Editing .SearchTableWidget .SearchLabelCombo,
.DashboardLayout.Editing .SearchTableWidget .SearchLabel  {
    cursor:pointer;
}

.SearchInput {
    position: relative;
    display: inline-block;
    margin-right: 2.6em;
}
.SearchTableWidget .SearchLabel,
.DashboardLayout.Editing .SearchTableWidget .SearchLabelCombo
 {
    margin-top:0;
    white-space:nowrap;
    display:inline-block;
}
.SearchTableWidget .SearchLabelWrapper {
    display:inline-block;
}
.DashboardLayout.Editing .SearchTableWidget .SearchWrapper .EditIcon,
.FieldListEdit .SearchWrapper .EditIcon
 {
    display: inline-block;
	width: 20px;
	height: 20px;
    margin-top: -4px;
    vertical-align: middle;
	background: url("images/icons/icon_pencil_gray_30a.png") no-repeat center center;
	opacity: 0;
    /* show a nice gentle fade in/out of opacity */
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity;
    transition: 0.2s linear opacity;
 
}

.DashboardLayout.Editing .SearchTableWidget .SearchWrapper .RevertInput,
.FieldListEdit .SearchLabelEditorWrapper .RevertInput {
    background: url("images/icons/16x16-revert-search-icon.png") no-repeat center center;
    position: absolute;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -8px;
}

.DashboardLayout.Editing .SearchTableWidget .SearchWrapper .EditIcon:hover,
.FieldListEdit .SearchWrapper .EditIcon:hover {
	background-image: url("images/icons/icon_pencil_blue.png");
}

.DashboardLayout.Editing .SearchTableWidget .SearchFieldLine:hover .EditIcon,
.FieldListEdit .SearchWrapper:hover  .EditIcon
{
    opacity: 1;
}
.SearchLabelEdit {
    display: inline-block;
    white-space:nowrap;
}
.SearchLabelEdit .Controls {
    vertical-align:middle;	
}
.SearchLabelEdit .Controls .ActionIconSprite {
    width: 20px;;	
}

.SearchLabelEdit > * {
    display:inline-block;
}

.WidgetFlyout.WidgetProperties .ArrowIcon {
    background-image: url("./images/icons/report_builder_sprite_22px.png");
    width: 21px;
    height: 22px;
    display: block;
    background-position-y: 0;
}
.WidgetFlyout.WidgetProperties .ArrowIcon.MoveUp {
    background-position: -44px 0;
}

.WidgetFlyout.WidgetProperties .ArrowIcon.AddToSearch {
    background-position: 0px 0;
}
.WidgetFlyout.WidgetProperties .ArrowIcon.RemoveFromSearch {
    background-position: -22px 0;
}
.WidgetFlyout.WidgetProperties .ArrowIcon.MoveDown {
    background-position: -66px 0;
}

.WidgetFlyout.WidgetProperties .ArrowIcon:hover {
    background-position-y: 44px;
}
.WidgetFlyout.WidgetProperties .ArrowIcon.Disabled {
    background-position-y: 22px;
}

.WidgetFlyout.WidgetProperties .ArrowIconPadding {
    height: 10px;
}

#searchResults {
    position: fixed;
    left: 20px;
    right: 20px;
    overflow: auto;
    z-index: 99999;
    padding-top:2px;
    padding-bottom:2px;
}

#searchResultsHeading {
    height:20px;
}

.WidgetActions .Icon.FullscreenIcon {
    background-position: -80px 0px;
}

#searchResultsHeading {
    position:relative;
    padding:4px;
    margin:4px 8px 0px 8px;
    background-color: #eee;
}

#searchResults .EmbeddedReportContainer {
    padding: 8px;
}

body.WidgetFlyoutOpen .tooltip {
    z-index: 9999;
}


.Widget {
    clear: both;
}

.FullScreenWidget .WidgetHandleBar {
    display: none;
}

.DashboardLayout.Editing .WidgetHandleBar {
    cursor: move;
}
.DashboardLayout.Editing .WidgetHandleBar .Title .TitleText {
    cursor: pointer;
}

.DashboardLayout .WidgetHandleBar .ExtraActionMenu {
    cursor: default;
    padding-top: 5px;
    padding-bottom: 5px;
}

.WidgetViewHandleBar {
    width: 100%;
    position: relative;
}

.WidgetViewHandleBar > .WidgetTitle {
    position: relative;
    width: 100%;
    padding: 6px 90px 6px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*When displaying (not editing) dashboards, makes the padding of the sidebar widget title less aggressive to truncate it*/
.DashboardLayout.Viewing > #dashboardSidebarOuter .WidgetTitle {
    padding: 7px 10px 7px 0;
}
.WidgetViewHandleBar > .WidgetTitle > .Title {
    position: relative;
    width: 100%;
    max-width: 500px; /*bug in IE/FF/Chrome when this wants to be > screen width, it messes up the table layout*/
}
.WidgetViewHandleBar > .WidgetTitle > .Title > .TitleText {
    display: inline-block;
    position: relative;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.DashboardLayout.Editing .WidgetViewHandleBar > .WidgetTitle > .Title > .TitleText {
    padding-right: 24px;
}
.WidgetViewHandleBar > .WidgetTitle > .Title > .TitleText > .EditIcon {
    display: none;
}
.DashboardLayout.Editing .WidgetViewHandleBar > .WidgetTitle > .Title > .TitleText > .EditIcon{
    display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: 0;
	background: url("images/icons/icon_pencil_gray_30a.png") no-repeat center center;
	opacity: 0;
    /* show a nice gentle fade in/out of opacity */
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity;
    transition: 0.2s linear opacity;
}
.DashboardLayout.Editing .WidgetViewHandleBar > .WidgetTitle > .Title > .TitleText > .EditIcon:hover {
	background-image: url("images/icons/icon_pencil_blue.png");
}
.DashboardLayout.Editing .WidgetBase:hover .WidgetViewHandleBar > .WidgetTitle > .Title > .TitleText > .EditIcon
{
    opacity: 1;
}
/*
IE8 doesn't have opacity so use display instead
*/
body.IE8 .DashboardLayout.Editing .WidgetViewHandleBar > .WidgetTitle > .Title > .TitleText > .EditIcon {
    opacity: 1;
    display: none;
}
body.IE8 .DashboardLayout.Editing .WidgetBase:hover .WidgetViewHandleBar > .WidgetTitle > .Title > .TitleText > .EditIcon {
    display: inline-block;
}
/*
When there's no title, there's no right padding and no edit-title icon
*/
.DashboardLayout.Editing .WidgetViewHandleBar > .WidgetTitle > .Title.HideTitle > .TitleText {
    padding-right: 0 !important;
    cursor: inherit !important;
}
.DashboardLayout.Editing .WidgetViewHandleBar > .WidgetTitle > .Title.HideTitle > .TitleText > .EditIcon {
    display: none !important;
}

.WidgetViewHandleBar > .WidgetActions {
	opacity: 0;
    white-space: nowrap;
    position: absolute;
    cursor: default;
    top: 6px;
    right: 0;
    background: white;
    /* show a nice gentle fade in/out of opacity */
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity;
    transition: 0.2s linear opacity;
}

.DashboardLayout.Viewing .WidgetBase .WidgetActions > .PropertiesIcon,
.DashboardLayout.Viewing .WidgetBase .WidgetActions > .TrashIcon {
    display: none !important;
}

.DashboardLayout .NoTouch.WidgetBase:hover .WidgetActions,
.DashboardLayout .WidgetBase.PropsOpen .WidgetActions {
    opacity: 1;
}

body.IE8 .WidgetViewHandleBar > .WidgetActions {
    visibility: hidden;
}
body.IE8 .DashboardLayout .WidgetBase:hover .WidgetActions,
body.IE8 .DashboardLayout .WidgetBase.PropsOpen .WidgetActions {
    visibility: visible;
}

.DashboardLayout.Viewing .WidgetBase .WidgetActions 
.WidgetHandleBar .WidgetActions .Icon {
    width: 20px;
    height: 20px;
    display: table-cell;
}

.WidgetHandleBar .Title,
.WidgetHandleBar .TitleInput {
    display: inline-block;
}

.WidgetHandleBar .CollapseIcon {
    width: 20px;
    height: 20px;
    background-image: url("images/icons/sprite_dashboards_20.png");
    background-repeat: no-repeat;
    background-position: -140px 0px;
    display: inline-block;
    cursor: pointer;
}

.WidgetHandleBar .CollapseIcon:hover {
    background-position: -140px -20px;
}

.WidgetBase.Collapsed .WidgetHandleBar .CollapseIcon {
    background-position: -160px 0px;
}

.WidgetBase.Collapsed .WidgetHandleBar .CollapseIcon:hover {
    background-position: -160px -20px;
}

/*
Only show collapse icon when in a full row and collapse is allowed
*/
.WidgetHandleBar .CollapseIcon { display: none; }
.WidgetBase.ShowCollapser.OnlyWidgetInRow .WidgetHandleBar .CollapseIcon {
    display: inline-block;
    position: absolute;
    left: 0;
    margin: 0;
    z-index: 1;
}
.WidgetBase.ShowCollapser.OnlyWidgetInRow .WidgetHandleBar .Title {
    padding-left: 26px;
}

.WidgetAction.Icon {
    display: inline-block;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url("images/icons/sprite_dashboards_20.png");
}
.WidgetAction.Icon {
    margin-left: 12px;
}
.WidgetActions .WidgetAction.Icon:first-child {
    margin-left: 0;
}

.WidgetAction.Icon.FullscreenIcon {
    background-position: -80px 0px;
}

.WidgetAction.Icon.FullscreenIcon:hover {
    background-position: -80px -20px;
}

.WidgetAction.Icon.ExitFullscreenIcon {
    background-position: -180px 0px;
}

.WidgetAction.Icon.ExitFullscreenIcon:hover {
    background-position: -180px -20px;
}

.WidgetAction.Icon.PropertiesIcon {
    background-position: -60px 0px;
}

.WidgetAction.Icon.PropertiesIcon:hover {
    background-position: -60px -20px;
}

.WidgetAction.Icon.TrashIcon {
    background-position: -40px 0px;
}

.WidgetAction.Icon.TrashIcon:hover {
    background-position: -40px -20px;
}

.WidgetAction.Icon.MoreIcon {
    background-position: -100px 0px;
}

.WidgetAction.Icon.MoreIcon:hover {
    background-position: -100px -20px;
}

.WidgetAction.Icon.SearchIcon {
    background-position: -120px 0px;
}

.WidgetAction.Icon.SearchIcon:hover {
    background-position: -120px -20px;
}

.WidgetAction.Icon.RefreshIcon {
    display: inline-block;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url("images/icons/refreshReportDashboard.png");
}

.WidgetAction.Icon.RefreshIcon:hover {
    background-image: url("images/icons/refreshReportDashboardHover.png");     
}

.WidgetAction.Icon.OpenFullPageIcon {
    background-position: -260px 0px;
}

.WidgetAction.Icon.OpenFullPageIcon:hover {
    background-position: -260px -20px;
}

.WidgetEditHandleBar .Controls .SaveChanges {
    background-position: -396px 0px;
}

.WidgetEditHandleBar .Controls .SaveChanges:hover {
    background-position: -396px -20px;
}

.WidgetEditHandleBar .Controls .CancelChanges {
    background-position: -368px 0px;
}

.WidgetEditHandleBar .Controls .CancelChanges:hover {
    background-position: -368px -20px;
}


.WidgetEditHandleBar {
    display: table;
    width: 100%;
}
.WidgetEditHandleBar > * {
    display: table-cell;
    vertical-align: middle;
}
.WidgetEditHandleBar > .Controls {
    width: 1px;
    white-space: nowrap;
}

.WidgetEditHandleBar > .Controls > .ActionIconSprite {
    cursor: pointer;
    width: 20px;
    margin-left: 4px;
    vertical-align: middle;
}

.WidgetEditHandleBar > .Controls > .ActionIconSprite.DisabledIcon {
    cursor: default;
}

.WidgetEditHandleBar > .Inputs > .WidgetTitleEditorWrapper {
    position: relative;
}
.WidgetEditHandleBar > .Inputs > .WidgetTitleEditorWrapper > .WidgetTitleEditor {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0.2em;
    margin: 3px 0;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
}
body.IE8 .WidgetEditHandleBar > .Inputs > .WidgetTitleEditorWrapper > .WidgetTitleEditor {
    margin: 2px 0;
}
/* for report widgets; icon that makes you go back to following report title */
.WidgetEditHandleBar > .Inputs > .WidgetTitleEditorWrapper > .RevertIcon {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -8px;
    cursor: pointer;
    background: url("images/icons/undo.png") no-repeat center center;
}

/*
A properties panel, which will float around on the page somewhere
The panel is like a dropdown menu - it hides when the page resizes
*/
.WidgetFlyout {
    position: absolute;
    top: 0;
    left: 0;
    background: #f8f8f8;
    border: 1px solid #ccc;
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, .2);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, .2);
    z-index: 9999;
    border-radius: 3px;
}

.ButtonWidgetFlyoutContainer {
    height: 260px;
    width: 339px;
}

#searchResultsHeading .CloseFlyout,
.WidgetFlyout > .CloseFlyout {
    position: absolute;
	top: 5px;
	right: 5px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("images/icons/dashboard_props_close.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    cursor: pointer;
}

#searchResultsHeading .CloseFlyout:hover,
.WidgetFlyout > .CloseFlyout:hover {
    background-position: 0 -20px;
}

.WidgetFlyout .Contents {
    padding: 1.5em 2.3em 1.5em 1.5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
}

.WidgetFlyout.DeleteConfirm .Contents {
    padding: 1.25em;
    overflow: hidden;
    white-space: nowrap;
    text-align: right;
}
.WidgetFlyout.DeleteConfirm .Contents p {
    margin: 0 0 1em 0;
}
.WidgetFlyout.DeleteConfirm .Contents .Vibrant {
    margin: 0;
    padding: 0.5em 1em;
}
.WidgetFlyout.DeleteConfirm .Contents .Vibrant.Danger {
    margin-right: 0.5em;
}

.WidgetProperties .Contents .Setting {
    margin-bottom: 1.4em;
}

.WidgetProperties .Contents .Setting.Last {
    margin-bottom: 0;
}

.WidgetProperties .Contents .Setting label,
.WidgetProperties .Contents .Setting a {
    cursor: pointer;
}

.WidgetProperties .Contents .Setting.Disabled,
.WidgetProperties .Contents .Setting.Disabled > label,
.WidgetProperties .Contents .Setting.Disabled > span {
    color: #999;
    cursor: default;
}

.WidgetProperties .Contents .ExtraContents {
    display: none;
}
/* base markup for the flyout arrows */
.WidgetFlyout .FlyoutArrow {
    width: 0;
    height: 0;
    position: absolute;
}

.WidgetFlyout .FlyoutArrow:after,
.WidgetFlyout .FlyoutArrow:before {
    content: '';
    position: absolute;
    border: 10px solid #f8f8f8;
    margin: -10px;
}

.WidgetFlyout .FlyoutArrow:before {
    border: 12px solid #ccc;
    margin: -12px;
}

/* arrow pointing upwards */
.WidgetFlyout.S .FlyoutArrow {
    top: 0;
    right: 19px;
}
.WidgetFlyout.S .FlyoutArrow.Centered {
    right: 50%;
}

.WidgetFlyout.S .FlyoutArrow:after,
.WidgetFlyout.S .FlyoutArrow:before {
    margin-right: 0;
    margin-bottom: 0;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
    border-left-color: rgba(255, 255, 255, 0);
    border-right-color: rgba(255, 255, 255, 0);
}

/* arrow pointing downwards */
.WidgetFlyout.N .FlyoutArrow {
    bottom: 0;
    right: 19px;
}
/* arrow pointing downwards and horiz-centered */
.WidgetFlyout.N .FlyoutArrow.Centered {
    right: 50%;
}

.WidgetFlyout.N .FlyoutArrow:after,
.WidgetFlyout.N .FlyoutArrow:before {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
    border-left-color: rgba(255, 255, 255, 0);
    border-right-color: rgba(255, 255, 255, 0);
}

/* arrow pointing to the right */
.WidgetFlyout.W .FlyoutArrow {
    right: 0;
    top: 24px;
}
.WidgetFlyout.W .FlyoutArrow.Centered {
    top: 50%;
}

.WidgetFlyout.W .FlyoutArrow:after,
.WidgetFlyout.W .FlyoutArrow:before {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-top-color: rgba(255, 255, 255, 0);
    border-bottom-color: rgba(255, 255, 255, 0);
}

/* arrow pointing to the left */
.WidgetFlyout.E .FlyoutArrow {
    left: 0;
    top: 24px;
}
.WidgetFlyout.E .FlyoutArrow.Centered {
    top: 50%;
}

.WidgetFlyout.E .FlyoutArrow:after,
.WidgetFlyout.E .FlyoutArrow:before {
    margin-right: 0;
    margin-bottom: 0;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-top-color: rgba(255, 255, 255, 0);
    border-bottom-color: rgba(255, 255, 255, 0);
}

/* click catcher for hiding widget properties */
.WidgetFlyoutOverlay {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /* Transparent PNG background helps keep IE8 from passing mouse events through anyways */
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAFklEQVQ4T2MYBaNgFIyCUTAKqAIYGAAGVAABOhyOTwAAAABJRU5ErkJggg==");
    z-index: 9998;
}

/*
Report picker spacing
*/
.WidgetProperties .ExtraSettings .ReportPicker {
    margin: 0.4em 0;
    min-width:230px;
}

/*
Combo box inside widget properties and ckeditor dialogs
*/

.ComboPicker input.ui-combobox-input,
.WidgetProperties input.ui-combobox-input,
.WidgetFlyout input.ui-combobox-input{
    padding: 0.4em 0.4em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 16em;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
}
.WidgetFlyout .PropertiesSection
{
    padding: 0em 1em 1em 1em;
}
.WidgetFlyout .PropertiesSection .InputLabel
{
    margin-bottom: 0.5em;
}

.cke_reset_all .cke_dialog  .PickRedirectURL,
.WidgetFlyout .PickRedirectURL
{
    margin-top:1.5em;
}
.WidgetFlyout .ButtonTypeGallery { margin-top: 0.25em; }

.cke_reset_all .cke_dialog .Setting,
.WidgetFlyout .PropertiesSection .Setting
{
    margin-top:0.5em
}
ul.ui-autocomplete {
    max-height: 300px;
    max-width: 30em;
    overflow: auto;
}
.ui-autocomplete-divider {
    font-weight: lighter;
    line-height: 1.5;
}
.ui-autocomplete-title {
    color: #777;
    line-height: 1.5;
}
.ui-autocomplete-category {
    font-weight: bold;
    line-height: 1.5;
}
.ui-menu .ui-menu-item a,
.ui-menu .ui-menu-item a.ui-corner-all {
    cursor: pointer;
    line-height: 1.2em;
    padding: 0.4em;
    color: #333;
}
.ui-menu .ui-menu-item a.Heading,
.ui-menu .ui-menu-item a.Heading.ui-state-hover {
    cursor: default;
    color: #333;
}
.ui-menu .ui-menu-item a.Category,
.ui-menu .ui-menu-item a.Category.ui-corner-all,
.ui-menu .ui-menu-item a.Category.ui-state-hover {
    cursor: default;
    color: #888;
    padding-left: 29px;
}
.ui-menu .ui-menu-item a.Indented,
.ui-menu .ui-menu-item a.Indented.ui-corner-all {
    padding-left: 29px;
}
.ui-menu .ui-menu-item a.Separator.ui-corner-all {
    padding: 1px;
    margin: 0.5em 0;
}
.ui-menu .ui-menu-item a.WithIcon > * {
    display: table-cell;
    vertical-align: bottom;
}
.ui-menu .ui-menu-item a.WithIcon .Icon16 {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    margin-right: 8px;
    display: inline-block;
    vertical-align: top;
}

.Icon16.ReportType.Table {
    background: url("./images/icons/Table-report.png") no-repeat center center;
}
.Icon16.ReportType.Summary {
    background: url("./images/icons/Summary-report.png") no-repeat center center;
}
.Icon16.ReportType.Map {
    background: url("./images/icons/Map-report.png") no-repeat center center;
}
.Icon16.ReportType.Timeline {
    background: url("./images/icons/Timeline-report.png") no-repeat center center;
}
.Icon16.ReportType.Grid-edit {
    background: url("./images/icons/Grid-edit-report.png") no-repeat center center;
}
.Icon16.ReportType.Calendar {
    background: url("./images/icons/Calendar-report.png") no-repeat center center;
}
.Icon16.ReportType.Kanban {
    background: url("./images/icons/Kanban-report.png") no-repeat center center;
}

.Icon16.ReportType.Chart .reportPickerIcon {
    background-image:url("images/icons/agf_chart_icons_sprite.png");
    background-repeat: no-repeat;
    height:16px;
    width:16px;
    display:inline-block;
    margin-right: 3px;
    margin-bottom: -4px
}

/* Rich Text editor controls */
.cke > .QBLinkDropdown {
    width: 350px;
    height: 400px;
}

.stdBody .cke.cke_reset_all,
.stdBody .cke.cke_panel_frame,
.stdBody .cke.cke_panel_block,
.stdBody .cke.cke_reset_all * {
    font-family: Verdana, Helvetica, Geneva, sans-serif;
}

.stdBody .cke_top,
.stdBody .cke_chrome
{
    background-image: none;
    background-color: #F1F2F3;
}


.stdBody .RichTextWidget:focus{
    outline-color: #FFF;
}

/* Rich text content */
.RichTextWidget *, .RichTextWidget,.cke_dialog_contents_body *, .cke_dialog_contents_body {
    /* make sure the user can select text in editiable rich text widgets(overrides not:(input)) rules */
    -webkit-user-select: text;
    -webkit-touch-callout: default;
}

/* fixes for reset done in cke dialogs  */
table.cke_dialog_contents .FS-H2.InputLabel,
.cke_reset_all .AnchorNameSelector label,
.cke_reset_all .UserURL label{
    font-size: 1.1em;
    font-family: "HelveticaNeue-Roman", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}


table.cke_dialog_contents .ui-button-icon-primary.ui-icon.ui-icon-triangle-2-n-s
{
    background-image: url("../css/themes/jquery-ui/smoothness/images/ui-icons_222222_256x240.png");
    background-position: -128px -16px;
    width: 16px;
    height: 16px;
}

table.cke_dialog_contents  .ui-button.ui-widget.ui-state-default.ui-button-icon-only.ui-corner-right.ui-combobox-toggle {
    width: 2.2em;
}


table.cke_dialog_contents .PickRedirectURL  .cke_dialog_ui_input_select,
table.cke_dialog_contents .PickRedirectPage  .cke_dialog_ui_input_select,
table.cke_dialog_contents .TargetSelect  .cke_dialog_ui_input_select   {
    width : 18em;
}

/* end of fixes for cke dialog resets */

.RichTextWidget {
    margin-bottom: .5em;
    padding-top: 12px;
    line-height: 18px;
}

.FullScreenWidget .RichTextWidget {
    margin : 8px;
}

.RichTextWidget body {
    /* Font */
    font-family: sans-serif, Arial, Verdana, "Trebuchet MS";
    font-size: 12px;
    /* Text color */
    color: #333;
    /* Remove the background color to make it transparent */
    background-color: #fff;
    margin: 20px;
}

.RichTextWidget .cke_editable {
    font-size: 13px;
    line-height: 1.6em;
}

.cke_reset_all .ui-state-default,
.cke_reset_all .ui-widget-content .ui-state-default,
.cke_reset_all .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url("../css/themes/jquery-ui/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
}


.cke_reset_all .ui-state-default a,
.cke_reset_all .ui-state-default a:link,
.cke_reset_all .ui-state-default a:visited {
    color: #555555;
    text-decoration: none;
}

.RichTextWidget blockquote {
    font-style: italic;
    font-family: Georgia, Times, "Times New Roman", serif;
    padding: 2px 0;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
}

.RichTextWidget .cke_contents_ltr blockquote {
    padding-left: 20px;
    padding-right: 8px;
    border-left-width: 5px;
}

.RichTextWidget .cke_contents_rtl blockquote {
    padding-left: 8px;
    padding-right: 20px;
    border-right-width: 5px;
}

.RichTextWidget a {
    color: #0782C1;
}

.RichTextWidget p {
    display: block;
    margin:0
 }

.RichTextWidget ol, .RichTextWidget ul, .RichTextWidget dl {
    /* IE7: reset rtl list margin. (#7334) */
    *margin-right: 0px;
    /* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/
    padding: 0 40px;
}

.RichTextWidget h1, .RichTextWidget h2, .RichTextWidget h3, .RichTextWidget h4, .RichTextWidget h5, .RichTextWidget h6 {
    font-weight: normal;
    line-height: 1.2em;
}

.RichTextWidget hr {
    border: 0px;
    border-top: 1px solid #ccc;
}

.RichTextWidget img.right {
    border: 1px solid #ccc;
    float: right;
    margin-left: 15px;
    padding: 5px;
}

.RichTextWidget img.left {
    border: 1px solid #ccc;
    float: left;
    margin-right: 15px;
    padding: 5px;
}

.RichTextWidget img:hover {
    opacity: .9;
    filter: alpha(opacity=90);
}

.RichTextWidget pre {
    white-space: pre-wrap;
    /* CSS 2.1 */
    word-wrap: break-word;
    /* IE7 */
}

.RichTextWidget .marker {
    background-color: Yellow;
}

.RichTextWidget table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid;
    width : 100%;
}

.RichTextWidget table,
.RichTextWidget th {
    vertical-align: middle;
}

.RichTextWidget caption,
.RichTextWidget th,
.RichTextWidget td {
    text-align: left;
}

.RichTextWidget td {
    vertical-align: top;
}

.RichTextWidget td,
.RichTextWidget th {
    border-bottom: 0;
    margin: 0;
    padding: 5px 7px;
}
.RichTextWidget table,
.RichTextWidget thead,
.RichTextWidget tbody,
.RichTextWidget tr,
.RichTextWidget th,
.RichTextWidget td {
    border-color: #ccc;
}

 .RichTextWidget .QBInPageAnchor {
    display:inline-block;
    height: 80px;
    margin-top: -80px;
    visibility: hidden;
}

a.RichTextWidgetLinksButton:hover  {
    background: white url("images/icons/dialog-tab-hover.png") bottom center no-repeat;
    padding-bottom: 1.2em;
}

a.RichTextWidgetLinksButton.Selected  {
    background: white url("images/icons/dialog-tab-active.png") bottom center no-repeat;
    padding-bottom: 1.2em;
}

.AnchorNameSelector select  {
    min-width : 300px;
}

.cke_reset_all .ImageDimX {
    margin-top: 20px;
    display: inline-block;
    padding: 0 4px;
}
/* Link/Button bar widget styles */
.URLBarWidget{
    padding: 0.25em 0;    
}
.URLBarWidget .InlineBlock .ButtonItem {
    display:inline-block;
    vertical-align:top;
}
.URLBarWidget .ButtonItem span, .URLBarWidget .ButtonItem a
{
    text-decoration: none;
    margin: 0 0 0 0;
}
.URLBarWidget .Separator {
    display: inline-block;
    margin: 0.5em; 
}
.URLBarWidget .Separator.DisplayNone { display: none; }
.URLBarSettings.vertical .LinkStyling 
{
    color: Gray;
}
.URLBarWidget .NewButton {
    position:relative; 
    display:inline-block;
    padding:0.5em 0em 0.5em 1.5em;
    color:#999999;
    cursor: pointer;
    margin: 0.5em 1em 0.5em 0;
}
.LinkBarWidget .URLBarWidget .NewButton 
{
    padding:0 0 0 1.5em;
}
.URLBarWidget .NewButton:hover{ color:#2dab40; }
.URLBarWidget .NewPlus {
    width:16px;
    height:16px;
    background: url("images/icons/add16px.png") no-repeat;
    display:inline-block;
    position:absolute;
    top: 50%;
    left:0;
    margin-top: -8px;
}
ul.URLBarContents
{
    padding:0 0 0 0;
    margin: 0 0 0 0;
    overflow:hidden;
}
.URLBarWidget .RainbowVibrant, 
.ExtraSettings .RainbowVibrant
{
    display: inline-block;
    text-align:center;
    position: relative;
    cursor: pointer;
    border-radius: 4px;
    background-repeat: repeat-x;
    min-width: 115px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    overflow:hidden;
}
/*
In IE8's box model, the max-width is interpreted as narrower than it should be.  We take
away the max width;  They're still inline-blocks and will normally wrap text inside their parent.
If in the unusual instance that there's text inside that has no spaces and is really wide, it will just
overflow the button (and the overflow is hidden).
Doing this only for IE8 to minimize changes to the (working) layout of these buttons in other browsers.
*/
body.IE8 .URLBarWidget .RainbowVibrant {
	max-width: none;
}
.URLBarWidget .ui-sortable-helper .RainbowVibrant,
.URLBarWidget .ui-sortable-helper .LinkWrapper  {
    cursor:move; 
}
.URLBarWidget .ButtonName,
.URLBarWidget .ButtonItem .RainbowVibrant a.ButtonName 
{
    display:block;
    margin: 0.5em 1.2em 0.5em 1.2em;
    overflow: hidden;
}
.URLBarWidget .LinkWrapper
{
    display:inline-block;
    position:relative;
    cursor: pointer;
    margin: 0em 0em 0em 0em;
    padding-right:1.5em;
    min-width: 90px;
    max-width:100%;
    box-sizing:border-box;
}
.URLBarWidget a.RainbowVibrant 
{
    text-decoration:none;
}
li.ButtonItem
{
    list-style-type: none; 
    max-width:100%;
    padding: 0.5em 1em 0.5em 0;
    box-sizing:border-box;
}
li.ButtonItem.ui-sortable-placeholder
{
    min-width:100px;
}
.URLBarWidget .RainbowVibrant form input,
.URLBarWidget .LinkWrapper form input
{
    padding:3px 55px 3px 3px;
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
}
.URLBarWidget .RainbowVibrant form { width:100%; }
.LinkStyling { margin: .25em;}
.LinkSeparators > .LinkStyling span
{
    margin:.25em 1em .25em 1em;
}

.URLBarWidget .LinkBarItem{ margin:0.5em; }
.LinkSeparators { margin: 1.5em 1em 1.5em 0em; }
/* Edit button flyout */
.WidgetFlyout .ButtonType,
.WidgetFlyout div.Label,
.RichTextWidgetLinksButton span
{
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    border-radius: 3px;
    display:inline-block;
    margin:0.5em;
    padding:0.5em;
    border: 1px solid #f8f8f8;
    cursor: pointer;
}
.RichTextWidgetLinksButton span {
    border:0;
}

.WidgetFlyout .PropertiesSection{ min-height: 135px;}
.WidgetFlyout .ButtonType.Selected
{
    background-color:White;
    border: 1px solid #E8E8E8;
}

/* Edit button hover controls */
.URLBarWidget .DeployHovers{
    display:none;
    width: 20px;
    height: 24px;
    border-radius:2px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: -2px;
    margin-top: -12px;
    cursor: pointer;
}
.URLBarWidget .ButtonItem > span:hover .DeployHovers 
{
    display:block;
}
.URLBarWidget .HoverControls {
    position: absolute;
    top: 50%;
    margin-top:-13px;
    right: 15px;
    padding:0.3em 0;
    white-space: nowrap;
    border-radius: 2px;
    background-color: rgba(255,255,255,0.8);
}
body.IE8 .URLBarWidget .HoverControls 
{
    background-color: #f6f9fd;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.URLBarWidget .HoverControls.FlyoutOpen,
.URLBarWidget .HoverControls.Deployed {
    display:block; padding-bottom:1px; 
}

.URLBarWidget .DeployHovers > .HoverCaret
{
    background-color:inherit;
    background-image: url("images/icons/icons_collapse_UD.png");
    background-position: -48px -16px;
    position:absolute;
    top:50%;
    margin-top:-8px;
    left:50%;
    margin-left:-8px;
    height:16px;
    width:16px;
    -webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
}
.URLBarWidget .DeployHovers.Deployed > .HoverCaret
{
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
.URLBarWidget .DeployHovers > .HoverCaret:hover
{
    background-position: -48px 0px;
}
.URLBarWidget .LinkWrapper .DeployHovers > .HoverCaret
{
    width: 20px;
    height: 20px;
    margin-top:-10px;
    margin-left:-10px;
    background-image: url("images/icons/sprite_dashboards_20.png");
    background-repeat: no-repeat;
    background-position: -160px 0px;
    display: inline-block;
    cursor: pointer;
    -webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.URLBarWidget .LinkWrapper .DeployHovers > .HoverCaret:hover 
{
    background-position: -160px -20px;
    -webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.URLBarWidget .LinkWrapper .DeployHovers.Deployed > .HoverCaret {  background-position: -140px 0px;}
.URLBarWidget .LinkWrapper .DeployHovers.Deployed > .HoverCaret:hover { background-position: -140px -20px; }

.URLBarWidget .Selected >  .DeployHovers
{
    background-color:#C9AE41;
}
.HoverControls .EditButton { background-position: -34px 0px; }
.HoverControls .EditButton:hover{ background-position: -34px -20px; }
.HoverControls .AdministerButton { background-position: -88px 0px; }
.HoverControls .AdministerButton:hover { background-position: -88px -20px; }
.HoverControls .DeleteButton { background-position: -116px 0px; }
.HoverControls .DeleteButton { background-position: -116px -20px; }
.HoverControls .ActionIconSprite
{    
    width:0px;
    margin: 0px 0px 0px 0px;
    -webkit-transition: .2s linear width;
    -moz-transition: .2s linear width;
    -o-transition: .2s linear width;
    transition: .2s linear width;
    vertical-align:top;
}
.HoverControls.FlyoutOpen > .ActionIconSprite,
.HoverControls.Deployed > .ActionIconSprite
{
    width:23px;
    margin:0px 0px 0px 4px;
}
.SaveChanges{ background-position: -396px 0px; }
.SaveChanges:hover { background-position: -396px -20px; }
.CancelChanges { background-position: -368px 0px; }
.CancelChanges:hover { background-position: -368px -20px; }
.URLBarWidget form .Controls {
    display:inline-block; 
    position:absolute;
    right: -2px;
    top:1px;
    margin-top:2px;
    vertical-align:middle; 
}
body.IE .URLBarWidget form .Controls{ top:0px; }
.URLBarWidget form { position:absolute; left:-12px; top:50%; margin-top:-14px; margin-left:12px;}
body.IE .URLBarWidget form { margin-top:-12px; }
.URLBarWidget .LinkWrapper form{ left:0px; margin-left:0px;}


/* Report widget styles */
.NoReport {
    display: block;
    height: 400px;
    background-color: #f5f5f5;
}

.WidgetBase .ArrowToGear .ArrowStroke {
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*we absolutely position the element so that its bottom and
    right edges sweep out the path that the arrow should take*/
    position: absolute;
    top: 8px;
    right: 4px;
    left: 50%;
    bottom: 50%;
    /*border forms the bulk of the arrow's path */
    border: 12px solid #bbb;
    border-top: none;
    border-left: none;
    border-bottom-right-radius: 40px; /*bend just this corner; in IE8, no border radius */
    /*the arrow doesn't start at the exact center - there's an icon thing there first*/
    margin-bottom: -30px;
    margin-left: 0;
}
.WidgetBase .ArrowToGear .ArrowHead {
    display: inline-block;
    /*absolute position*/
    position: absolute;
    right: -8px;
    top: -10px;
    /*CSS triangle trick*/
    border: 18px solid #bbb;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top: none;
}

.WidgetBase .ArrowToGear .InfoPic {
    display: inline-block;
    background: #ccc;
    width: 140px;
    height: 152px;
    /*absolute position to center*/
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -76px 0 0 -70px;
}

.WidgetBase .ReportWidget .ArrowToGear .InfoPic {
    background: url("images/widget-report-pick.png") no-repeat center center;
}
.WidgetBase .ReportWidget .ArrowToGear .ArrowStroke {
    margin-left: 45px;
}

.WidgetBase .IFrameWidget .ArrowToGear .InfoPic {
    background: url("images/widget-iframe-missing.png") no-repeat center center;
}
.WidgetBase .IFrameWidget .ArrowToGear .ArrowStroke {
    margin-left: 79px;
}

.WidgetBase .ReportsListWidget .ArrowToGear .InfoPic {
    background: url("images/widget-no-reports.png") no-repeat center center;
}
.WidgetBase .ReportsListWidget .ArrowToGear .ArrowStroke {
    margin-left: 45px;
}

/*
Show the arrow pointing to the gear only when hovering over the widget,
or when the widget properties are open
*/
#dashboard.Viewing .WidgetBase .ArrowToGear .ShowWithGear {
    display: none !important;
}
.WidgetBase .ArrowToGear .ShowWithGear {
    opacity: 0;
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity;
    transition: 0.2s linear opacity;
}
.WidgetBase:hover .ArrowToGear .ShowWithGear,
.WidgetBase.PropsOpen .ArrowToGear .ShowWithGear {
    opacity: 1;
}
/*
IE doesn't support the opacity, so use visibility instead
*/
body.IE8 .WidgetBase .ArrowToGear .ShowWithGear {
    opacity: 1;
    visibility: hidden;
    transition: none;
}
body.IE8 .WidgetBase:hover .ArrowToGear .ShowWithGear,
body.IE8 .WidgetBase.PropsOpen .ArrowToGear .ShowWithGear {
    visibility: visible;
}


.WidgetBase .WidgetVerticalResize {
    height: 9px;
    position: absolute;
    z-index: 30;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: n-resize;
    background-image: url("images/icons/Splitter-Dashboard-VResize.png");
    background-position: center top;
	background-repeat: no-repeat;
    opacity: 0;
    /* show a nice gentle fade in/out of opacity */
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity;
    transition: 0.2s linear opacity;
}
.NoTouch.WidgetBase:hover .WidgetVerticalResize,
.Touch .PropsOpen .WidgetVerticalResize {
    opacity: 0.5;
}
.NoTouch.WidgetBase .WidgetVerticalResize:hover,
.WidgetBase .WidgetVerticalResize.Dragging {
    opacity: 1;
}
body.IE8 .WidgetBase .WidgetVerticalResize {
    display: none;
}
body.IE8 .WidgetBase:hover .WidgetVerticalResize,
body.IE8 .WidgetBase .WidgetVerticalResize.Dragging {
    display: block;
}
.FullScreenWidget .WidgetVerticalResize,
.DashboardLayout.Viewing .WidgetVerticalResize {
    display: none !important;
}

.WidgetVerticalResizeIndicator {
    min-width: 10px;
    cursor: n-resize;
    margin-top: 9px;
    border-top: 2px solid #999;
    height: 10em;
}

.WidgetVerticalResizeIndicator.Snapped {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    border-top-color: #55a0ef;
}

/*
Table reports on dashboards shouldn't have the top nav
*/

#searchResults table.viewOuter tr.Toolbar,
.WidgetBase table.viewOuter tr.Toolbar {
    height: 1px;
    display:none;
}
#searchResults table.viewOuter tr.Toolbar > td,
.WidgetBase table.viewOuter tr.Toolbar > td {
    border-top: none;
    background: transparent;
}
#searchResults table.viewOuter tr.VRnavBar .ReportPageSelector,
.WidgetBase table.viewOuter tr.VRnavBar .ReportPageSelector {
    display: none !important;
}

#searchResults .ReportBody > .EmbeddedReportContainer,
.WidgetBase .ReportBody > .EmbeddedReportContainer
{
    overflow: hidden;
    position: relative; /*for spinner elt*/
}
#searchResults .ReportBody > .EmbeddedReportContainer,
.WidgetBase:hover .ReportBody > .EmbeddedReportContainer
{
    overflow: auto;
}
/*
fix a nasty bug (QBE008914) in IE9 only where hovering over something that has a
:hover style rule, and is inside of an element that has overflow:auto
and max-height.  When you do this, the outer DIV grows over and over,
getting taller until you mouse out of the overflow:auto element.
The solution here comes from
http://stackoverflow.com/questions/5788726/add-remove-css-will-cause-ie9-to-increase-the-tables-height
Other possible solutions:
http://blog.brianrichards.net/post/6721471926/ie9-hover-bug-workaround (be careful, the minifier changes "0%" to "0" which no longer works...)
http://stackoverflow.com/questions/13353256/internet-explorer-9s-magically-expanding-div
*/
body.IE9 #searchResults .ReportBody > .EmbeddedReportContainer,
body.IE9 .WidgetBase .ReportBody > .EmbeddedReportContainer
{
    /*
    at least one of the 4 margins has to be "auto" for this fix to work
    so let's pick the least obtrusive one
    */
    margin-bottom: auto !important;
}

/*
When editing a dashboard, we show some phantom rows below the real ones,
in cases where the user has dragged down to make the report widget
taller than its contents.  In view mode we won't show these.
*/
#dashboard.Editing .WidgetBase .ReportBody > .EmbeddedReportContainer
{
    background-color:#FAFAFA;
}

/*
Report widgets have a search icon in view mode, which needs a little
styling for the search box that it brings up
*/
.WidgetBase .WidgetHandleBar .SearchForm {
    position: absolute;
    top: 0;
    right: 90px;
    left: 0;
    bottom: 0;
    text-align: right;
}
.FullScreenWidget .SearchForm {
    margin: 0;
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 250px;
}
.FullScreenWidget .SearchFormWrapper {
    margin: 1em;
}

.FullScreenWidget .SearchForm .UserInput,
.WidgetBase .WidgetHandleBar .SearchForm .UserInput {
    width: 100%;
    max-width: 250px;
    padding: 0.4em 24px 0.4em 0.5em;
    margin: 0.3em 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.FullScreenWidget .SearchForm .UserInput {
    margin: 0;
    padding: 0.5em;
}
.FullScreenWidget .SearchForm .ClearIcon,
.WidgetBase .WidgetHandleBar .SearchForm .ClearIcon {
    display: inline-block;
	width: 22px;
	height: 18px;
    background-image: url("images/icons/clearsearch.png");
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 2px;
    opacity: 0;
    visibility: hidden;
    /* show a nice gentle fade in/out of opacity */
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity;
    transition: 0.2s linear opacity;
}
.FullScreenWidget .SearchForm.Clearable .ClearIcon,
.WidgetBase .WidgetHandleBar .SearchForm.Clearable .ClearIcon {
    visibility: visible;
    opacity: 1;
    cursor: pointer;
}
/*
Needed for veils for tabl   e/timeline/calendar/summary reports
this is used in edit-mode to make the report non-interactive
while still allowing scrolling
*/

#dashboard.Editing .WidgetBase .ReportBody > .EmbeddedReportContainer > div.ViewOuter,
#dashboard.Editing .WidgetBase .ReportBody > .EmbeddedReportContainer > div.ui-jqgrid,
#dashboard.Editing .WidgetBase .ReportBody .ReportNonInteractivator {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*
These must be position:relative so that the position:absolute veil element
is the correct size
*/
.WidgetBase .ReportBody {
    width: 100%;
    margin-bottom: 10px;
}
#dashboard.Editing .WidgetBase .ReportBody,
#dashboard.Editing .WidgetBase .ReportBody > .EmbeddedReportContainer > div.ViewOuter {
    position: relative;
}

.WidgetBase .ReportBody .ReportNonInteractivator {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 20;
    /* Transparent PNG background helps keep IE8 from passing mouse events through anyways */
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAFklEQVQ4T2MYBaNgFIyCUTAKqAIYGAAGVAABOhyOTwAAAABJRU5ErkJggg==");
}

.FullScreenWidget .Widget.ReportsListWidget {
    padding-left: 24px;
}

.WidgetBase .Widget.ReportsListWidget .ReportsWrapper {
    display: block;
    padding: 0;
    margin: 0;
    position: relative;
}

.WidgetBase .Widget.ReportsListWidget .ToggleSectionIcon {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 2px;
    background-repeat: no-repeat;
    background-position: center center;
}

.WidgetBase .Widget.ReportsListWidget .ReportsWrapper > .Placeholder {
    width: 100%;
    height: 100%;
    padding: 0;
    background-color: #f5f5f5;
}

.WidgetBase .Widget.ReportsListWidget .ToggleSectionIcon.SectionExpandedIcon {
    background-image: url("./images/icons/arrow-blue-down.png");
}

.WidgetBase .Widget.ReportsListWidget .ToggleSectionIcon.SectionCollapsedIcon {
    background-image: url("./images/icons/arrow-blue-right.png");
}

.ReportsListWidget .Heading {
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 0;
    margin-bottom: 8px;
}

.ReportsListWidget .Group .HoverColor:hover {
    background-color: #f4f7fa;
}
    
.ReportsListWidget .Icon {
    display: inline-block;
}

.ReportsListWidget .Groups {
    padding-left: 41px;
    padding-bottom: .75em;
    padding-right: .75em;
}

.ReportsListWidget .Category {
    font-size: 1em;
    font-weight: bold;
    padding: 0;
    margin: 6px 0;
    color: #888;
}

.ReportsListWidget .LinkText {
    padding: 4px 0;
}

.reportSelect {
   max-width:150px;
   margin-left: 25px;
}

.widgetControl {
   margin-left: 10px;
}

.widgetControlRadio {
   margin-left: 5px;
}