/*body {
	height:100%;
	width:100%;
}*/

.demandForecast .moveright {
    float: right;
}

.demandForecast .diagnosticFooter, .demandForecast .modelFooter {
	padding: 0 10px 10px 10px;
}

.demandForecast .outerForecastContainer {
	display:block;
	height:100%;
	width:100%;
}
.demandForecast .classWithPad {
	border: 1px solid #ccc;
	border-radius: 4px;
	padding:10px;
	margin-top:10px;
}

.demandForecast .forecastItemsWrap {
	overflow-x:hidden;
	overflow-y:auto;
	position:relative;
	max-height: calc(100% - 80px);
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	background-color:#f1f1f1;
}
.demandForecast .forecastContainer {
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-top:10px;
	position: relative;
	overflow: hidden;
	max-height: calc(100% - 20px);
}
.demandForecast .forecastContainer h3, .demandForecast .existingForecastContainer {
	padding:10px;
	background-color:#f1f1f1;
}
.demandForecast .dfForecastGroup {
	float:right;
	margin-right:10px;
	display:none;
	font-size:10px;
}
.demandForecast .forecastHeaderClick:hover .dfForecastGroup, .demandForecast .forecastHeaderClick:active .dfForecastGroup, .demandForecast .forecastHeaderClick:focus .dfForecastGroup {
	display:inline-block;
}
.demandForecast .dfAnyRunning {
	display:inline-block;
	float: right;
	height: 10px;
	width: 10px;
	margin-right:10px;
	margin-top:14px;
}
.demandForecast .dfAnyRunning div {
	border-radius:50%;
	background-color:#ff6600;
	height:100%;
}
.demandForecast .forecastOptions {
	padding: 0px 10px;
	min-width:500px;
}
.demandForecast .forecastItem {
	padding: 5px;
/*    margin-right: 5px;*/
    border: 1px solid #ccc;
}

.demandForecast .forecastInfoLeft {
	position: absolute;
    width: calc(100% - 375px);
    height: 100%;
    vertical-align:top;
    line-height:25px;
    
}
.demandForecast .forecastCol {
	/*min-width: 0;*/
	height:40px;
	line-height:40px;
 	/*flex-basis: 33%;*/
  
	/*width: 33%;
    height: 20px;
    white-space: nowrap;
    */
}
.demandForecast .forecastHeaderFlex {
	display:flex;
}
.demandForecast .forecastHeaderClick {
	flex-grow:1;
	line-height:40px;
}
.demandForecast .forecastRow .forecast2ColWrap {
	width:calc(100% - 435px);
	display:inline-block;
}
.demandForecast .forecastCol:nth-child(1) {
	padding-left:15px;
}
.demandForecast .forecastCol:nth-child(1), .demandForecast .forecastCol:nth-child(2) {
	width:49%;
	display:inline-block;
}
.demandForecast .forecastCol3 {
	width:450px !important;
	text-align:right;
}
.demandForecast .forecastCol p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.demandForecast .forecastInfoContainer {
	position:absolute;
	top:90px;
	bottom:5px;
	left:15px;
	right:15px;
	overflow-x:hidden;
	overflow-y:auto;
}
.demandForecast .forecastInfo {
    /*height: 100%;*/
    /*display: inline-block;
    width: 50%;
    margin-bottom: 5px;*/

    flex: 1 0 calc(50% - 10px);
    box-sizing: border-box;
    margin-left: 10px;
    margin-top: 10px;
}

@media (max-width: 850px){
  .demandForecast .forecastInfo {
    flex: 1 0 calc(100% - 10px);
  }
}

.demandForecast .forecastRow  {
	line-height: 42px;
	display:flex;
	flex-direction: row;
 	/*flex-wrap: wrap;*/
 	justify-content:space-between;
 	border-bottom:1px solid #f1f1f1;
 	height:42px;
}

.demandForecast .demandAccordionIcon {
	float:right;
	font-size:1em;
}

.demandForecast .forecastItem .forecastInfo .forecastSelections {
	width:100%;
}
.demandForecast .forecastStatus {
	display:inline-block;
	float:right;
}

.demandForecast .forecastBtns {
    display:inline-block;
    margin-top:2px;
    margin-right:5px;
}

.demandForecast #Aforecast .panel-body {
	/*background-color:#f1f1f1;*/
	padding:0px;
}
.demandForecast #Aforecast .panel-heading {
	padding-top:0px;
	padding-bottom:0px;
	position:relative;
	
}
.demandForecast #existingForecast {
	/*position:relative;
	height:100%;*/
	overflow:hidden;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 10px;
}
.demandForecast.forecastHomeWrap {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:5px;
	overflow:hidden;
	/*min-width:875px;*/
	padding:0 15px;
}
.demandMainFlexWrap {
	position:absolute;
	top:65px;
	left:0px;
	right:0px;
	bottom:5px;
	overflow:auto;
}
.demandForecast #newForecast {
	min-width:300px;
}
.demandForecast .forecastItem .disabled, .demandForecast .fGroupInfo .disabled, .demandForecast .fFlex-item .disabled {
	/*cursor:not-allowed;*/
	color: #AAAAAA;
	cursor: default;
	pointer-events: none;
}
.demandForecast .forecastGroupInfo {
/*	font-size:13px;
	display:inline-block;
	*/
	margin-top:10px;
}

	
.demandForecast #Aforecast a:hover .forecastGroupInfo, .demandForecast #Aforecast a:active .forecastGroupInfo {
	color:initial;
	/*cursor:default;*/	
	font-weight:initial;
}
.demandForecast .forecastName {
    cursor: pointer;
    color: #34aadc;
    width: 90%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.demandForecast .forecastSubInfo {
	color:#808080;
	display:flex;
	justify-content:space-between;
}

.demandForecast .forecastItem ul, .demandForecast .dfForecastGroup ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display:block;
}
.demandForecast .forecastItem ul li, .demandForecast .dfForecastGroup ul li {
	display: inline-block;
	margin-left: 15px;
	text-align: center;
	position:relative;
}
.demandForecast .dfForecastGroup ul li {
	position: absolute;
	right: 60px;
	top: 9px;	
}
.demandForecast .forecastItem ul li a, .demandForecast .dfForecastGroup ul li a, .demandForecast .doneBtn a, .demandForecast .fNewBtn a {
	color: #00b0f0;
	display: block;
	font-size: 1.5em;
    line-height: 1px;
	text-align: center;
	cursor: pointer;	
	display:inline-block;
	padding-left:5px;
}
.demandForecast .forecastItem ul li a span , .demandForecast .dfForecastGroup ul li a span {
	display: block;
	font-size: 12px;
    margin-top: 5px;
}
.demandForecast .forecastDesc {
	height:19px;
}

.demandForecast .doneBtn a span, .demandForecast .fNewBtn a span {
	display: block;
	font-size: 14px;
    margin-top: 5px;
}

.demandForecast .fNewBtn.disabled a {
	color: #AAAAAA;
}	

.demandForecast .doneBtn a:hover, .demandForecast .fNewBtn a:hover,.demandForecast .forecastItem ul li a:hover,.demandForecast .closefBox:hover {
	color: #00b0f0;
	text-decoration: underline;
}

.demandForecast .forecastItem ul li a:before,.demandForecast .doneBtn a:before, .demandForecast .fNewBtn a:before {
    color: #999;
}

.demandForecast .forecastRadio {
	display: inline-block;
	margin-bottom: 0px;
	width:30%;
}

.demandForecast .btn-warning, .demandForecast .btn-warning:active {
    background-color: #e0a800;
    background-image: none;
    border-color: #d39e00;
}

.demandForecast .btn-primary, .demandForecast .btn-primary:active {
    background-color: #0069d9;
    background-image: none;
    border-color: #0062cc;
}

.demandForecast .btn-info, .demandForecast .btn-info:active {
    background-color: #138496;
    background-image: none;
    border-color: #117a8b;
}

.demandForecast .btn-info:hover, .demandForecast .btn-warning:hover, .demandForecast .btn-primary:hover {
    color: #fff;
}

.demandForecast.selJbox .jBox-title {
    color: white;
    background: #222;
}
.demandForecast.selJbox input[type=checkbox].select-checkbox {
	margin:0px;
}

.demandForecast .existingForecastContainer {
	margin-top:10px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding-bottom:0px;
}
.demandForecast .existingForecastContainer {
	padding-bottom:0px;
	min-width:570px;
}
.demandForecast .existingForecastContainer h3 {
	padding-bottom:10px;
}

/*.dBox {
	position:absolute!important;
	border-radius: 4px;
    background: #222;
    color: #fff;
    margin-left:0px!important;
    margin-top:0px!important;
    display: block!important;
    left: 5%!important;
    right: 5%!important;
    top: 20px!important;
    bottom: 20px!important;
}*/

.demandForecast.dBox .jBox-content, .demandForecast.fBox .jBox-content {
	padding:0;
}

/*.dBox .jBox-container {
    background-color: #222;
	overflow: unset;
}*/

.demandForecast.diagnostics-popup,.demandForecast.model-popup,.demandForecast.forecastreport-popup {
	height:100%;
	width:100%;
}
.demandForecast.dBox .story-popCont, .demandForecast.mBox .story-popCont, .demandForecast.fBox .story-popCont {
	padding:0px;	
	overflow:auto;
	/*position: absolute;
    right: 0px;
    top: 0px;
    left: 0px;
    bottom: 0px;*/
}
.demandForecast.dBox .jBox-title, .demandForecast.dBox .jBox-closeButton,.demandForecast.fBox .jBox-title, .demandForecast.fBox .jBox-closeButton {
	/*background-color: #555;
	background-color:#f1f1f1;*/
}

.demandForecast.dBox .story-popCont .verticalnav ul li > a, 
.demandForecast.mBox .story-popCont .verticalnav ul li > a, 
.demandForecast .story-popCont .verticalnav ul li > a {
    padding: 10px;
    display: block;
    color: #00b0f0;
}

.demandForecast.dBox .story-popCont .verticalnav ul li.on a, 
.demandForecast.mBox .story-popCont .verticalnav ul li.on a, 
.demandForecast .story-popCont .verticalnav ul li.on a {
    color: #ffffff;
    text-decoration: none;
}

.demandForecast.dBox .story-popCont .verticalnav ul li.on, .demandForecast.mBox .story-popCont .verticalnav ul li.on, .demandForecast .story-popCont .verticalnav ul li.on {
    /*background: #222;*/
    background: #565656;
    border: 1px solid #777;
    border-right: 1px solid #222;
}

.demandForecast.dBox .story-popCont .verticalnav ul li, .demandForecast.mBox .story-popCont .verticalnav ul li, .demandForecast .story-popCont .verticalnav ul li {
    border: 1px solid #666;
    /*background-color: #666;*/
    background-color: #f1f1f1;
    /*color: #fff;*/
}
.demandForecast.dBox .story-popCont .verticalnav ul li a:hover, .demandForecast.mBox .story-popCont .verticalnav ul li a:hover, .demandForecast .story-popCont .verticalnav ul li a:hover {
    text-decoration: underline;
}
.demandForecast.dBox .story-popCont .verticalnav_content, .demandForecast.mBox .story-popCont .verticalnav_content, .demandForecast .story-popCont .verticalnav_content {
	overflow: auto;
	padding: 10px 15px;
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
}

.demandForecast .diagHeadContainer, .demandForecast .rptHeadContainer {
	display:flex;
	flex-wrap:wrap;
	width:100%;
}

.demandForecast .rptHeadContainer {
	margin-bottom:10px;
}

.demandForecast .diagHeadLeft {
/*	width:33%;*/
}

.demandForecast .diagHeadLeftSel {
	display:flex;
	color: #999;
}

.demandForecast .diagHeadRight {
/*	width:67%;*/
}

.demandForecast .diagReportBody {
	clear:both;
	width:100%;
	flex:1;
	position:relative;
}

.demandForecast .diagnostic-selinfo {
    position: absolute;
    float: left;
    /*bottom: 100px;*/
    top: 260px;
    margin-left: -150px;
}

.demandForecast .diagnostic-selinfo > div{
	margin-bottom: 5px;
}

.demandForecast .diagnostic-selinfo > div > div:first-child{
	display: inline-block;
	font-weight: bold;
}

.demandForecast .diagnostic-seldatadim {
	overflow: hidden;
    width: 140px;
    margin-left: 10px;
}

.demandForecast .diagnostic-selrow {
	margin-bottom: 5px;
}	

.demandForecast .diagnostic-seldatart {
	overflow: hidden;
	float:right;
	margin-right: 10px;
	margin-bottom: 5px;
}

.demandForecast .diagTable {
	margin:auto;
	font-size:12px;
	width:100%;
}
.demandForecast .diagTable tr:nth-child(odd), .demandForecast .trendData tr:nth-child(odd) {
	background: #f0f0f0;
	color: #333;
}
.demandForecast .diagTable tr:nth-child(even), .demandForecast .trendData tr:nth-child(even){
	background-color: #f9f9f9;
	color: #333;
}
.demandForecast .diagTable tr:first-child {
	background: #565656;
	color: #ffffff;
	text-align:left;
}
.demandForecast .diagTable tr:last-child, .demandForecast .trendData tr:last-child {
	border-bottom: 1px solid #dcdcdc;
}
.demandForecast .diagTable td {
	padding: 1px 10px 1px 10px;
	border-right: 1px solid #dcdcdc;
    border-bottom-color: #ececec;
    text-align: right;
    word-break: keep-all;
}
.demandForecast .diagTable td:first-child {
	border-left: 1px solid #dcdcdc;
	text-align: left;
}
.demandForecast .diagTable tr:first-child td{
	border-right: 1px solid #6c6c6c;
    border-bottom: 1px solid #6c6c6c;
    text-align:left;
}

.demandForecast .diagTable td:odd, .demandForecast .demandTableRight {
	text-align:right;
}

.demandForecast .forestImgDiv {
	height:100%;
	width: 100%;
    margin: auto;
}
.demandForecast .forestChtDiv {
	width:50%;
	min-width: 400px;
}
.demandForecast .forestImg {
	height: 100%;
    display: block;
    margin: auto;
}

.demandForecast .corrImg {
	width: 50%;
    height: 50%;
}

.demandForecast .demandVariableContainer ul[dnd-list] .dndDraggingSource {
    display: none;
}

.demandForecast .demandVariableContainer ul[dnd-list] .dndPlaceholder {
    background-color: #ddd;
    display: block;
    min-height: 20px;
}

.demandForecast .corrTable tr:first-child td:not(:first-child) {
	/*width:63px;*/
}

.demandForecast .corrTable {
	/*margin-right: 30px;*/
}

.demandForecast .corrTable td {
	text-align: right;
}

.demandForecast .corrTable td:first-child {
	text-align: left;
}

.demandForecast .histImgDiv, .demandForecast .diagHistChart {
	width: 100%;
	height:100%;
	display:inline-block;
}
.demandForecast .histImg {
	max-width:100%;
	height:auto;
}

.demandForecast .histTable tr:first-child td {
	/*width:40px;*/
}

.demandForecast .histTable td {
	text-align:right;	
	/*min-width: 139px;*/
}

.demandForecast .histTable td:first-child {
	text-align:left;	
}

.demandForecast .trendImgDiv {
	width: 75%;
	margin: auto
}
.demandForecast .trendImg {
	max-width:100%;
	height:auto;
}
.demandForecast .trendTable td {
	text-align:right;	
}
.demandForecast .trendTable td:first-child {
	width:92px;
	text-align:right;
}
.demandForecast .trendTable td:not(:first-child) {
	width:94px;
}

.demandForecast.diagnostics-popup .story-popCont .verticalNav {
	
}

.demandForecast .dfInline {
	display:inline-block;
}

.demandForecast .rptHeadLeft {
	flex:1;
}

.demandForecast .rptFullScreen {
	width:100%;
	height:100%;
}

.demandForecast .orange {
/*	background: #FF6600;*/
	background: yellow;
}

.demandForecast .green {
	background: #2abf2a;
}

.demandForecast .red {
/*	background: #d34a2a;*/
	background: red;
}

.demandForecast .dfSortLink {
	margin-left: 5px;
}

.demandForecast #Aforecast .accordion-toggle > span {
    color: #00b0f0
}

.demandForecast .dataBtn a {
	color:#fff;
}

.demandForecast .dataBtn a:hover {
	color:#00b0f0;
}


.demandForecast .fFlex {
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
	
.demandForecast .fFlex-item {
	padding: 5px;
	border: 1px solid #ccc;
	margin: 10px 2px 2px 2px;
	min-width:300px;
	background-color:#fff;
}

.demandForecast .fGroupInfo {
	margin-top:10px;
	position:relative;
}

.demandForecast .fGroupInfoItem {
    padding-right: 5px;	
}
.demandForecast .fNumber {
	font-size: 24px;
    margin-bottom: 5px;
}

.demandForecast .fGroupInfoItem li {
    text-align: right;
}

.demandForecast .textLeft {
    text-align: left;
}
.demandForecast .demandVarsAvailable, .demandForecast .demandVarsSelected {
	display:inline-block;
	border:1px solid #f1f1f1;
	vertical-align:top;
	width:100%;
}
.demandForecast .driverVariablesContainer {
	position:absolute;
	top:5px;
	bottom:0px;
	left:10px;
	right:10px;
	/*border-radius:5px;*/
	/*border:1px solid #f1f1f1;*/
}
.demandForecast .driverVariablesContainer .driverHeader {
	padding:5px 10px 0px 10px;
	font-weight: 600;
	font-size: 18px;
	text-decoration: underline;
}
.demandForecast .driverVariablesContainer .driverSectionOuter {
	height: calc(33% - 10px);
	position:relative;
	margin: 0px;
}

.demandForecast .driverVariablesContainer .driverSection {
	height: calc(100% - 10px);
	margin-bottom: 10px;
	position: relative;
	border: 1px solid #666;
	overflow:hidden;
}

.demandForecast .demandVariableContainer {
	position:absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.demandForecast .demandVariableContainer .driverContainer {
	padding:0px 10px;	
	width:50%;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
}
.demandForecast .demandVariableContainer .driverContainer:nth-child(2) {
	left:50%;
}
.demandForecast .demandVariableContainer .driverHeader {
	font-size:17px;
	font-weight:600;
}
.demandForecast .demandVariableContainer .demandVarGroupTitle {
	font-size:15px;
	font-weight:600;
	background-color:#f1f1f1;
	padding:5px;
}
.demandForecast .demandVariableContainer .demandGroupScroller {
	overflow:auto;
	position:absolute;
	top:26px;
	left:0px;
	right:0px;
	bottom:0px;	
}

.demandForecast .demandVariableContainer .driverList {
	padding-left: 10px;
    padding-right: 10px;
	height:100%;
}

.demandForecast .demandVariableContainer .driverList li {
	cursor: pointer;
}

.demandForecast .demandVariableContainer .ion-ios-circle-outline{
	color: #070707;
}

.demandForecast .demandVariableContainer .ion-ios-circle-outline:before{
	padding-right: 5px;
}

.demandForecast .demandVariableContainer .ion-ios-checkmark-outline:before{
	padding-right: 5px;
}

.demandForecast .demandVarGroupTitle {
	font-size:15px;
	font-weight:600;
	background-color:#f1f1f1;
	padding:5px;
	text-align:center;
}

.demandForecast .analysisDetails label {
	padding-left:0px;
	padding-right:0px;
	font-weight:bold
} 

.demandForecast #statusCircle {
	display: inline-block;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    margin-left: 10px;
    vertical-align: text-top;
	right: calc(50% - 27px);
}
.demandForecast .fPopupClose a {
	margin-top:5px;
	display: block
}

.demandForecast .fPopupClose a {
	color:#000;
}

.demandForecast .fPopupClose a:hover {
	color: #00b0f0;
	text-decoration: underline;
}

.demandForecast .forecastDesc {
	height:20px;
	min-width: 50px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.demandForecast .demandSortActive {
	font-weight:700;
}

.demandForecast .formSlice {
    padding-top: 7px;
    cursor: pointer;
    color: #34aadc;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 250px;
}

.demandForecast .fFlex .tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.demandForecast .fFlex .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
}

.demandForecast .fFlex .tooltip:hover .tooltiptext {
    visibility: visible;
}

.demandForecast .selContentDiv {
	/*position: absolute;
    bottom: 0px;
    top: 50px;
    right: 0px;
    overflow: hidden;*/
    height:100%;
}

.demandForecast .selMenuDiv {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow:hidden;
}

.demandForecast .dfTable {
    display: flex;
    flex-direction: column;
    overflow:auto;
    border: 1px solid #dcdcdc;
    height: 100%;
    font-size:12px;
    margin:auto;
    width:100%;
}

.demandForecast .dfTable tbody, .demandForecast .dfTable thead {
    display: flex;
    flex-direction: column;
    flex-grow:0;
    flex-shrink:0;
    overflow-y:auto;
}

.demandForecast .dfTable tbody.overflowable, .demandForecast .dfTable thead.overflowable {
    flex-grow: 1;
    flex-shrink: 1;    
    height:100%;
}

.demandForecast .dfTable tr {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    flex-shrink: 0;
       background-color: #f9f9f9;
    color: #333;
        
}

.demandForecast .dfTable td, .demandForecast .dfTable th {
    display: block;
    flex-direction: column;
    flex-shrink: 1;
    flex-grow: 1;
     box-shadow:inset -1px -1px 0 0 #dcdcdc;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    flex-basis:40px;
    padding:6px 5px;
    border:0;
    text-align:right;
 
}

.demandForecast .dfTable thead td {
    background: #565656;
    color: #ffffff;
    font-weight: bold;
    box-shadow:inset -1px -1px 0 0 #6c6c6c;
    box-sizing:border-box;
    -moz-box-sizing:border-box;   
    word-break: keep-all;
    text-align:left;
}
/*dsdjb check these styles */
:-webkit-any(.demandForecast .dfTable tbody, .demandForecast .dfTable thead) + :-webkit-any(.demandForecast .dfTable tbody, .demandForecast .dfTable thead) {
    border-top:0;
}

:-webkit-any(.demandForecast .dfTable tbody, .demandForecast .dfTable thead):not(.overflowable)::-webkit-scrollbar{
    background:transparent;
}

.demandForecast .dfTable tr:nth-child(odd) {
     background: #f0f0f0;
}


.demandForecast .demandVarItem {
	border: 1px solid #ccc;
    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    border-radius: 3px;
}

.demandForecast .demandVarItem:hover {
	cursor: pointer;
}

.demandForecast .driverSectionBot {
	margin-bottom: 0px;
}

.demandForecast .driversSection {
	width: 48%;
	height: 100%;
	float: left;
}

.demandForecast .driversSectionMdl {
	width: 4%;
	height: calc(100% - 29px);
	float: left;
	margin-top: 29px;
	font-size: 150%;
	color: #00b0f0;
}

.demandForecast .driverMdlOuter {
	height: 33%;
	position:relative;
	margin: 0px;
}

.demandForecast .driverMdl {
	height: calc(100% - 10px);
	margin-bottom: 10px;
	position: relative;
	text-align: center;
}	

.demandForecast .driversSectionMdl .ion-ios-arrow-right{
	padding-bottom: 10px;
}

.demandForecast .driversSectionMdl .ion-ios-arrow-left{
	padding-top: 10px;
}

.demandForecast .disabledDriver{
	 color: #999 !important;
	 cursor: default;
}

.demandForecast .mTable tbody tr td:first-child {
	width:100px;
	
}
.demandForecast .model-popup {
	height:100%;
}
.demandForecast .waterfallContainer, .demandForecast .trendCompareContainer, .demandForecast .wktrendCompareContainer {
	/*position:absolute;
	top:0px;
	bottom:0px;
	left:10px;
	right:10px;*/
	height:100%;
	width:100%;
}
.demandForecast .waterfallChartHld {
	width:100%;
	height:100%;
}
.demandForecast .selMenuDiv .form-group.col-sm-4 {
	padding-left:8px;
	padding-right:8px;
}
.demandForecast .trendCompareChartHld {
	width:100%;
	/*height:calc(100% - 70px);*/
	height:100%;
	border-top: 1px solid #ddd;
    padding-top: 10px;
}
.demandForecast .trendCompareChart, .demandForecast .wktrendCompareChart,.demandForecast  .wktrendCompareChartHld, .demandForecast .waterfallChart, .demandForecast .causalChart,.demandForecast .dTrendChart {
	height:100%;
	width:100%;
}
.demandForecast .trendChartSelectors {
    display: inline-block;
    color: #999;
}

.demandForecast .selectedFMenuItem {
	flex:1;
	position:relative;
	height:100%;
}

.demandForecast .trendChartSelectors.waterfall {
	height:initial;
}
.demandForecast .trendChartSelectors ul li {
	float: left;
    display: block;
    margin-right: 25px;
    padding-top: 5px;
    height: 45px;
}

.demandForecast .delDataHldr {
	/*min-height: 50px !important;*/
}
.demandForecast.forecastJbox {
    /*z-index: 9015!important;*/
}
.demandForecast.forecastJbox .button:hover {
    background-color: #FF6600;
    color: #fff;
}
.demandForecast.forecastJbox .button {
    background-color: #00B0F0;
    line-height: 1em;
    padding: 6px;
    display: inline-block;
    color: #fff;
    text-align: center;
    text-transform: capitalize;
    cursor: pointer;
    min-width: 80px;
    float: right;
    margin-left: 10px;
    border-radius: 0;
    border: none;
    font-weight: normal;
    font-size: 1em;
    outline: none;
    -moz-transition: background-color .2s ease;
    -webkit-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease;
}

.demandForecast .popupCancel {
	position: absolute;
    bottom: 11px;
    right: 100px;
    color: #00b0f0;
}

.demandForecast .diagnostic-simhldr {
	position: absolute;
    float: left;
    margin-left: -150px;
    bottom: 60px;
}

.demandForecast .diagnostic-simhldr .disabled{
	background-color: #AAAAAA;
	cursor: default;
	pointer-events: none;
}


.demandForecast .simBtnHldr {
	width: 100%;
    height: 26px;
    float:left;
}

.demandForecast .simBtn {
	overflow: hidden;
    width: 140px;
    margin-right: 10px;
    margin-left: 0px;
}

.demandForecast #simulationLog {
	height: 100%;
	clear:both;
    
 /*   margin-bottom: 10px;
	width: 100%;
	height: 220px;
	*/
}

.demandForecast #simulationLogContent {
    height: calc(100% - 400px);
    border: 1px solid black;
    overflow-y: auto;
    padding: 5px;
}

.demandForecast #simulationContent {
/*	margin: 0px 20px 20px 20px;*/
	height: 100%;
    width: 100%;
    position: absolute;
    padding: 0 20px;
}

.demandForecast .simulationChartSelectors {
    width: 100%;
    /*min-width: 900px;*/
	padding-top: 5px;
}

.demandForecast .simulationSelectors {
    height: 60px;
    display: inline-block;
    color: black;
    padding-bottom: 5px;
    padding-top: 1px;
}

.demandForecast .simulationTimeSelectors {
	height: 60px;
	float:right;
    color: black;
    border: 1px solid black;
    padding-left: 10px;
    padding-right: 0px;
    margin-bottom:10px;
}

.demandForecast .simulationChartSelectors ul li {
	float: left;
    display: block;
    margin-right: 10px;
    padding-top: 5px;
    height: 45px;
}

.demandForecast .simulationApply.disabled{
	pointer-events: none;
    background-color: #aaa;
    cursor: default;
}

.demandForecast .actionLink {
	color: #00B0F0;
}

.demandForecast .actionLink:hover {
	text-decoration: underline;
}

.demandForecast #simulationTable {
	margin-bottom: 10px;
	height:210px;
	float:left;
	width:100%
}

.demandForecast #simulationTable .dfTable td:not(:first-child) {
	text-align: center;
}

.demandForecast #simulationTable .dfTable td::first-child, .demandForecast #simulationTable .dfTable td::second-child {
	padding-top: 8px;
}

.demandForecast #simulationTable .dfTable input {
	width: 120px;
	margin-right: 5px;
	padding: 1px 4px;
	border: 1px solid black;
} 
.demandForecast #simulationTable .dfTable input .disabled{
	background-color: #AAAAAA;
}

.demandForecast .chart-property-value {
    display: inline-block;
    text-align: center;
    width: 140px;
    min-height: 20px;
    vertical-align: top;
}

.demandForecast .chart-property-switch {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    vertical-align: top;
}

.demandForecast .toggle-check {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    margin: 0;
    padding: 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.demandForecast .simulationChartSelectors input[type="checkbox"] {
    margin: 0;
    padding: 0;
    outline: none !important;
    box-shadow: none !important;
}

.demandForecast .toggle-check-input {
    width: 1px;
    height: 1px;
    position: absolute;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
}

.demandForecast .tgle-chk-text {
    display: inline-block;
    position: relative;
    width: 55px;
    background: #999;
    padding: 0px 0px 0px 0;
    color: #FFF;
    cursor: pointer;
    transition: background-color 0.15s;
}

.demandForecast .tgle-chk-text>i {
    font-style: normal;
    position: relative;
    width: 38px;
    text-align: center;
    display: block;
    padding: 0;
    left: 18px;
}

.demandForecast .tgle-chk-text>b {
    font-style: normal;
    font-weight: normal;
}

.demandForecast #simulationTable .dfTable input.ng-dirty { 
	border: 1px solid #00b0f0!important;
}

.demandForecast .diagnostic-selinfo button.disabled, .demandForecast .addSimBtn button.disabled, .demandForecast .diagnosticInfo .disabled {
	pointer-events: none;
    /*background-color: #aaa;*/
    cursor: default;
}

.demandForecast .diagForestChart {
	height:100%;
	width:100%;
}

.demandForecast .corrBar {
	height: 362px;
	margin-top: 100px;	
	width: 10px;
	border: 1px solid black;
}

.demandForecast .corrTbl1 table {
	height: 362px;
	margin-top: 100px;
}

.demandForecast .corrTbl1 td {
    width: 5px;	
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
}

.demandForecast .corrTbl2 table {
	height: 396px;
}

.demandForecast .corrTbl2 td{
    width: 30px;
    font-size: 10px;
    vertical-align: bottom;
}

.demandForecast .corrChartGrid {
	
}

.demandForecast .corrChartTable {
	margin:auto;
	width: 422px;
}

.demandForecast .corrChartTable td {
	font-size: 10px;
	font-weight: bold;
}

.demandForecast .corrChartTable tr:first-child {
	background: transparent;
	text-align: left;
    /*height: 100px; why hardcode? */
    max-height:100px;
}

.demandForecast .corrChartTable tr:first-child td div {
    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
	display: -webkit-box;    
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.demandForecast .corrChartTable tr:first-child td {
	padding: 1px 1px 1px 1px;
}

.demandForecast .corrChartTable tr:not(:first-child) td {
	padding: 1px 1px 1px 1px;
	height: 60px;
	width: 60px;
}

.demandForecast .chartBubble {
	border-radius: 50%;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.demandForecast .tableBorder {
	border: 2px solid #dcdcdc;	
}

.demandForecast .tableHiddenBorder {
	border: 2px dashed transparent;
}

.demandForecast .corrChartContainer {
	height: 100%;
}

.demandForecast .corrChartTblContainer {
	text-align: center;
    height: 100%;
    /*position: relative;*/
    width: 90%;
}

.demandForecast .corrChartTable tr:first-child td{
	/*transform: rotate(-45deg);*/
	text-align: center;
}

.demandForecast .corrChartTable td:odd, .demandForecast .demandTableRight {
	/*text-align:right;*/
}

.demandForecast x.corrCharttrunchdr {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 58px; 
}

.demandForecast .fParameters li {
	display:inline-block;
	font-size: 10px;
    text-align: center;
    line-height: 14px;
    margin-right: 20px;
    flex:auto;
}

.demandForecast .flexAuto {
	flex:auto;
}

.demandForecast .fParameters li span {
	font-size: 12px;
}

.demandForecast .forecastInfo:hover .copyDelete {
	display:block;
} 

.demandForecast .forecastItem .copyDelete {
	display:none;
}

.demandForecast .editableHdr:hover, .demandForecast .editableHdr:focus {
    border: 1px solid #ddd;
}
.demandForecast .editableHdr {
	border: 1px solid transparent
}

.demandForecast .diagnosticInfo li {
	float: left;
    display: block;
}

.demandForecast .diagnosticSelector {
	margin-right:10px;
} 

.demandForecast .fNewBtn:hover.disabled a {
	background-color: #AAAAAA;
}
.demandForecast .demandSelBlue {
	color: #00b0f0;
	display:inline-block;
}
.demandForecast .waterfallNumWks {
	color:#000;
}

.demandForecast .selCorrContentDiv {
	/*position: absolute;
    width: 97%;
    top: 60px;
    bottom: 0px;*/
    overflow: hidden;
    height:100%;
}

.diagnosticInfo .disabled {
	background-color: #AAAAAA;
}

.demandForecast .fCircle {
	background-color: #8DB3E2;
	color: black
}

.demandForecast .fInfo {
    display: flex;
    align-items: stretch;
    margin-bottom:20px;
    justify-content: space-between;
    width: 100%;
}

.demandForecast .fInfo li {
	display:block;
	font-size: 10px;
    text-align: center;
    line-height: 14px;
}

.demandForecast .fInfo li span {
	font-size:12px;
}

.demandForecast .forecasts-ui-indicator {
    font-size: 28px;
    display: inline;
    height: auto;
    width: auto;
    top: -32px;
    left: 20px;
    line-height: 22px;
    padding-top: 0 !important;
    position: relative !important;
    text-shadow: none;
    animation: none !important;
    -webkit-animation: none !important;
}

.demandForecast .forecasts-ui-indicator div {
	position: absolute;
    top: 0px;
    right: 0px;
    left: 12px;
    height: 20px;
    width: 20px;
    line-height: 21px;
/*    background-color: #d12323;*/
	background-color: #8DB3E2;
    border-radius: 50%;
    color: white;
    text-align: center;
    font-size: 12px;
}

.demandForecast .dfTable td:first-child{
	text-align:left;
	
}

.forestTable .forestThead::-webkit-scrollbar-track,  
.trendTable thead::-webkit-scrollbar-track,
.fDecompTable thead::-webkit-scrollbar-track,
.driversTable thead::-webkit-scrollbar-track {
	    background-color: #565656!important;
}

.demandForecast .diagnosticInfo {
	float: right;
	height: 60px;
	padding: 5px;
	border: 1px solid #ddd;	
}
.dark .demandForecast .fFlex-item {
	background-color:#151515;	
	border:1px solid #222;
}

.dark .demandForecast .searchFStr, .dark .demandForecast .editableHdr {
	background-color:#000;
	color:#fff;
}

.dark .demandForecast .jBox-content {
	background-color:#111;
}

.dark .demandForecast.dBox .story-popCont .verticalnav ul li, 
.dark .demandForecast.mBox .story-popCont .verticalnav ul li, 
.dark .demandForecast .story-popCont .verticalnav ul li {
	background-color:#333;
}

.dark .demandForecast .diagTable tr:nth-child(even), .dark .demandForecast .trendData tr:nth-child(even) {
	color: #eee;
}

.dark .demandForecast .diagTable tr:nth-child(odd), .dark .demandForecast .trendData tr:nth-child(odd) {
	background-color:#000;
	color:#eee;
}

.dark .demandForecast .dfTable tr:nth-child(odd) {
	background:#000;
}

.dark .corrChartGrid .corrChartTable tr, .corrTbl2 tr, .corrTbl1 tr {
	background:transparent !important;
}

.dark .demandForecast .tableHiddenBorder {
	border:2px dashed transparent;
}

.dark .demandForecast .diagTable tr:first-child {
	background-color:#565656;
}

.dark .demandForecast .demandVarGroupTitle {
	background-color:#565656;
}

.dark .demandForecast .demandVariableContainer .ion-ios-circle-outline {
	color:#f1f1f1;
}

.dark .demandForecast .pop-foot-btn a, .dark .demandForecast .fPopupClose a {
	color: #999 !important;
}

.dark .demandForecast .diagnosticInfo, .dark .demandForecast .dfTable {
	border:1px solid #333;	
}

.dark .demandForecast .trendCompareChartHld {
	border-top:1px solid #333;
}

.dark .demandForecast .dfTable td, .dark .demandForecast .dfTable th {
	box-shadow: inset -1px -1px 0 0 #333;
}

.dark .demandForecast .simulationTimeSelectors {
	color:#fff;
	border:1px solid #333;
}

.dark .demandForecast .simulationSelectors {
	color:#fff;
}

input[type=checkbox].select-checkbox {
	margin:0px;
}

.dark .demandForecast.dBox .story-popCont .verticalnav ul li.on, .dark .demandForecast.mBox .story-popCont .verticalnav ul li.on, .dark .demandForecast .story-popCont .verticalnav ul li.on {
    /*background: #222;*/
    background: #111;
    border: 1px solid #777;
    border-right: none;
}

.demandForecast .forecastInfoDiv {
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-top: -10px;
}

.demandForecast .simForm {
	height:100%;
}
.story-popCont .verticalnav-hldr {
	padding-left: 150px;
	overflow: hidden;
	margin-left: 10px;
}
.story-popCont .verticalnav {
	position: relative;
	float: left;
	margin: 10px 0 0 -150px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	z-index: 10;
}
.story-popCont .verticalnav_content {
	display: block;
	width: 100%;
	float: right;
	border-left: 1px solid #777;
	position: relative;
	left: -1px;
	padding: 15px;
	min-height: 388px;
}