/* ThemeCustomizer.css 
	Use this stylesheet to override theme level CSS. This document also contains the 
	framework styling and customizations.
********************************************************************************************/

/* Open Sans Font Import */
	@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,700,700italic);

/* Global Styles 
***********************************************************/
	html, body, form[name='rdForm']{
		height: 100%;
	}
	
	body{
		background: #FFF;
		font-family: 'arial', sans-serif;
		padding: 0;
		margin: 0;
	}
	
	h1, h2, h3, h4, h5, h6, .ThemeHeaderLargest, .ThemeHeaderLarger, .ThemeHeaderLarge, .ThemeHeader, .ThemeHeaderSmall, .ThemeHeaderSmaller, .ThemeHeaderSmallest {
		font-family: 'arial', sans-serif;
	}
	
/* Logi Element Overrides 
***********************************************************/
	/* Data Table */
	.rdThemeDataTableHeader {
		background-color: #00aeef;
		color: #000;
	}
	
	.rdThemeDataTableSummaryRow td {
		background-color: #00aeef;
		color: #000;
	}
	
	.rdThemeDataTableHeaderRow th, .rdThemeDataTableHeaderRow th .ThemeHeaderLargest,
	.rdThemeDataTableHeaderRow th .ThemeHeaderLarger,
	.rdThemeDataTableHeaderRow th .ThemeHeaderLarge,
	.rdThemeDataTableHeaderRow th .ThemeHeader,
	.rdThemeDataTableHeaderRow th .ThemeHeaderSmall,
	.rdThemeDataTableHeaderRow th .ThemeHeaderSmaller,
	.rdThemeDataTableHeaderRow th .ThemeHeaderSmallest {
		color: #fff;
	}
	
	
	.ThemeContainerShadedAndBordered {
    background-color: #EBCC52;
    color: #000;
    padding: 6px;
}
	
     .ThemeContainerShaded2,
     tr.ThemeAlternatingRow > td.ThemeContainerShaded2 {
      background-color: #dcd440;
                  padding: 6px;
                }

	
	/* Analysis Grid */
	.rdAgContentHeading,
	.rdAgTabHeading,
	.rdAg, .rdAc, .rdDg, .rdOg, .rdCg, .rdAg table, .rdAc table, .rdDg table, .rdOg table, .rdCg table{
		font-family: 'arial', sans-serif;
	}
	
	.rdAgSelectedTab, .rdOgSelectedTab {
		background-color: #9ACEDC;
	}	
	
	#rowsAnalysisGrid .rdAgContentRow, #rowsAnalysisGrid #rowMenu>table>table {
		background-color: #9ACEDC;
	}	
	
	.rdAgEditOn {
		background-color: #9ACEDC;
	}	
	
	.rdAcCommandHighlight, 
	.rdAgCommandHighlight {
		border-bottom: 4px solid #9ACEDC;
	}
	
	th.rdAgDataTable td, 
	table.rdAgDataTable th, 
	table.rdAgDataTable th a, 
	tr.rdAgHeaderRow th {
		background-color: #9ACEDC;
	}
	
	/* Tabs */
	.yui-navset {
		font-family: 'arial', sans-serif;
		background: white !important;	
	}
	
	.yui-navset .yui-nav li.selected, .yui-navset .yui-nav li.selected:hover {
		border-top: 4px solid white;
		font-size: 1em !important;	
	}
	
	/* Popup Menu */
	.yuimenu ul,
	.yuimenu ul li{
		background: #9ACEDC !important;
	}	
	
	/* Tables */
	table, .rdDashboard, .rdDashboard table{
		font-family: 'arial', sans-serif;
	}
	.yui-navset .yui-navset-left, .yui-navset-left {
    padding: 0 0 0 15em !important;
	background: #9ACEDC;
	}
	
	.yui-navset .yui-navset-left .yui-nav, .yui-navset .yui-navset-right .yui-nav, .yui-navset-left .yui-nav, .yui-navset-right .yui-nav {
    width: 15em !important;
	}
	
	.yui-navset .yui-nav li  a {
    color: black;
	font-weight: bold;
	font-size: 1em;
	}

.yui-navset .yui-nav .selected a, .yui-navset .yui-nav a {
    font-size: 1em;
}

	.yui-navset .yui-nav li   {
	background-color: #00aeef !important;
}

.yui-navset .yui-nav .selected    {
	background-color: #ffcf01 !important;
}	

.ThemeLinkButton {
    padding: 3px 12px;
    margin: 10px 6px;
	line-height: 2;
	background: #00aeef !important;
}	

input {
		min-height:auto !important;
		}
		
		/* ****************************CK additions********************************** */
		
		
.ThemeContainerBordered {
	border: solid 2px #7ed0e0;
	padding: 6px;
}

.ThemeContainerShadedAndBordered {
	background-color:#7ed0e0;
	color:#fff;
	padding: 6px;
}

.rdThemeDataTableCell {
    padding: 3px;
    background-color: #bbd5dc;
}

.rdThemeDataTableSummaryRow td {
  background-color: #7ed0e0; /* 72C8C1 */
  color: #fff;
}

#rowsAnalysisGrid .rdAgContentRow,
#rowsAnalysisGrid #rowMenu>table>table {  /* background color for menu */
  background-color: #7ed0e0;
}

.rdAgSelectedTab, .rdOgSelectedTab {
	background-color: #7ed0e0; /* #E2CE5D; */
}

.rdAgSelectedTabOn {
	background-color: #7ed0e0;
}

th.rdAgDataTable td,
table.rdAgDataTable th,
table.rdAgDataTable th a,
tr.rdAgHeaderRow th {
  background-color: #7ed0e0;
}

tr.rdAgHeaderRow td {
  background-color: #7ed0e0;
}

.rdAg .rdThemeDataTableHeader td {
  background-color: #7ed0e0 !important;
}

.rdAgEditOn {
	background-color: #7ed0e0;
}

.rdAcCommandHighlight, .rdAgCommandHighlight {
	border-bottom: 4px solid #7ed0e0;
}

input,
input.rdThemeInput,
textarea,
textarea.rdThemeInput,
select.rdThemeInput,
select.rdDataCalendarDropdown {
	border: 1px solid #bbd5dc; 
}

.rd-checkboxlist, .rd-checkboxlist-dropdown {
	background-color: #bbd5dc;
	border: 1px solid #bbd5dc;
}

.rd-checkboxlist-popup {
	border: 1px solid #bbd5dc;
	background-color: #bbd5dc;
}


.rdDgPanel,
.rdCgPanel,
.rdOgPanel {
  background-color: #bbd5dc;
}

td.rdDgPanel table,
.rdDgContentHeadingRow,
td.rdCgPanel table,
.rdCgContentHeadingRow,
.rdOgContentHeadingRow,
.rdOgContentHeading {
  background-color: #bbd5dc !important;
}

td.rdDgPanel .rdThemeDataTableCell,
td.rdCgPanel .rdThemeDataTableCell {
  background-color: #bbd5dc;
}

td.rdDgPanelLine, .rdDgPanelLine td, .rdDgPanelLine a:link,
td.rdCgPanelLine, .rdCgPanelLine td, .rdCgPanelLine a:link{
 background-color: #bbd5dc;
}

.rdDgPanelLine .rdDgSelected,
.rdCgPanelLine .rdCgSelected,
.rdCgPanelLine .rdCgSelected span {
  background-color: #7ed0e0 !important;
}

th.rdOgPositionCellXAxis,
td.rdOgPositionCellXAxis,
td.rdOgPositionCellXAxis td,
th.rdOgPositionCellYAxis,
th.rdOgSortColumn,
th.rdCgPositionCellXAxis,
td.rdCgPositionCellXAxis,
td.rdCgPositionCellXAxis td,
th.rdCgPositionCellYAxis {
  background-color: #7ed0e0 !important;
}

td .rdDgPanelLine, td .rdDgPanelLine table{
  background-color: #bbd5dc !important;
}

.rdDgCaptionRow td,
.rdCgCaptionRow td,
.rdOgCaptionRow td {
	background-color:#00a0af;
}

/* .yui-navset .yui-nav li.selected,
.yui-navset .yui-nav li.selected:hover {
    border-top: 4px solid #7ed0e0;
} */

.rdPopupContent a span.rdNewAnalysisLink {
  color: #7ed0e0;
}

.rdReportLayoutToolbarItem {
  border: 1px solid #7ed0e0;
}

.rdPopupContent .rdThemeInputCaption,
.rdPopupContent td,
.rdPopupContent span,
.rdPopupContent a span {
	color: #00a0af;
}

.rdPopupPanelTitle,
.rdPopupPanelTitle td,
.rdPopupPanelTitle span {
	color:#00a0af !important;
}

.yuimenu ul {
    background: #7ed0e0 !important;
}
.yuimenu ul li {
    background: #7ed0e0 !important;

}

.rdDataCalendarDayOutsideMonth,
.rdDataCalendarDayOutsideMonth span{
    background-color: #bbd5dc !important;
	height: 24px; 
}

.rdDataCalendarDayLabelHighlight,
.rdTimePickerLabelHighlight,
.rdPopupContent .rdDataCalendarDayLabelHighlight span,
.rdPopupContent .rdTimePickerLabelHighlight span{
  background-color: #7ed0e0 !important;
}

/* MultiColumnList */
.ThemeContainer tr td span:hover{
  background-color:#e0eefb;
}

.rd-element-editor:hover {
	border-color: #7ed0e0;
}

.rd-element-editor-droppable:hover {
	border-color: #7ed0e0;
}

/*.rdThemeDataTable tr.ThemeAlternatingRow > td {
    background-color: #bbd5dc;
} */

.ThemeErrorText {
  border: 1px solid #ffcf01 !important;     /*1px solid #97351f !important; */
  background-color: #f78e1e !important;     /*#b84026 !important; */
}

.rdDgContentHeading
{
                font-size: 14px !important;
                font-weight: bold;
}

.rdAcContentRow, .rdAgPanel, .rdOgPanel, .rdDgPanel, .rdCgPanel  {
                background-image: none;
                background-repeat: repeat-x;
                background-color: #bbd5dc;
                color: #5d5b50;
                vertical-align: top;
                border: 1px solid #bbd5dc;
                border-radius: 4px;
}

.ThemeContainerShadedAndBordered {
                background-image: url(AgFadeContentRow.png);
                background-repeat: repeat-x;
                background-color: #bbd5dc;
                color: #5d5b50;
                vertical-align: top;
                border: 1px solid #bbd5dc;
                padding: 3px;
                border-radius: 4px;
}

.rdDgSelectedNot, div.rdDgSelectedNot:hover,
div.rdCgSelectedNot:hover {
    background-color: #bbd5dc;
}

td .rdDgPanelLine{
  border-top: 1px solid grey;
}