body.bg-img {	
	background-image: url("../images/background.jpg");
    background-repeat: repeat-y;
    background-position: 0px 0px;
    background-attachment: fixed;
	background-color: rgb(0, 0, 0);
}
/**/
.bg-primary {
	background-color: #428bca;
}
.bg-success {
	background-color: #5cb85c;
}
.bg-info {
	background-color: #5bc0de;
}
.bg-warning {
	background-color: #f0ad4e;
}
.bg-danger {
	background-color: #d9534f;
}

.bg-warning-light {
	background-color: #fcf8e3;
}

#app-footer {
	font-size: 8pt;
	background-color: rgba(255, 255, 255, 0.5);
}
/**** ALERTS are used for the modals such as the Session timeout warning (which uses alert-danger) ****/
.alert-success {
	color: rgb(255,255,255);
	background-color: #4f9873;
	border-color: #002c36;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.4);
}
 /******* screen resolution warning **************/

.alert-danger {
	color: rgb(255,255,255);
	background-color: #da4010;
	border-color: #002c36;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.4);
}
/**/
.alert-info {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}
.alert-warning {
	color: rgb(250,200,60);
	background-color: #000000;
	border-color: #faebcc;
}

/**/
.label-primary {
	background-color: #428bca;
}
.label-success {
	background-color: #5cb85c;
}
.label-info {
	background-color: #5bc0de;
}
.label-warning {
	background-color: #f0ad4e;
}
.label-danger {
	background-color: #d9534f;
}
.navbar-fixed-top {
	height: 80px !important;
	/* background-color: rgba(100, 100, 100, 0.75); */
	color: #ffffff;
}
.navbar-fixed-top .container-fluid {
	height: 80px;
}
.navbar-fixed-top .icon-bar {
	background-color: #000000 !important;
}
#show-top-nav-bar-tab {
	background-color: #777777;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	color: #ffffff;
}
.app-body {
	top: 80px;
}
.main {
	background-color: rgba(255,255,255,0.90) !important;
}
.sidebar {
	top: 80px;
}
.navbar-brand {
	color: #ffffff !important;
}
.navbar-brand, .navbar-brand:hover {
	background-size: 100%;
}
.navbar-actions li .action-title {
	color: #ffffff;
}
.navbar-actions li .glyphicon {
	color: #ffffff;
}

.title-bar {
	background-color: #ededed;
	color: #333333 !important;
}
.title-bar * {
	color: #333333 !important;
}

/**/
.text-muted {
	color: #999999;
}
.report-header {
	background-color: #f5f5f5;
}
.report-footer{
	color: #666666;
	background-color: #eaeaea;
}
.help-icon {
	color: #ffffff;
}

/***************************** Meter Search Branding ******************************/
.advanced-search .nav-tabs {
	background-color: #efefef;
}
.selected-result {
	background-color: #d9edf7;
}
.selected-result.inline:hover, .selected-result.inline:focus{
	background-color: #d9edf7 !important;
}
.selected-result:hover, .selected-result:focus{
	background-color: #c4e3f3 !important;
}

/** meter search result item style**/
.meter-search-result {
	background-color: rgba(240,240,240, 0.4);
}
/*meter group search result item style*/
.meter-search-result.meter-group {
	background-color: rgba(240,240,240, 0.9);
}
.meter-search-result.meter-group:hover,.meter-search-result.meter-group:focus,.selected-result.meter-group:hover, 
		.selected-result.meter-group:focus{
	background-color: rgba(240,240,240, 0.8);
}
.selected-result.inline.meter-group {
	background-color: rgb(64,64,64);
	color: rgb(255,255,255);
}
.meter-search-result.meter-group.active {
	background-color: rgb(64,64,64);
	color: rgb(255,255,255);
}
/***************************** Menu Branding ******************************/
.sidebar .panel-heading.top-menu {
	background-color: #ffffff;
	box-shadow: 0px 0px 140px 1px rgba(255,255,255,0.55);
}
.sidebar .panel-title {
	/* color: #ffffff; */
	color: #333;
}
.sidebar .panel-collapse {
	border-color: #ffffff;
}
.sidebar .panel-sub-heading {
	background-color: #eaeaea;
}
.sidebar .sub-menu .panel-collapse {
}
.menu-link {
	color: #000000;
}
.menu-item .menu-link.viewing {
	font-weight: bold;
	color: #ffffff;
	padding-left: 5px;
	background-image: url("../images/bgmenuselected.gif");
	background-position: 0px;
	background-repeat: no-repeat;
}
.panel-heading.viewing {
	background-color: #428bca;
}
.top-menu .menu-link.viewing {
	padding-left: 0px;
}
.menu-item .menu-link {
	padding: 4px 0px;
}
.menu-item-placeholder {
	background-color: #e5e5e5;
	border-color: #bbbbbb
}
/***************************** Data Table Branding ******************************/
.data-table {
	background-color: #ffffff;
}
.data-table th {
	background-color: #ffffff;
}
.data-table tr.table-row-even {
	background-color: #fafafa;
}
.data-table tr.table-row-odd {
	background-color: #ffffff;
}
.data-table tbody tr:hover {
	background-color: #f5f5ff;
}
.data-table tbody tr.selected:hover {
	background-color: #327bba !important;
}
.data-table tbody tr.selected {
	background-color: #428bca;
	color: #ffffff;
}
/* start --- these styles are used for highlighting the odd even rows based on type of notification message */
.data-table tr.table-row-even-danger{
 	background-color: #ff4040 !important;
}
.data-table tr.table-row-even-danger:hover{
 	background-color: #ff2525 !important;
}
.data-table tr.table-row-even-danger.selected{
 	background-color: #ff1010 !important;
}
.data-table tbody tr.table-row-even-danger.selected:hover {
	background-color: #dd0000 !important;
}
.data-table tr.table-row-odd-danger{
 	background-color: #ff8080 !important;
}
.data-table tr.table-row-odd-danger:hover{
 	background-color: #ff3535 !important;
}
.data-table tr.table-row-odd-danger.selected{
 	background-color: #ff1010 !important;
}
.data-table tr.table-row-odd-danger.selected:hover{
 	background-color: #dd0000 !important;
}
.data-table tr.table-row-even-info{
 	background-color: #45CC45 !important;
}
.data-table tr.table-row-even-info:hover{
 	background-color: #10CC10 !important;
}
.data-table tr.table-row-even-info.selected{
 	background-color: #40AA40 !important;
}
.data-table tr.table-row-even-info.selected:hover {
	background-color: #299D29 !important;
}
.data-table tr.table-row-odd-info{
 	background-color: #90CC90 !important;
}
.data-table tr.table-row-odd-info:hover{
 	background-color: #30CC30 !important;
}
.data-table tr.table-row-odd-info.selected{
 	background-color: #40AA40 !important;
}
.data-table tr.table-row-odd-info.selected:hover{
 	background-color: #299D29 !important;
}
/*  end-------------*/

.column-sortable.asc span.sort-arrow-up {
	color: #428bca;
}
.column-sortable.desc span.sort-arrow-down {
	color: #428bca;
}
.column-sortable span.sort-arrow-up, .column-sortable span.sort-arrow-down {
	color: #dfdfdf;
}

/* Table pagination branding*/
.pagination a {
	color: #428bca !important;
	border-color: #dddddd !important;
}
.pagination a:hover {
	color: #2a6496 !important;
	background-color: #eeeeee !important;
}
.pagination .active a {
	color: #ffffff !important;
	background-color: #428bca !important;
	border-color: #428bca !important;
}
/***************************** Info Table Branding **********************************/

.info-table tr.table-row-even {
	background-color: #fafafa;
}
.info-table tr.table-row-odd {
	background-color: #ffffff;
}
/***************************** Dropdown Widget Branding ******************************/
.titled-button .button-title-container {
	background-color: #428bca;
	border-color: #327bba;
}
.titled-button .button-title {
	color: #ffffff;
}

/***************************** Validation Styles ************************************/
.input-error {
      border-color: #cc3333; 
      background-color: #ffeeee;
}
.input-success {
      border-color: #33cc33; 
      background-color: #eeffee;
}

/***************************** Threshold Tracking ***********************************/

.threshold-status {
	text-align: center;
	font-weight: bold;
	/* border-radius: 5px; */
}
.threshold-status.text-success {
	color: #ffffff;
	background-color: #4f9188;
	/* border: 1px solid #25525f; */
}
.threshold-status.text-danger {
	background-color: #b9534f;
	color: #ffffff;
	/* border: 1px solid #842421; */
}
.threshold-status.text-muted {
	background-color: #c8dade;
	color: #25525f;
	/* border: 1px solid #a8bcbf; */
}

/***************************** Chart Related Styles *********************************/
.line-graph.background-color {
	background-color: #ffffff;
}
.line-graph.gridline-color {
	background-color: #cbcbcb;
}

.line-graph.dataset {
	/*We're using border-style to indicate the style of the line. Supported values are 'solid', 'dotted' and 'dashed'*/
	border-style: solid; 
	border-width: 2px;
	background: none;
}
.line-graph.trendline {
	border-style: dashed;
	border-width: 2px;
	background: none;
}
.line-graph.left-axis.dataset_1 {background-color: #6fa1dd;}
.line-graph.left-axis.dataset_2 {background-color: #9bbb59;}
.line-graph.left-axis.dataset_3 {background-color: #C0504d;}
.line-graph.left-axis.dataset_4 {background-color: #EAA228;}
.line-graph.left-axis.dataset_5 {background-color: #579575;}
.line-graph.left-axis.dataset_6 {background-color: #953579;}
.line-graph.left-axis.dataset_7 {background-color: #4b5de4;}
.line-graph.left-axis.dataset_8 {background-color: #ff5800;}
.line-graph.left-axis.dataset_9 {background-color: #bd70c7;}

.line-graph.right-axis.dataset_1 {background-color: #4f81bd;}
.line-graph.right-axis.dataset_2 {background-color: #9bbb59;}
.line-graph.right-axis.dataset_3 {background-color: #C0504d;}
.line-graph.right-axis.dataset_4 {background-color: #C0504d;}

.line-graph.trendline_1{background-color: #fdeb69;}

.bar-graph.background-color {
	background-color: #ffffff;
}
.bar-graph.gridline-color {
	background-color: #cbcbcb;
}

.bar-graph.dataset {
	background-color: transparent; 
}
.bar-graph.trendline {
	border-style: dashed;
	border-width: 2px;
	background: none;
}
.bar-graph.overlay {
	border-style: solid;
	border-width: 2px;
	background: none;
}
.bar-graph.overlay_1 {background-color: #809ffd;}

.bar-graph.dataset_1 {background-color: #4f81bd;}
.bar-graph.dataset_2 {background-color: #9bbb59;}
.bar-graph.dataset_3 {background-color: #C0504d;}

/*** Combined Usage Report Pie Charts Outer Ring depicting positive and negative usage contributors ***/

.pie-chart.background-color {
	background-color: #ffffff;
}
.pie-chart.gridline-color {
	background-color: #cbcbcb;
}

.pie-chart.outer-ring.positive_1 {background-color: rgb(0,190,250);}
.pie-chart.outer-ring.negative_1 {background-color: rgb(250,10,100);}


.bar-graph.tier.dataset_1 {background-color: #4f81bd;}
.bar-graph.tier.dataset_2 {background-color: #9bbb59;}
.bar-graph.tier.dataset_3 {background-color: #C0504d;}
.bar-graph.tier.dataset_4 {background-color: #4f81bd;}

.bar-graph.tou.dataset_1 {background-color: #4f81bd;}
.bar-graph.tou.dataset_2 {background-color: #9bbb59;}
.bar-graph.tou.dataset_3 {background-color: #C0504d;}

.bar-graph.peak.dataset_1 {background-color: #F5DF4E;}

.pie-chart .jqplot-data-label {
	font-size: 14pt;
} 

/* *********************************** Export Icon Styles **************************/
.export-to-csv {
	background-image: url("../images/excel-icon.png");
}
.export-to-pdf {
	background-image: url("../images/pdf-icon.png");
}
.green-button-export {
	background-image: url("../images/greenButton.png");	
}

/********************************* KPI Styles *********************************/
.info-popover-icon {
	color: #dddddd;
}
.kpi-widget {
	border-color: #dedede; 
	background-color: #ffffff;
}
.kpi-widget .kpi-title {
	background-color: #eaeaea; border-bottom: 1px solid #cacaca;
}
.kpi-image.kpi-speedoNoColor {
	background-image: url("../images/speedometer-no-color.png");
}
.kpi-image.kpi-speedoGreen {
	background-image: url("../images/speedometer-Green.png");
}
.kpi-image.kpi-speedoAmber {
	background-image: url("../images/speedometer-Amber.png");
}
.kpi-image.kpi-speedoRed {
	background-image: url("../images/speedometer-Red.png");
}

.kpi-image.kpi-fuelGaugeGreen {
	background-image: url("../images/fuelgauge-Green.png");
}
.kpi-image.kpi-fuelGaugeAmber {
	background-image: url("../images/fuelgauge-Amber.png");
}
.kpi-image.kpi-fuelGaugeRed {
	background-image: url("../images/fuelgauge-Red.png");
}

.kpi-image.kpi-thermometerGreen {
	background-image: url("../images/thermometer-Green.png");
}
.kpi-image.kpi-thermometerAmber {
	background-image: url("../images/thermometer-Amber.png");
}
.kpi-image.kpi-thermometerRed {
	background-image: url("../images/thermometer-Red.png");
}

.kpi-image.kpi-trafficLightGreen {
	background-image: url("../images/traffic-light-Green.png");
}
.kpi-image.kpi-trafficLightAmber {
	background-image: url("../images/traffic-light-Amber.png");
}
.kpi-image.kpi-trafficLightRed {
	background-image: url("../images/traffic-light-Red.png");
}

.kpi-image.kpi-iconNoColor {
	background-image: url("../images/circle-info-Blue.png");
}
.kpi-image.kpi-iconGreen {
	background-image: url("../images/circle-check-Green.png");
}
.kpi-image.kpi-iconAmber {
	background-image: url("../images/circle-caution-Amber.png");
}
.kpi-image.kpi-iconRed {
	background-image: url("../images/circle-warning-Red.png");
}

.kpi-value.kpi-status-Green {
	color: #55a460;
}
.kpi-value.kpi-status-Red {
	color: #c45555;
}
.kpi-value.kpi-status-Amber {
	color: #caa355;
}

/*****************/
.panel {
	/* border: #25525f solid 1px; */
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
}

/****************************************************/

.close {
	opacity: 1;
	color: #ffffff;
	font-weight: normal;
}

.close:hover {
	color: #ffffff;
}

.form-control:focus {
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(0, 0, 0, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(79, 140, 152, .6);
}


.popover-close {
	color: rgb(255,255,255);
	opacity: 1;
	text-decoration: none;
}

a.popover-close:hover {
	color: rgb(255,255,255);
	opacity: 1;
}

/***************************** Validation Styles ************************************/

.chart-legend {
	/* border: 1px solid #a8bcbf; */
	background-color: #ffffff;
}

.chart-legend .legend-item {
	/* background-color: #f1f7f8; */
}

.chart-header {
	color: #25525f;
	background-color: #d5ddde;
}
.section-header {
	color: #25525f;
	background-color: #d5ddde;
}
.btn-default {
	color: rgb(64,64,64);
	background-color: rgb(255,255,255);
	border-color: rgb(200,200,200);
}

.btn-default:hover {
	color: rgb(64,64,64);
	/* background-color: rgb(255,255,255); */
}
.box-shadow {
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .10);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .10);
}

.totals-chart {/*** For Usage Overview chart ***/
	background: rgb(255,255,255);
	color: rgb(64,64,64);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}

.carousel a {
	text-decoration: none;
}

.carousel-indicators li.active {
	background-color: #a8bcbf;
}
a {
	/* color: inherit; */
}
.progress-bar {
	background-color: rgb(234,162,40);
}

/******* My Progress default styles *************************/
.my-progress.start-curr-usage {
    background-color: #5f92ce !important;
    color: #ffffff !important;
}

.my-progress.end-curr-usage {
    background-color: #3e70ac !important;
    color: #ffffff !important;
}

.my-progress.start-prev-usage {
    background-color: #ce5f92 !important;
    color: #ffffff !important;
}

.my-progress.end-prev-usage {
    background-color: #ac3e70 !important;
    color: #ffffff !important;
}

.my-progress.percent-container {
	text-align: center;
	background: rgb(255,255,255);
    color: rgb(64,64,64);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}

.my-progress.percent-container .percent {
	font-size: 60px;
}

.my-progress.percent-container .percent.fail {
	color: #c62c1b;
}

.my-progress.percent-container .percent.pass {
	color: #16c40d;
}