/**
	This CSS file has been autogenerated from a template  (branding.vm).
	Built off branding.css && custom.css
*/

/*************************** Default Branding.css ***********************************/
.titled-button .button-title-container {
  height: 12px;
}

a:hover, a:focus {
    color: #4f8c98;
    text-decoration: underline;
}

body.bg-img {
  background-image: none;
}

#app-footer,
.navbar-fixed-top,
.sidebar {
  background-color: rgba(235, 235, 235, 0.90);
}      

.navbar-default {
  background-color: rgba(215, 215, 215, 1.0);
}                            

.sidebar {
	top: 80px;
}

@media (min-width: 992px)
#app-footer {
    margin-left: 250px;
}
#app-footer {
    position: relative;
    bottom: 0px;
    padding: 3px 16px 3px 15px;
    z-index: 999;
    box-shadow: 0px -2px 10px 0px rgba(0,0,0,.10);
}

/**/
.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;
}

/**** 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: #002c36;
}
.label-success {
	background-color: #5cb85c;
}
.label-info {
	background-color: #5bc0de;
}
.label-warning {
	background-color: #f0ad4e;
}
.label-danger {
	background-color: #d9534f;
}
.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;
}
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover, 
.navbar-default .navbar-brand:focus {
  background: url("/BizConnect/images/logo.gif") no-repeat;
  background-color: #ffffff;
	background-size: 100%;
}
.navbar-actions li .action-title,
.navbar-actions li .glyphicon {
  color: #404040;
}

.navbar-actions .btn,
.navbar-actions .btn {
  color: #404040;
}
.navbar-actions .btn:hover,
.navbar-actions .btn:focus,
.navbar-actions .btn:hover,
.navbar-actions .btn:focus {
  color: #404040;
}


.title-bar {
  color: rgb(64,64,64);
  background: rgb(194,219,224);
}
.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;
}
.report .panel .panel-heading {
  background-color: rgb(79,140,152);
  color: rgb(255,255,255);
}
.panel-body {
  background-color: rgb(240,240,240);
}

/***************************** Menu Branding ******************************/
.sidebar .panel-heading.top-menu {
  background-color: rgb(0,0,0) !important;
  color: rgb(255,255,255) !important;
	box-shadow: 0px 0px 140px 1px rgba(255,255,255,0.55);
}
.sidebar .panel-title {
	color: #ffffff;
}
.sidebar .panel-collapse {
	border-color: #ffffff;
}
.sidebar .panel-sub-heading {
	background-color: #eaeaea;
}
#menu-help {
  color: #111111;
}

.menu-item .menu-link.viewing {
  background-color: rgb(225,195,36);
}

.menu-item .menu-link.viewing {
  font-weight: bold;
  color: #000000;
  padding-left: 5px;
  background-image: url("/BizConnect/images/bgmenuselected.gif");
  background-position: 0px;
	background-repeat: no-repeat;
}

.sidebar .panel-heading.viewing,
.sidebar .panel-heading.viewing .panel-title{
  background-color: #e1c324 !important;
  color: #000000 !important;
}
.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;
}

.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: #595959;
}

/* 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 {
	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;
}

.data-table.other-rates {
	width: 75%;
} 

.data-table.other-rates.firstCol {
	width: 33%;
} 

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

/********************************* KPI Styles *********************************/
.popover-title {
	color: rgb(255,255,255);
	background-color: rgb(0,44,54);
}
.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("/BizConnect/images/speedometer-Green.png");
}
.kpi-image.kpi-speedoAmber {
	background-image: url("/BizConnect/images/speedometer-Amber.png");
}
.kpi-image.kpi-speedoRed {
	background-image: url("/BizConnect/images/speedometer-Red.png");
}

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

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

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

.kpi-image.kpi-iconNoColor {
	background-image: url("/BizConnect/images/circle-info-Blue.png");
}
.kpi-image.kpi-iconGreen {
	background-image: url("/BizConnect/images/circle-check-Green.png");
}
.kpi-image.kpi-iconAmber {
	background-image: url("/BizConnect/images/circle-caution-Amber.png");
}
.kpi-image.kpi-iconRed {
	background-image: url("/BizConnect/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;
}
.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);
}

/*************************** Popups, Dialog ***********************************/
.popover-content .dialog-title,
.modal-header, .modal-header.alert-success {
  background-color: rgb(79,140,152);
  border-color: rgb(79,140,152);
  color: rgb(255,255,255);
} 


/*************************** Buttons ***********************************/
.bootstrap-datetimepicker-widget .btn {
  margin-bottom: 4px;
}

/*** PRIMARY COLOR ***/
.btn-primary,
.btn-sm,
.input-group-addon,
.selected-result, .selected-result.inline,
.selected-result .remove-result.close, 
a.list-group-item-info.active,
.dropdown-menu>.active>a,
.btn-default .button-title,
.btn-default .button-title-container {
  background-color: rgb(79, 140, 152);
  border-color: rgb(79, 140, 152);
  color: #ffffff;
}

/*** PRIMARY COLOR - TEXT SET AS PRIMARY ***/
.bootstrap-datetimepicker-widget .btn:not(.btn-primary) {
  color: rgb(79, 140, 152);
}

/*** PRIMARY COLOR HOVER - TEXT SET AS PRIMARY ***/
.bootstrap-datetimepicker-widget .btn:hover:not(.btn-primary),
.bootstrap-datetimepicker-widget .btn:focus:not(.btn-primary) {
  color: rgb(37,82,95);
}

/*** PRIMARY COLOR FORCED ***/
span.active, td.active {
  background-color: rgb(79, 140, 152) !important;
  border-color: rgb(79, 140, 152) !important;
  color: #ffffff !important;
}

/*** PRIMARY HOVER COLOR ***/
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.active,
.btn-primary:active,
.btn-sm:hover,
.btn-sm:focus,
.btn-sm.active,
.btn-sm:active,
a.list-group-item-info.active:hover, 
a.list-group-item-info.active:focus,
.btn-default:hover .button-title,
.btn-default:hover .button-title,
.btn-default:hover .button-title-container,
.btn-default:hover .button-title-container,
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
  background-color: rgb(37,82,95);
  border-color: rgb(0,44,54);
  color: rgb(255,255,255);
}

/*** PRIMARY HOVER COLOR FORCED ***/
.selected-result.inline:hover, 
.selected-result.inline:focus,
.selected-result:hover, 
.selected-result:focus,
.selected-result:hover .remove-result.close, 
.selected-result:focus .remove-result.close,  
.dropdown-menu>.active>a:hover, 
.dropdown-menu>.active>a:focus,
.profile-action-link:hover,
.profile-action-link:focus {
  background-color: rgb(37,82,95) !important;
  border-color: rgb(0,44,54) !important;
  color: rgb(255,255,255) !important;
}

/*** DEFAULT COLOR ***/
.btn-default,
.btn-default.no-border,
.btn-default.dropdown-toggle,
.btn-default.titled-button,
.form-control,
.advanced-search .nav-tabs {
  background-color:#ffffff;
  border-color:#c8c8c8;
  color:#000000;
}

/*** DEFAULT HOVER COLOR ***/
.btn-default:hover,
.btn-default.active,
.btn-default:active, 
.btn-default:focus,
.btn-default.dropdown-toggle:hover.titled-button,
.btn-default.dropdown-toggle.active.titled-button,
.btn-default.dropdown-toggle:active.titled-button,
.btn-default.dropdown-toggle:focus.titled-button,
a.list-group-item-info:hover,
.navbar-actions li:hover .action-title,
.navbar-actions li:focus .action-title,
.navbar-actions li:hover .glyphicon,
.navbar-actions li:focus .glyphicon,
.form-control:hover,
.form-control.active,
.form-control:active,
.form-control:focus,
.open .dropdown-toggle.btn-default
{
  background-color: #ebebeb;
  border-color: #adadad;
  color:#000000;
}

/*************************** Generated CSS ***********************************/
/*************************** Page ***********************************/
body.bg-img {
  background-color:#ffffff !important;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-attachment: fixed;
}
.title-bar, 
.title-bar *{
  background-color: #647797 !important;
  color: #ffffff !important;
  font-style: normal;

}

.main {
  background-color: rgba(255,255,255,1.00) !important;
}

/*************************** Nav Bar (Header) ***********************************/
.navbar-fixed-top {
  background: none;
  background-color: #173464 !important;

  font-style: italic;
}
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover, 
.navbar-default .navbar-brand:focus {
  background: url("/CC/assets/images/customStyles/cps-logo.jpg") no-repeat;
  font-size: 0px;
  width: 250px;
  height: 80px;
  background-size:contain;
}


/*************************** Footer ***********************************/
#app-footer {
  background-color: #173464 !important;
  //  background-position: 0px 0px;
//  background-attachment: fixed;

  font-style: normal;
}

/*************************** Menu ***********************************/
.sidebar {
  font-family: Arial;
  background: none;
  background-color: #173464;
      box-shadow: none;
  //  background-position: 0px 0px;
//  background-attachment: fixed;
}

.sidebar .panel-heading.top-menu:not(.viewing), 
.sidebar .panel-heading.top-menu:not(.viewing) .panel-title {
  color: #102547 !important;
  background-color: #F3F4F7 !important;
  font-style: normal;
  box-shadow: 0px 0px 40px 1px rgba(255,255,255,0.35);
}

.sidebar .panel-sub-heading,
.panel-sub-heading .content {
  color: #102547 !important;
  background-color: #F3F4F7 !important;
  font-style: normal;
}

.menu-item,
.sidebar .sub-menu {
  background-color: #F3F4F7;
}

.menu-item .menu-link{
  color: #102547;

  font-style: normal;
}

.menu-item .menu-link.viewing{
  color: #FFFFFF !important;
  background-color: #152F5B !important;
  font-style: normal;
}

.sidebar .top-menu.viewing,
.sidebar .top-menu.viewing .panel-title{
  color: #ffffff !important;
  background-color: #152F5B !important;
  font-weight: bold;
}

#menu-help {
  color: #647797 !important;
}


/*************************** Reports ***********************************/
.report {
  font-family: Arial !important;
}
.report .title-bar,
.report .title-bar *{
  background-color: #647797 !important;
  color: #ffffff !important;
}


/*************************** Panels ***********************************/
.report .panel .panel-heading {
  background-color: #647797 !important;
  color: #ffffff !important;
}


/*************************** Content ***********************************/
.table-actions-row {
  background-color: #647797 ;
  border: solid 1px #ddd;
  color: #ffffff ;
}
.table-actions-row .chart-export-action:hover {
  background-color: rgba(90,107,136,1.0) ;
  border: solid 1px #ddd;
}


.report-header {
  background-color: #ffffff !important;
  color: #647797 !important;
}
.report-footer{
  background-color: #ffffff !important;
  color: #647797 !important;
}

/*************************** Misc Popup ***********************************/
.bg-primary {
    }
.bg-success {
    }
.bg-info {
    }
.bg-warning {
    }
.bg-danger {
    }

/**************** Generic Button, Modal, popups, alerts ********************/
.btn:not(.glyphicon),
.modal-content,
.alert {
  font-family: Arial !important;
}
.open-search,
.input-group-btn {
  height: 100%;
}

/*************************** Input Group ***********************************/
/*
.form-control {
  border-color:#D7D3D0;
}
.form-control:hover,
.form-control.active,
.form-control:active,
.form-control:focus {
  border-color:#B7C0CF;
}


.input-group-addon {
      border-color:#D7D3D0;
    background-color:#D7D3D0;
        color:#000000;
  }
*/

/*************************** Primary Button Color ***********************************/
.btn-primary,
.btn-sm,
.input-group-addon,
.selected-result, .selected-result.inline,
.selected-result .remove-result.close, 
a.list-group-item-info.active,
.dropdown-menu>.active>a,
.btn-default .button-title,
.btn-default .button-title-container {
  background-color:#A9B5C6;
  border-color:#A9B5C6;
  color:#000000;
}

/*** FORCED ***/
span.active, td.active {
  background-color:#A9B5C6 !important;
  border-color:#A9B5C6 !important;
  color:#000000 !important;
}

/*** PRIMARY COLOR - TEXT SET AS PRIMARY ***/
.bootstrap-datetimepicker-widget .btn:not(.btn-primary) {
  color:#A9B5C6 !important;
}

/*** PRIMARY COLOR HOVER - TEXT SET AS PRIMARY ***/
.bootstrap-datetimepicker-widget .btn:hover:not(.btn-primary),
.bootstrap-datetimepicker-widget .btn:focus:not(.btn-primary) {
  color:#7d899e !important;
}

/*** HOVER ***/
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.active,
.btn-primary:active,
.btn-sm:hover,
.btn-sm:focus,
.btn-sm.active,
.btn-sm:active,
a.list-group-item-info.active:hover, 
a.list-group-item-info.active:focus, 
.btn-default:hover .button-title,
.btn-default:hover .button-title,
.btn-default:hover .button-title-container,
.btn-default:hover .button-title-container,
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
  background-color:#7d899e;
  border-color:#7d899e;
  color:#000000;
}

/*** HOVER FORCED ***/
.selected-result.inline:hover, 
.selected-result.inline:focus,
.selected-result:hover, 
.selected-result:focus,
.selected-result:hover .remove-result.close, 
.selected-result:focus .remove-result.close, 
.profile-action-link:hover,
.profile-action-link:focus,
.dropdown-menu>.active>a:hover, 
.dropdown-menu>.active>a:focus {
  background-color:#7d899e !important;
  border-color:#7d899e !important;
  color:#000000 !important;
}

/*** DISABLED ***/
.btn-primary[disabled],
.btn-primary.dropdown-toggle[disabled],
.btn-primary .button-title-container[disabled],
.btn-primary .button-title[disabled],
.btn-primary.no-border[disabled],
.btn-primary.no-border.disabled
{
  background-color:#A9B5C6;
  border-color:#A9B5C6;
  color:#000000;
  opacity: 0.5;
}

/*************************** Default Button Color ***********************************/
.btn-default,
.btn-default.no-border,
.btn-default.dropdown-toggle,
.btn-default.titled-button,
.form-control,
.advanced-search .nav-tabs,
input.date-picker[readonly] {
  background-color:#D7D3D0;
  border-color:#D7D3D0;
  color:#000000;
}

/*** DEFAULT - 75% ALPHA ***/
#quick-links .quick-link-element {
  background-color:rgba(215,211,208,0.75) !important;
  border-color:rgba(215,211,208,0.75) !important;
  color:#000000 !important;
}

/*** DEFAULT - TRANSPARENT BACKGROUND ***/
.navbar-actions li .action-title,
.navbar-actions li .glyphicon {
  background-color: transparent !important;
  border-color: transparent !important;
  color:#000000 !important;
}

/*** HOVER ***/
.btn-default:hover,
.btn-default.active,
.btn-default:active, 
.btn-default:focus,
.btn-default.dropdown-toggle:hover.titled-button,
.btn-default.dropdown-toggle.active.titled-button,
.btn-default.dropdown-toggle:active.titled-button,
.btn-default.dropdown-toggle:focus.titled-button,
a.list-group-item-info:hover,
.navbar-actions li:hover .action-title,
.navbar-actions li:focus .action-title,
.navbar-actions li:hover .glyphicon,
.navbar-actions li:focus .glyphicon,
.form-control:hover,
.form-control.active,
.form-control:active,
.form-control:focus,
.open .dropdown-toggle.btn-default,
#quick-links .quick-link-element:hover {
  background-color:#B7C0CF !important;
  border-color:#B7C0CF !important;
  color:#000000 !important;
}

/*** DISABLED ***/
.btn-default[disabled],
.btn-default.dropdown-toggle[disabled],
.btn-default.no-border[disabled],
.btn-default.no-border.disabled                                     
{
  background-color:#D7D3D0;
  border-color:#D7D3D0;
  color:#000000;
  opacity: 0.5;
}

/*************************** Danger Button ***********************************/
.btn-danger,
.btn-danger.no-border,
.btn-danger.dropdown-toggle,
.btn-danger .button-title-container,
.btn-danger .button-title
{
    background-color:#970000;
  border-color:#970000;
      color:#ffffff;
  }
.btn-danger[disabled],
.btn-danger.dropdown-toggle[disabled],
.btn-danger .button-title-container[disabled],
.btn-danger .button-title[disabled],
.btn-danger.no-border[disabled],
.btn-danger.no-border.disabled
{
  background-color:#970000;
  border-color:#970000;
  color:#ffffff;
  opacity: 0.5;
}
.btn-danger:hover,
.btn-danger.active,
.btn-danger:active, 
.btn-danger:focus
{
  background-color:#EC8A8A !important;
  border-color:#EC8A8A !important;
  color:#000000;
}
.btn-danger.dropdown-toggle:hover.titled-button {
  color:#000000 !important;
}
.btn-danger.titled-button {
  background-color: #ffffff !important;
}

/*************************** Warning Button ***********************************/
.btn-warning,
.btn-warning.no-border,
.btn-warning.dropdown-toggle,
.btn-warning .button-title-container,
.btn-warning .button-title
{
    background-color:#d90d0d;
  border-color:#d90d0d;
      color:#ffffff;
  }
.btn-warning[disabled],
.btn-warning.dropdown-toggle[disabled],
.btn-warning .button-title-container[disabled],
.btn-warning .button-title[disabled],
.btn-warning.no-border[disabled],
.btn-warning.no-border.disabled
{
  background-color:#d90d0d;
  border-color:#d90d0d;
  color:#ffffff;
  opacity: 0.5;
}
.btn-warning:hover,
.btn-warning.active,
.btn-warning:active, 
.btn-warning:focus
{
  background-color:#9AA4B2 !important;
  border-color:#9AA4B2 !important;
  color:#000000;
}
.btn-warning.dropdown-toggle:hover.titled-button {
  color:#000000 !important;
}
.btn-warning.titled-button {
  background-color: #ffffff !important;
}

/*************************** Info Button ***********************************/
.btn-info,
.btn-info.no-border,
.btn-info.dropdown-toggle,
.btn-info .button-title-container,
.btn-info .button-title
{
    background-color:#d6d6d6;
  border-color:#d6d6d6;
      color:#000000;
  }
.btn-info[disabled],
.btn-info.dropdown-toggle[disabled],
.btn-info .button-title-container[disabled],
.btn-info .button-title[disabled],
.btn-info.no-border[disabled],
.btn-info.no-border.disabled
{
  background-color:#d6d6d6;
  border-color:#d6d6d6;
  color:#000000;
  opacity: 0.5;
}
.btn-info:hover,
.btn-info.active,
.btn-info:active, 
.btn-info:focus
{
  background-color:#94A2B8 !important;
  border-color:#94A2B8 !important;
  color:#000000;
}
.btn-info.dropdown-toggle:hover.titled-button {
  color:#000000 !important;
}
.btn-info.titled-button {
  background-color: #ffffff !important;
}
  
/*************************** Graphing ***********************************/
.bar-graph.overlay, .bar-graph.overlay_1,
.bar-graph.trendline, .bar-graph.trendline_1 {
  background-color: #E57310;  
}
.line-graph.background-color,
.line-graph.background-color.hidden,
.bar-graph.background-color,
.bar-graph.background-color.hidden,
.chart-x-axis-hover {
  background-color: #ffffff;
}
.line-graph.gridline-color,
.line-graph.gridline-color.hidden,
.bar-graph.gridline-color,
.bar-graph.gridline-color.hidden {
  background-color: #E8EBF0;
}
.chart-x-axis-hover {
  border-color: #E8EBF0;
}


/*************************** Electric ToU Dataset ***********************************/
.bar-graph.tou.dataset_1 {
  background-color: #E57310;  
}
.bar-graph.tou.dataset_2 {
  background-color: #455D83;  
}
.bar-graph.tou.dataset_3 {
  background-color: #94A2B8;  
}
.bar-graph.tou.dataset_4 {
}
.bar-graph.tou.dataset_5 {
}
.bar-graph.tou.dataset_6 {
}
.bar-graph.tou.dataset_7 {
}
.bar-graph.tou.dataset_8 {
}
.bar-graph.tou.dataset_9 {
}
.bar-graph.tou.dataset_10 {
}

.bar-graph.tou.dataset_11 {
}
.bar-graph.tou.dataset_12 {
}
.bar-graph.tou.dataset_13 {
}
.bar-graph.tou.dataset_14 {
}
.bar-graph.tou.dataset_15 {
}
.bar-graph.tou.dataset_16 {
}
.bar-graph.tou.dataset_17 {
}
.bar-graph.tou.dataset_18 {
}
.bar-graph.tou.dataset_19 {
}
.bar-graph.tou.dataset_20 {
}

.bar-graph.tou.dataset_21 {
}
.bar-graph.tou.dataset_22 {
}
.bar-graph.tou.dataset_23 {
}
.bar-graph.tou.dataset_24 {
}
.bar-graph.tou.dataset_25 {
}
.bar-graph.tou.dataset_26 {
}
.bar-graph.tou.dataset_27 {
}
.bar-graph.tou.dataset_28 {
}
.bar-graph.tou.dataset_29 {
}
.bar-graph.tou.dataset_30 {
}

/*************************** Gas Tier Dataset ***********************************/
.bar-graph.tier.g.dataset_1 {
}
.bar-graph.tier.g.dataset_2 {
}
.bar-graph.tier.g.dataset_3 {
}
.bar-graph.tier.g.dataset_4 {
}
.bar-graph.tier.g.dataset_5 {
}
.bar-graph.tier.g.dataset_6 {
}
.bar-graph.tier.g.dataset_7 {
}
.bar-graph.tier.g.dataset_8 {
}
.bar-graph.tier.g.dataset_9 {
}
.bar-graph.tier.g.dataset_10 {
}

.bar-graph.tier.g.dataset_11 {
}
.bar-graph.tier.g.dataset_12 {
}
.bar-graph.tier.g.dataset_13 {
}
.bar-graph.tier.g.dataset_14 {
}
.bar-graph.tier.g.dataset_15 {
}
.bar-graph.tier.g.dataset_16 {
}
.bar-graph.tier.g.dataset_17 {
}
.bar-graph.tier.g.dataset_18 {
}
.bar-graph.tier.g.dataset_19 {
}
.bar-graph.tier.g.dataset_20 {
}

.bar-graph.tier.g.dataset_21 {
}
.bar-graph.tier.g.dataset_22 {
}
.bar-graph.tier.g.dataset_23 {
}
.bar-graph.tier.g.dataset_24 {
}
.bar-graph.tier.g.dataset_25 {
}
.bar-graph.tier.g.dataset_26 {
}
.bar-graph.tier.g.dataset_27 {
}
.bar-graph.tier.g.dataset_28 {
}
.bar-graph.tier.g.dataset_29 {
}
.bar-graph.tier.g.dataset_30 {
}

/*************************** Water Tier Dataset ***********************************/
.bar-graph.tier.w.dataset_1 {
}
.bar-graph.tier.w.dataset_2 {
}
.bar-graph.tier.w.dataset_3 {
}
.bar-graph.tier.w.dataset_4 {
}
.bar-graph.tier.w.dataset_5 {
}
.bar-graph.tier.w.dataset_6 {
}
.bar-graph.tier.w.dataset_7 {
}
.bar-graph.tier.w.dataset_8 {
}
.bar-graph.tier.w.dataset_9 {
}
.bar-graph.tier.w.dataset_10 {
}

.bar-graph.tier.w.dataset_11 {
}
.bar-graph.tier.w.dataset_12 {
}
.bar-graph.tier.w.dataset_13 {
}
.bar-graph.tier.w.dataset_14 {
}
.bar-graph.tier.w.dataset_15 {
}
.bar-graph.tier.w.dataset_16 {
}
.bar-graph.tier.w.dataset_17 {
}
.bar-graph.tier.w.dataset_18 {
}
.bar-graph.tier.w.dataset_19 {
}
.bar-graph.tier.w.dataset_20 {
}

.bar-graph.tier.w.dataset_21 {
}
.bar-graph.tier.w.dataset_22 {
}
.bar-graph.tier.w.dataset_23 {
}
.bar-graph.tier.w.dataset_24 {
}
.bar-graph.tier.w.dataset_25 {
}
.bar-graph.tier.w.dataset_26 {
}
.bar-graph.tier.w.dataset_27 {
}
.bar-graph.tier.w.dataset_28 {
}
.bar-graph.tier.w.dataset_29 {
}
.bar-graph.tier.w.dataset_30 {
}

/*************************** Electric Tier Dataset ***********************************/
.bar-graph.tier.e.dataset_1 {
  background-color: #E57310;  
}
.bar-graph.tier.e.dataset_2 {
  background-color: #455D83;  
}
.bar-graph.tier.e.dataset_3 {
  background-color: #94A2B8;  
}
.bar-graph.tier.e.dataset_4 {
}
.bar-graph.tier.e.dataset_5 {
}
.bar-graph.tier.e.dataset_6 {
}
.bar-graph.tier.e.dataset_7 {
}
.bar-graph.tier.e.dataset_8 {
}
.bar-graph.tier.e.dataset_9 {
}
.bar-graph.tier.e.dataset_10 {
}

.bar-graph.tier.e.dataset_11 {
}
.bar-graph.tier.e.dataset_12 {
}
.bar-graph.tier.e.dataset_13 {
}
.bar-graph.tier.e.dataset_14 {
}
.bar-graph.tier.e.dataset_15 {
}
.bar-graph.tier.e.dataset_16 {
}
.bar-graph.tier.e.dataset_17 {
}
.bar-graph.tier.e.dataset_18 {
}
.bar-graph.tier.e.dataset_19 {
}
.bar-graph.tier.e.dataset_20 {
}

.bar-graph.tier.e.dataset_21 {
}
.bar-graph.tier.e.dataset_22 {
}
.bar-graph.tier.e.dataset_23 {
}
.bar-graph.tier.e.dataset_24 {
}
.bar-graph.tier.e.dataset_25 {
}
.bar-graph.tier.e.dataset_26 {
}
.bar-graph.tier.e.dataset_27 {
}
.bar-graph.tier.e.dataset_28 {
}
.bar-graph.tier.e.dataset_29 {
}
.bar-graph.tier.e.dataset_30 {
}

/******************************** Carousel Styles *****************************/

.carousel {
  border-radius: 10px;
}

.carousel-title {
  border-radius: 10px 10px 0px 0px;
}

.carousel-inner {
}

.carousel-indicators li,.carousel-indicators li.active {
  color: rgb(100,119,151);
  border-color: rgb(37,82,95);
}
.carousel-control.left {
  background-image: linear-gradient(to right,rgba(100,119,151,.8) 0,rgba(79,140,152,.0001) 100%);
  border-radius: 10px 0px 0px 10px;
}
.carousel-control.right {
  background-image: linear-gradient(to right,rgba(79,140,152,.0001) 0,rgba(100,119,151,.8) 100%);
  border-radius: 0px 10px 10px 0px;
}

.all-articles-carousel {
  background-color: rgba(100,119,151,0.4);
}

/*************************** Notifications ***********************************/
.notification-history-table .data-table tr.table-row-even,
.notification-history-table .data-table tr.table-row-odd,
.notification-history-table .data-table tr.table-row-even-info,
.notification-history-table .data-table tr.table-row-odd-info,
.notification-history-table .data-table tr.table-row-even-danger,
.notification-history-table .data-table tr.table-row-odd-danger  {
      font-family:Arial;
  }

.data-table tr.table-row-even-info {
      background-color:rgb(194,195,197) !important;
    border-color:194,195,197;
        color:#000000 !important;
  }
.data-table tr.table-row-odd-info {
      background-color:rgb(243,244,247) !important;
    border-color:243,244,247;
        color:#000000 !important;
  }
.data-table tr.table-row-odd-info:hover,
.data-table tr.table-row-odd-info.selected,
.data-table tr.table-row-even-info:hover,
.data-table tr.table-row-even-info.selected,
.data-table tr.table-row-odd-info.selected:hover,
.data-table tr.table-row-even-info.selected:hover {
      background-color:rgb(255,255,255) !important;
    border-color:255,255,255;
    }

.data-table tr.table-row-even-danger {
      background-color:rgb(188,110,110) !important;
    border-color:188,110,110;
        color:#000000 !important;
  }
.data-table tr.table-row-odd-danger {
      background-color:rgb(236,138,138) !important;
    border-color:236,138,138;
        color:#000000 !important;
  }
.data-table tbody tr.table-row-odd-danger:hover,
.data-table tbody tr.table-row-odd-danger.selected,
.data-table tbody tr.table-row-even-danger:hover,
.data-table tbody tr.table-row-even-danger.selected,
.data-table tbody tr.table-row-odd-danger.selected:hover,
.data-table tbody tr.table-row-even-danger.selected:hover {
  background-color:rgb(255,165,165) !important;
  border-color:rgb(255,165,165);
}

/*************************** Modals / Popups ***********************************/
.popover-content .dialog-title,
.modal-header, .modal-header.alert-success {
  color:#ffffff;
  background-color:#647797;
  border-color:#647797;
} 
.modal-header.alert-danger {
  color:#ffffff;
  background-color:#D50000;
  border-color:#D50000;
}

/*************************** Alerts ***********************************/
.alert-danger {
  color:#ffffff;
  background-color:#970000;
  border-color:#970000;
}
.alert-warning {
  color:#ffffff;
  background-color:#364152;
  border-color:#364152;
}
.alert-primary,
.alert-info {
  color:#ffffff;
  background-color:#364152;
  border-color:#364152;
}
.alert-success {
  color:#292826;
  background-color:#8AC6B4;
  border-color:#8AC6B4;
}

/*************************** Misc ***********************************/
.quick-link-element .label-primary {
  background-color:#000000;
  border-color:#000000;
  color:#D7D3D0;
}

/*************************** Graph Generic Dataset - Primary Color **************************/
.line-graph.left-axis.dataset_1 {background-color: #455D83;}
.bar-graph.dataset_1 {background-color: #455D83;}
.pie-chart.dataset_1 {background-color: #455D83;}
.line-graph.left-axis.dataset_2 {background-color: #647797;}
.bar-graph.dataset_2 {background-color: #647797;}
.pie-chart.dataset_2 {background-color: #647797;}
.line-graph.left-axis.dataset_3 {background-color: #94A2B8;}
.bar-graph.dataset_3 {background-color: #94A2B8;}
.pie-chart.dataset_3 {background-color: #94A2B8;}
.line-graph.left-axis.dataset_4 {background-color: #EC8A8A;}
.bar-graph.dataset_4 {background-color: #EC8A8A;}
.pie-chart.dataset_4 {background-color: #EC8A8A;}
.line-graph.left-axis.dataset_5 {background-color: #D50000;}
.bar-graph.dataset_5 {background-color: #D50000;}
.pie-chart.dataset_5 {background-color: #D50000;}
.line-graph.left-axis.dataset_6 {background-color: #8CC4CE;}
.bar-graph.dataset_6 {background-color: #8CC4CE;}
.pie-chart.dataset_6 {background-color: #8CC4CE;}
.line-graph.left-axis.dataset_7 {background-color: #8AC6B4;}
.bar-graph.dataset_7 {background-color: #8AC6B4;}
.pie-chart.dataset_7 {background-color: #8AC6B4;}
.line-graph.left-axis.dataset_8 {background-color: #D7D3D0;}
.bar-graph.dataset_8 {background-color: #D7D3D0;}
.pie-chart.dataset_8 {background-color: #D7D3D0;}
.line-graph.left-axis.dataset_9 {background-color: #5291BB;}
.bar-graph.dataset_9 {background-color: #5291BB;}
.pie-chart.dataset_9 {background-color: #5291BB;}

/*************************** Graph Generic Dataset - Secondary Color **************************/
.line-graph.right-axis.dataset_1 {background-color: #455D83;}
.bar-graph.negative.dataset_1 {background-color: #455D83;}
.pie-chart.negative.dataset_1 {background-color: #455D83;}
.line-graph.right-axis.dataset_2 {background-color: #647797;}
.bar-graph.negative.dataset_2 {background-color: #647797;}
.pie-chart.negative.dataset_2 {background-color: #647797;}
.line-graph.right-axis.dataset_3 {background-color: #94A2B8;}
.bar-graph.negative.dataset_3 {background-color: #94A2B8;}
.pie-chart.negative.dataset_3 {background-color: #94A2B8;}
.line-graph.right-axis.dataset_4 {background-color: #EC8A8A;}
.bar-graph.negative.dataset_4 {background-color: #EC8A8A;}
.pie-chart.negative.dataset_4 {background-color: #EC8A8A;}
.line-graph.right-axis.dataset_5 {background-color: #D50000;}
.bar-graph.negative.dataset_5 {background-color: #D50000;}
.pie-chart.negative.dataset_5 {background-color: #D50000;}
.line-graph.right-axis.dataset_6 {background-color: #8CC4CE;}
.bar-graph.negative.dataset_6 {background-color: #8CC4CE;}
.pie-chart.negative.dataset_6 {background-color: #8CC4CE;}
.line-graph.right-axis.dataset_7 {background-color: #8AC6B4;}
.bar-graph.negative.dataset_7 {background-color: #8AC6B4;}
.pie-chart.negative.dataset_7 {background-color: #8AC6B4;}
.line-graph.right-axis.dataset_8 {background-color: #D7D3D0;}
.bar-graph.negative.dataset_8 {background-color: #D7D3D0;}
.pie-chart.negative.dataset_8 {background-color: #D7D3D0;}
.line-graph.right-axis.dataset_9 {background-color: #5291BB;}
.bar-graph.negative.dataset_9 {background-color: #5291BB;}
.pie-chart.negative.dataset_9 {background-color: #5291BB;}

/*************************** Report Specific CSS **************************/
/**** My Progress ****/
.my-progress.start-curr-usage {
  background-color: #455D83 !important;
  color: #ffffff !important;
}
.my-progress.end-curr-usage {
  background-color: #455D83 !important;
  color: #ffffff !important;
}
.my-progress.start-prev-usage {
  background-color: #647797 !important;
  color: #000000 !important;
}

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

.bar-graph.peak.dataset_1 {
  background-color: #455D83 !important;
  color: #ffffff !important;
}