.ui-autocomplete {
    max-height: 300px;
    max-width: 300px;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    overflow-y: auto;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}

/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 300px;
    width: 300px;
}
  
.ui-autocomplete-loading { 
	background: white url('../images/throbber.gif') right center no-repeat; 
}

.ui-menu-item 
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

/* This class controls the styles for autocomplete list items focus.*/
.ui-widget-content .ui-state-focus
{
	background: #ededed;
	color: #E47911;
	text-decoration: none;
	margin:0px;
	border:0px;
	font-weight: normal;
}

/*
* for accordion in left pane
*/

#leftpane .ui-widget-content, #leftpane .ui-state-default, #leftpane .ui-state-active
{
	border: 1px solid #FAFAFA;
}

#leftpane .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { 
	-moz-border-radius-topleft: 0px; 
	-webkit-border-top-left-radius: 0px; 
	-khtml-border-top-left-radius: 0px; 
	border-top-left-radius: 0px; 
}

#leftpane .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { 
	-moz-border-radius-topright: 0px; 
	-webkit-border-top-right-radius: 0px; 
	-khtml-border-top-right-radius: 0px; 
	border-top-right-radius: 0px; 
}

#leftpane .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { 
	-moz-border-radius-bottomleft: 0px; 
	-webkit-border-bottom-left-radius: 0px; 
	-khtml-border-bottom-left-radius: 0px; 
	border-bottom-left-radius: 0px; 
}

#leftpane .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { 
	-moz-border-radius-bottomright: 0px; 
	-webkit-border-bottom-right-radius: 0px; 
	-khtml-border-bottom-right-radius: 0px; 
	border-bottom-right-radius: 0px; 
}

.ui-widget
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:  .265cm;
}

.ui-widget button
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*
* mega flyout style sheet
*/


div#userMegaFlyoutDiv
{
	height:250px;
	overflow:auto;
}

div#userRolesDiv, div#userEligRolesDiv
{
	height:110px;
	overflow:auto;
}

.ui-tooltip-content .tabUpCtrl,.ui-tooltip-content .tabDownCtrl
{
	cursor: pointer;
	height:23px;
	width:90px;
}


/*
* Text Area code editor style sheet
*/
.CodeMirror
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .350cm;
	border: 1px solid #C0C0C0;
	border-radius : 5px;
}

.multiRowTextArea .CodeMirror
{
	height: 50px;
	border: 1px solid #C0C0C0;
	border-radius : 5px;
}

.placeholder
{
	color: #A4A4A4 !important;
}

/**
* Train Track style sheet
*/
.trainTrackLine 
{
    stroke: lightgray;
    stroke-width: 2px;
}

.trainTrackCircle  
{
    stroke: lightgray;
    stroke-width: 2px;
	fill: white;    
}

.trainTrackCircleProcessed
{
    fill: green;
}

.trainTrackCircleSemiActive
{
    fill: yellow;
}

.trainTrackCircleActive
{
    fill: orange;
}

.trainTrackCircleCanceled
{
    fill: red;
}

.trainTrackText
{
    font-family: sans-serif;
    font-size: 10px;
    fill: black;
    text-anchor: middle;
}

/*
* Style for deals slider 
*/
#slider .leftSlider
{
background: url('ui-slider-grey.png') ;
position: absolute;
top: -8px;
z-index: 2;
height: 24px;
width: 24px;
margin: 0;
outline: medium none;
background-repeat: no-repeat;
text-align: left;
background-position: left top;
margin-left: -12px;
border: 0;
cursor: pointer;
}

#slider .rightslider
{
background: url('ui-slider-grey.png') ;
margin-left: -9px;
position: absolute;
top: -8px;
z-index: 2;
cursor: pointer;
height: 24px;
width: 24px;
outline: medium none;
background-repeat: no-repeat;
background-position: right top;
border: 0;
}

#slider .ui-widget-header {
border: 0px solid #aaaaaa;
background: #cccccc url("SpreadSheetCSS/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
color: #222222;
font-weight: bold;
}


/* MultiRow Grid colmodel  and model data input data wrap */

.ui-jqgrid tr.jqgrow td
{
 white-space: normal !important;
 height:auto;
 vertical-align:text-top;
 padding-top:2px;
}

.ui-jqgrid .ui-jqgrid-htable th div, .ui-jqgrid-sortable  
{
	height:auto;
	overflow:hidden;
	white-space:normal !important;
}

.ui-jqgrid tr.jqgrow td { height: 20px; }

.mceRichTextView, .mceRichText, .mceInlineView, .mceInline
{
	border: 1px solid #aaaaaa;
	overflow : auto;
}

#app_optimist
{
	border: 0px currentColor;
	width: 100%; 
	height: 900px;
}

.rwComparison
{
background-color: #888;
border-style: solid;
border-color: #888;
border-width: 3px;
border-radius: 10px;
}
.rwAndOrOpContainer
{
    position: relative;
    width: 4.8em
}

.queryGroup
{
 border:1px solid #C0C0C0;
 border-radius: 0px 0px 10px 10px;
}

.divTemplate 
{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	/* margin-left: 5px; */
}
.groupConditions
{
	.margin-left: 5px;
}
.rwNavigator,.rwGlobalParam
{
	display:inline;
}

.rwFieldNameDisable select
{
	width:15%;
}
.rwNavigator select,.rwFieldName select,.navChildRS select
{
	width:19%;
	margin-left: 2%;
}

.rwFieldName select ,.rwFieldNameDisable select
{
	margin-left: 1%;
}
.rwGlobalParam select,.rwGlobalParam input
{
	width:10%;
	margin-left: 1%;
}
.rwFieldDesc input,.rwFieldDesc select
{
	width:10%;
	margin-left: 3%;
}

.rwFieldDesc span
{
	margin-left: 7%;
	width:7%;
}


 .rwFieldCompareCode select
{
	margin-left: 3%;
	width: 11%;
} 

.queryGrpBOrderClr
{
border:1px solid gold
}

.rwLogicalOperator select
{
	width:5%;
}
.rwLogicalOperator span
{
	width:2%;
}
.rwGlobalParam span
{
	margin-right: 2%;
	margin-left: 1%;
}

.groupConditions .pageContentRowColor2,.groupConditions .pageContentRowColor1
{
	border-radius: 0px 0px 9px 9px;
}
.rwFieldCompareCode span
{
	margin-left: 2%;
	width:13%;
	display: inline-block;
}

.gridTableContainer .ui-jqgrid .ui-jqgrid-bdiv
{
	overflow-y: scroll;
}

#rwGlobalParamFlag,.rwFunction,.isFunction
{
	display: inline;
	margin-left: 3%;
}

.rwFunction input 
{
	width: 13%;
}

.isFunction table
{
	display: inline;
	align-content: top;
	float: left;
	width: 1%;
	height: 1%;
}
.IsNavigator
{
	margin-right: 12%;
}

.IsGlobalParam
{
	margin-left: 2%;
	margin-right: 2%;
}
.rwNavigatorFlag
{
	display: inline;
}

@font-face 
{
	font-family: 'FontAwesome';
	src: url('../css/fonts/font-awesome/fonts/fontawesome-webfont.eot');
	src: url('../css/fonts/font-awesome/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
		url('../css/fonts/font-awesome/fonts/fontawesome-webfont.woff') format('woff'),
		url('../css/fonts/font-awesome/fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg'),
		url('../css/fonts/font-awesome/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/*
* for Gridster dashboard
*/

.gridster li header {
  	display: block;
	line-height: normal;
  	padding: 2px 5px;
  	cursor: move;
  	border-radius: 5px 5px 0px 0px;
 	height: 18px;
}

.gridster * {
  margin:0;
  padding:0;
}

.gridster ul {
	list-style-type: none;
	margin: 0px;
}

.gridster li,.gridster .player {
    background-color: white; 
     background:white
}


.gridster {
    margin: 0 auto;
    opacity: .8;

    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -o-transition: opacity .6s;
    -ms-transition: opacity .6s;
    transition: opacity .6s;
}

/* .gridster .player {
    background: #BBB;
} */

.gridster .preview-holder {
    border: none!important;
    background: red!important;
}

.gridster .tile-content {
	position: absolute;
	top: 20px;
	left: 0px;
	right: 0px;
	bottom: 5px;
	overflow: auto;
}

.ui-loading { 
	background: white url('../images/throbber.gif') center no-repeat; 
}

/* overwrites the font icons fa class.*/
.tabHeaderBG .fa 
{
	font-size: 15px;
	color: white;
	padding-left: 5px;
}

/* overwrites Grid Auto Smart Search Icon Font size*/
.navtable .icon-search
{
	font-size: inherit;
}
/** ICON FONTS END */


.gridster .groupHeader
{
	
	/* background: #eee; */
}

.widgetItem
{
	
	
}
.gridster .preview-holder
{
	
	 background: gray !important; 
	border: 3px dotted gray  !important;
	
	background: lightcyan !important;
border-radius: 5px 5px;
}

.highcharts-container rect,.widgetItem
{
	/* fill: lightcyan;
	background: lightcyan !important; */
	
}

.data-main-full-desktop
{
	top: 0px !important;
	position: relative !important;
	bottom: 0px !important;
	left: 0 !important;
	right: 0 !important;
	height: 99%;
}