/*Monitor Highlight Sections*/
.pull-left>div>h6{
    color:#5C88DA;
    margin-bottom:2px;
    font-size: 14px;
}
/*Monitor highlight reports*/
.pull-left>div>a{
    font-size:12px;
    color:#6CC24A;
    padding-right:5px;
}
.pull-left>div>a:hover, .pull-left>.top>.glyphicon-play:hover{
    cursor: pointer;
}
.pull-left>.top>.glyphicon-play{
    font-size:12px;
    color:#6CC24A;
}
/*Size twitter feed*/
#twitter{
    height:calc(100% - 115px);
    overflow: hidden;
}
.twitter-timeline-rendered {
      height: 100% !important;
}

/*Updated Home styling for STFM Launch*/
.ofrFeatured > div{
    width:50%;
    float:left;
    box-sizing: border-box;
    padding-bottom:.5em;
}
.ofrFeatured > div:nth-child(odd){
    padding-right:.5em;
}
.ofrFeatured > div:nth-child(even){
    padding-left:.5em;
}
.ofrFeatured h2{
    padding:.25em;
    font-weight:bold;
    background-color: #263287;
    color: #fff;
    text-align: center;
    font-size:1em;
}
.ofrFeatured p{
    padding:.5em 0;
    line-height:1.5;
    font-size:.85em;
}
.ofrFeatured img{
    width:100%;
    height:auto;
    max-height: 250px;
}
.offScreen{
    position:fixed;
    top:-1000px;
    left:-1000px;
}
.ofrFeatured:after{
    content:'';
    display:block;
    clear:both;
}
/*End Home styling*/

/*Start Monitors styling*/
.body-content>.row{
    height:100%;
}


/*Define different font for report paragraphs*/
p{
	font-size: 1.25em;
}
/*Sizing*/
.col-sm-3{
    height:99%;
}
/*Market watch block*/
.mWatch{
    display:block;
    width:100%;
	height: calc(100% - 10px);
    overflow-y:auto;
    padding-left:4px;
}
/*Market watch section headings*/
.mWatch>h4{
    color:#001871;
    display:inline-block;
    font-family: AvenirLTStd-Medium;
    padding-right: 20px;
}
/*Market watch button*/
#marketBtn{
    float:right;
    padding:5px 5px;
	margin-top:0px;
    margin-bottom:0px;
    display:inline-block;
}
#marketBtn > button{
    border: 1px solid #001871;
    background-color: #001871;
    color:white;
    padding: 3px 5px;
    font-size: 12px;
}
/*Market watch table*/
#table_two{
    margin-bottom: 10px;
    width:100%;
    height:100%;
	font-size: 1.1em;
    border-bottom: 2px solid lightgray;
}
/*Table headers*/
#table_two>thead>tr>th{
     text-align:center;
}
/*"Series" align left*/
#table_two>thead>tr>th:first-child{
     text-align:left;
}
/*Market watch body text*/
#table_two>tbody>tr>td{
    padding-top: 2px;
    padding-bottom: 2px;
    border: 0px;
    vertical-align: middle;
    text-align:right;
    line-height: 1;
}
/*Series name*/
#table_two>tbody>tr>td:first-child{
     text-align:left;
    color:#001871;
}
/*Size sparklines*/
td>div {
   position:relative;
    height: 60px;
    width: 60px;
    margin:0px;
}
/*
td>div>.highcharts-container{
    position:absolute;
    height:100%;
    width:100%;
}
*/
/* Necessary sizing to fit one page and for highcharts*/
.charts{
	height:98%;
}
/* Necessary sizing to fit one page and for highcharts*/
.charts>.row{
	height:100%;
}
/*List of reports area color and sizing*/
.reportList{
    margin-top:0px;
    padding-right:0px;
    height:100%;
    overflow-y:auto;
	font-family: AvenirLTStd-Book, Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
}
/*div holding report title and right arrow in chart list*/
.chartList> div{
    border-radius:4px;
    margin-bottom: 2px;
    margin-left:10px;
	color:#001871;
    background-color:#EFF3FB;
}
/*Report title text in chart list*/
.chartList>div>a{
    padding: 8px 7px;
    padding-right:3px;
    border:0px solid transparent;
    text-align:left;
    background-color:#EFF3FB;
    color:#001871;
    width:calc(100% - 20px);
     display:inline-block;
}
/*Div holding right arrow in chart list*/
.chartList>div>div{
    border:0px solid transparent;
    background-color:#EFF3FB;
    color:#001871;
    width:20px;
    display:inline-block;
    padding: 8px 2px;
}
/*Section headers for chart list*/
.chartList>p{
    border-bottom:1px solid  #6CC24A;
    font-size: 14px;
    color: #6CC24A;
    margin-bottom:2px;
    padding-top:5px;
}
/* > arrow in hidding*/
.chartList>div>div>.glyphicon-play {
    visibility: hidden;
}
/*color and sizing for each report listed on hover*/
.chartList>div:hover, .chartList>div>a:hover{
    font-weight:800 ;
    color:#001871;
    background-color:#EFF3FB;
}
/*color and sizing for each report listed on click*/
.chartList>.btn-active, .chartList>.btn-active>a, .chartList>.btn-active:hover, .chartList>.btn-active>a:hover{
    background-color:#001871;
    font-weight:800 ;
    color: white;
}
/* > arrow display on click*/
.chartList>.btn-active >div{
    background-color:#001871;
    height:100%;
    padding: 8px 2px;
}
/* > arrow display on click*/
.chartList>.btn-active >div> .glyphicon-play {
    visibility: visible !important;
    color: white;
}



/* Sizing for selected report area*/
.chartSelect{
    padding:0px;
    padding-top:30px;
	height:100%;
}
/*Report section*/
#report{
	height:100%;
	margin-top:0px;
      border-right: 2px solid #6CC24A;
}
/*Report title*/
#report>h3{
    margin-top:-15px;
    margin-bottom: 0px;
    color:#001871;
    font-size: 2em;
    padding:0px 10px;
	font-family: AvenirLTStd-Medium, Georgia, "Times New Roman", Times, serif;
}

/*Div holding breadcumbs and remove button*/
#drillTitleDiv{
    border-top: 2px solid #001871;
    margin-left:10px;
    margin-right:20px;
    margin-top:5px;
    padding-top: 2px;
}
/*button to remove last drill down selection*/
.breadcrumbs>.glyphicon-remove-circle{
    background-color: #ffffff;
    color:#5C88DA;
    font-size: 14px;
    cursor: pointer;
    padding-left:10px;
}
/*Breadcrumb text*/
.breadcrumbs{
    display:inline-block;
    color: #001871;
    margin: 0px;
    font-size: 14px;
    font-weight: 900;
    width: calc( 100% - 375px );
}
/*HighCharts sizing effects - must keep all parent classes up to html as 100% height*/
.drillcharts {
   display:block;
    height: calc(60% - 20px);
    width: 98%;
    position: relative;
	padding-left:5px;
}
/*Don't change this!*/
.drillcharts>div {
    display:block;
    height: 100%;
    width: 100%;
    position: absolute;
}
/*HighCharts sizing effects - must keep all parent classes up to html as 100% height*/
.highcharts{
   display:block;
    height: calc(63% - 20px);
    width: 98%;
    position: relative;
	padding-left:5px;
	padding-top:5px;
}
/*Don't change this!*/
.highcharts>.highcharts-container {
    display:block;
    height: 100%;
    width: 100%;
    position: absolute;
	border-top: 2px solid #001871;
}

/*Three tabs in report*/
#report>.nav-tabs{
    padding: 0px 5px;
}
#report>.nav-tabs >li >a{
	font-family: AvenirLTStd-Medium, Helvetica;
	font-size:12px;
    border-color:lightgray;
    border-bottom-color: #001871 ;
    padding: 7px 10px;
}
#report>.nav-tabs >li >a:hover {
    background-color: #EFF3FB;
    cursor: hand;
	color:black;
}
#report>.nav-tabs >.active >a{
   background-color: #001871;
    border-color: #001871 ;
    border-bottom-color: transparent;
    color: white ;
}
/*Tab selection to display*/
.content{
	height:32%;
    padding-top: 10px;
    padding-left:15px;
    padding-bottom: 2px;
    padding-right: 10px;
    overflow-y:auto;
}
.content>div{
	display:none;
}
.content>.selected{
	display:block;
}

/*Sizing on metadata comments*/
.sub2>ul>li{
    font-size: 1.2em;
    padding-right:5px;
}
/*Sizing for data table section in report*/
#tablediv{
	height:100%;
	margin-bottom: 0px;
}
/*Formatting for DataTables in report section*/
table.dataframe{
    width:100%;
    border: 0px solid white;
}
table.dataframe> thead, tbody{
    border: 0px solid white;
}
table.dataframe> thead>tr>th{
    border:  0px solid white;
    color:#001871;
    font-weight: normal;
}
table.dataframe> tbody>tr {
border: 0px solid white;
}
table.dataframe> tbody>tr>th{
    border: 0px solid white;
}
table.dataframe> tbody>tr>td{
    border: 0px solid white;
}


.dataframe-header > ul {
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;

}

.dataframe-header-img > img {
   display: inline-block;
    max-width: 70px;
    max-height: 40px;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    /*background-color: #fff;*/
    /*border: 1px solid #ddd;*/
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out

}

.dataframe-header-title > h3{
    margin-top:10px;
    margin-bottom: 0px;
    color:#001871;
    font-size: 2em;
    padding:0px 10px;
	font-family: AvenirLTStd-Medium, Helvetica-Light, "Times New Roman", Times, serif;
}


.dataframe-header-title > h4{
    margin-top:5px;
    margin-bottom: 0px;
    color: #5a6471;
    font-size: 1.2em;
    padding:0px 10px;
	font-family: AvenirLTStd-Medium, Helvetica-Light, "Times New Roman", Times, serif;
}




/*Report title*/
.dataframe-header>h3{
    margin-top:-15px;
    margin-bottom: 0px;
    color:#001871;
    font-size: 2em;
    padding:0px 10px;
	font-family: AvenirLTStd-Medium, Georgia, "Times New Roman", Times, serif;
}

.modal-dialog {
    margin-top: 150px;
}

.my-sparkline {
    position:relative;
    height: 60px;
    width: 60px;
    margin:0px;
}

/*.dataframe-field {
    display: inline-block;
    max-height: 20px;
    width: auto;
    padding: 0 4px 0 4px;
    margin: 2px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    vertical-align: text-top;
}*/

.dataframe-filters, .dataframe-breakout, .dataframe-fields {
    list-style-type: none;
    -webkit-padding-start: 5px;
    height: 100%;
}

div.tooltip-inner {
    max-width: 350px;
}



.label-filter-old {

    /* display: inline-block; */
    height: 28px;
    position: relative;
    padding-right: 0px;
    padding-left: 5px;
    margin-bottom: 2px;
    margin-right: 0px;
    /*border-radius: 5px;*/
    border-width: 0px;
    border-color: #001871;
    border-style: solid;
    font-size: 12px;
    /*vertical-align: baseline;*/
    background-color: #A4c6e9;
    line-height: 1;
    color: #001871;
    text-align: left;
    white-space: nowrap;


}


.label-filter-old > p {
    font-size: 14px;
    padding-top: 8px;
}



.label-filter-active {

    /* display: inline-block; */
    position: relative;
    height: 30px;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 2px;
    margin-right: 0px;
    /*border-radius: 5px;*/
    border-width: 0px;
    border-color: #001871;
    border-style: solid;
    font-size: 15px;
    vertical-align: baseline;
    background-color: #001871;
    line-height: 1;
    color: #FFFFFF;
    text-align: left;
    white-space: nowrap;
}

.label-filter-active > span {
    font-size: 23px
}
.label-filter-active > p {
    padding-top: 7px;
}



.label-filter-inactive {
    /* display: inline-block; */
    height: 28px;
    position: relative;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 4px;
    margin-bottom: 2px;
    margin-right: 0px;
    border-width: 0px;
    font-size: 14px;
    vertical-align: baseline;
    /*background-color: #8395D4;*/
    line-height: 1;
    color: #001871;
    /*color: #001871;*/
    text-align: left;
    white-space: nowrap;



}






.drillUpButton {
    cursor: pointer;
    padding-top: 3px !important;
}

.instructions {
    font-size: 11px;
    font-style: italic;
}

.chart-title {

    margin-bottom: 4px;
    color: #001871;
}


.chart-title > div > h2 {
    font-weight: 900;
     margin-bottom: 0px;
}

.chart-title > h3 {

    margin-bottom: 0px;

}

div.breadcrumbs {
   position: absolute;
   z-index: 4;
   /*margin-left:210px;*/

}

div.buttonsLegendInactive {
    border-top-color: #001871;
    border-top-style: solid;
    position: absolute;
    left: 4px;
    z-index:2
}


div.buttonsLegendActive {
  position: absolute;
  left: 4px;
  z-index:2
}

.small-instructions{
    font-size: 10px;
    font-style: italic;
    text-align: right;
}

.current-view{
 background-color: #001871;
    color: white ;
}

.chart-caption {
    border-width: thin;
    margin: 0px 4px 15px 0px;
    /*font-style: italic;*/
    color: #021a72;
    font-size: 12px;

}


.big-instructions{
    color: #5C88DA;
    font-style: italic;
    font-weight: 900;
    margin-top: 0px;
    margin-bottom: 0px;
}

.modal-image {
    /*width:100%;*/
    max-width: 500px;
}

.popover {
    max-width: 434px;
    min-width:350px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    /*max-width: 276px;*/
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.popover.right {
    padding: 0 15px;
}

.moreLabel {
    font-style: italic;
}

.popover-footer {
    max-width: 500px;
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.popover-header {
    max-width: 500px;
    min-height: 15px;
    padding: 0px 15px 15px 15px;
    border-bottom: 1px solid #e5e5e5;
}

.popover-header > h2 {
    margin-top: 0;
    margin-bottom: 0;
}

.popover-content {
    max-width: 500px;
    padding-bottom: 6px;
}

.popover-data, .data-button {
    background-color: #265EAC !important;
    border-color: #181063 !important;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    border: 1px solid #253186;

}


.drilltree {
    display: inline-block;
    width: 100%;
}

.drilltree-active {
    background-color: #001871;
    color: white;
}

.drilltree-inactive {
    background-color: #A4C6E9;
    color: #001871;
}

.drilltree-future {
    background-color: lightgrey;
    color: #001871;
}

.drilltree-active-chart {
    border-color: #001871;
    margin-bottom: -1px;
    border-width: 1px;
    max-height: 320px;
}




.drilltree-active-chart > p{
    float: right

}



.legend-glowing-border {
    outline: none;
    background-color: #9ecaed;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}

.search-icon {
    cursor: pointer

}

.filter-value {
    font-weight: bold;
}

.legend-item-warpper {
    width: calc( 100% - 36px );
}

.help-button {
       top: 5px;
    cursor: pointer;
    color: #265EAC;
    font-size: 27px;
    vertical-align: sub;
}


.help-button-group {
    position: absolute;
    right: 0px;
    z-index:5;

}

.info-keyword {
    text-decoration: underline;
     font-style: italic;
    /*font-style: oblique;*/
    /*color: blue;*/
    /*font-weight: bolder;*/

}
span.info-keyword > span.glyphicon
{
        font-size: 12px;
    vertical-align: super;


}

.info-popover {

    background-color: rgba(218, 228, 247, 0.98);


}



.info-popover.right > .arrow:after {

    border-right-color: #dae4f7;

}

.popover-source {
    display: none;

}
.chart-credits {
    color: black;
}

.fixed-email {
    height: 55px;
    width: 59px;

    /*vertical-align: middle;*/

    /*padding-bottom: 4px;*/
    background-color: rgba(109, 194, 75, 0.50);
    color: rgba(2, 26, 114, 0.51);
    position:fixed;
    bottom: 10%;
    right: -4px;
    /*padding: 4px;*/
    border-radius: 4px;
    box-shadow: -5px 10px 5px rgba(136,136,136,0.25);
    z-index:6;
}

.fixed-email:hover {
    background-color: #285e8e; 
    color: rgba(2, 26, 114, 1);
    z-index:6;
}

.fixed-email > p {
    position: absolute;
    top: 2px;
    left: 4px;
    font-size: 10px;
    text-align: center;
    margin-bottom: 2px;

}

.fixed-email > span {
    position: absolute;
    top: 6px;
    left: 4px;
    font-size: 45px;

}



.help-popover-out {
    min-width: 0px

}

.highcharts-container > svg { overflow: visible !important; }

#body-content .fixed-email{
    background-color: #428bca;
    border-radius: 4px 0px 0px 4px;
    bottom: 10%;
    box-shadow: none;
    color: #fff;
    position: fixed;
    right: 0;
    width: auto;
    height:auto;
    z-index: 6;
    padding:7px;
    text-align:center;
    cursor:pointer;
    transition:.6s;
    border-color: #181063;
}

#body-content .fixed-email:hover{
	background-color: #285e8e;
	color:#fff;
	transition:.3s;

}

#body-content .fixed-email > span.glyphicon-envelope {
    display: block;
    font-size: 25px;
    left: 0px;
    position: relative;
    top: 0px;
}

#body-content .fixed-email .glyphicon-envelope::after {
    content: "FEEDBACK";
    display: block;
    font-size: 11px;
    font-weight: 500;
    margin-top: 5px;
    text-align: center;
    font-family:'Prompt', sans-serif;
}


p.mmf-intro-text {
    font-size: 1em;
}