/*clearfix*/
.metro-interactive .c-fix:after{
  content:""; 
  display:table; 
  clear:both;
}

.metro-interactive{
  max-width:1600px;
  min-width:640px;
  margin:2rem auto;
}

.metro-interactive .data-notes{
  padding:15px 20px;
}
.metro-interactive .data-notes p{
  font-style:italic;
  font-size:15px;
}
.metro-interactive .data-notes b{
  font-style:normal !important;
  font-weight:bold;
  font-size:inherit;
  text-decoration: underline;
}

.metro-interactive span{
  font-size:1em;
}

.metro-interactive text tspan{
  font-family:inherit;
  font-size:1em;
}

.metro-interactive .mi-rm, .metro-interactive .rm-this, .metro-interactive .na-rm{
  display:none;
}

.metro-interactive svg{overflow:visible;}

/*use border-box on div containers and p tags*/
.metro-interactive div, .metro-interactive, .metro-interactive p{
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

.metro-interactive *{
  color:#101010;
  line-height:1.4em;
}

.metro-interactive b{
  font-weight:bold;
}

.metro-interactive strong, .metro-interactive em, .metro-interactive b{
  color:inherit;
  font-size:inherit;
}

.metro-interactive .main-content{
  max-width:1400px;
  margin:0em auto 0em auto;
  border-bottom:0px dotted #333333;
}

.metro-interactive .pad-from-edge{
  padding:0px 15px;
}


.metro-interactive .mi-center{
  margin:2rem auto;
  max-width:680px;
}

.metro-interactive .mi-wide-center{
  margin:3rem auto;
  max-width:1002px;
}

.metro-interactive .mi-wide-center2{
  margin:5rem auto 3rem auto;
  max-width:1600px;
}

.metro-interactive .bottom-bordered{
  padding-bottom:5px;
  border-bottom:1px solid #aaaaaa;
  padding-left:5px;
  padding-right:5px;
}

.metro-interactive .mi-padded{
  padding-left: 25px;
  padding-right: 25px;
}




/*banners, section headers*/
.metro-interactive .flex-container{
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items:flex-start;
  align-content:flex-start;
}

/*Recession tracking*/
.metro-interactive p{
  margin:0px 0px 10px 0px;
  font-size:16px;
  color:#111111;
}

.metro-interactive p *{
  color:inherit;
  font-size:inherit;
  font-family:inherit;
}

.metro-interactive .flex-row{
  display:flex;
  padding:10px 5px 5px 5px;
  margin:0em 10px;
  align-items: flex-end;
}

.metro-interactive .flex-header-wrap,
.metro-interactive .flex-body-wrap{background-color:#fafafa;}

.metro-interactive .flex-row.hidden-row{
    display:none;
}

.metro-interactive .flex-row.flex-header{
  align-items: flex-end;
  border-bottom:1px solid #333333;
  padding:0px 5px 0px 5px;
}

.metro-interactive .flex-row.flex-header .flex-header-cell > p{
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight:bold;
}
.metro-interactive .flex-row .flex-cell0 p{
  /*white-space:nowrap;*/
  overflow:hidden;
  text-overflow: ellipsis;
}

.metro-interactive .flex-row.flex-header .flex-header-cell{
  position:relative;
  padding-bottom:5px;
}
.metro-interactive .flex-row.flex-header .flex-header-cell .flex-definition{
  position:absolute;
  top:100%;
  right:-5px;
  width:250px;
  background:#ffffff;
  border:1px solid #333333;
  padding:10px 15px 10px 15px;
  display:none;
}
.metro-interactive .flex-row.flex-header .flex-header-cell.show-definition .flex-definition{
  display:block;
}
.metro-interactive .flex-row.flex-header .flex-header-cell .flex-definition *{
  text-align:left;
}
.metro-interactive .flex-row.flex-header .flex-header-cell.help-available > p:after{
  display:inline-block;
  content:"?";
  font-size:11px;
  line-height:16px;
  width:16px;
  height:16px;
  left:0px;
  margin-left:5px;
  position:relative;
  border-radius:8px;
  text-align:center;
  background-color:#333333;
  color:#fafafa;
}


.metro-interactive .flex-row.flex-header .flex-cell{
  cursor:pointer;
}

.metro-interactive .flex-row.flex-header .flex-cell p{
  user-select:none; 
}

.metro-interactive .flex-row .metro-name-col p{
  font-weight:bold;

}

.metro-interactive .flex-row .flex-cell.sort-column *{
  font-weight:bold;
}

.metro-interactive .flex-row .flex-cell p{
  text-align:right;
  padding:5px 5px 2px 5px;
}

.metro-interactive .flex-row .flex-cell:first-child p{
  text-align:left;
}


.metro-interactive .flex-row .flex-cell,
.metro-interactive .flex-row .flex-cell *{
  line-height:1.3em;
  margin:0px;
}




@media (min-width:0px){

  .metro-interactive .flex-row .flex-cell,
  .metro-interactive .flex-row .flex-cell *{
    font-size:8px;
  }


.metro-interactive .flex-row.flex-header .flex-header-cell .flex-definition{
  width:200px;
}

  .metro-interactive .flex-header-wrap{
    position:sticky;
    top:0px;
    left:0px;
    display:block;
  }
  
  .metro-interactive .mobile-cell-header{
    display:none;
  }

  .metro-interactive .flex-row{
    flex-direction:row;
    margin:0em 10px;
    border-width:0px 0px 1px 0px;
    border-style:dotted;
    border-color:#333333;
  }

  .metro-interactive .flex-row.tenth-row{
    border-style:double;
    border-bottom-width: 3px;
  }

  .metro-interactive .flex-row .flex-cell{
    width:10%;
    margin-bottom:0px;
    border-width:0px;
    padding:0px 10px 0px 0px;
  }

  
  .metro-interactive .flex-row .flex-cell0{
    width:20%;
    position:static;
  }

  .metro-interactive .flex-row .flex-cell0 p{
    font-weight:normal;
  }


}

@media (min-width:420px){

  .metro-interactive .flex-row .flex-cell,
  .metro-interactive .flex-row .flex-cell *{
    font-size:10px;
  }
}


@media (min-width:680px){
  .metro-interactive .flex-row .flex-cell,
  .metro-interactive .flex-row .flex-cell *{
    font-size:11px;
  }

  .metro-interactive .flex-row.flex-header .flex-header-cell .flex-definition{
    width:320px;
  }

  .metro-interactive .flex-row .flex-cell{
    width:10%;
    padding:0px 25px 0px 0px;
  }
  
  .metro-interactive .flex-row .flex-cell0{
    width:20%;
  }

}

@media (min-width:950px){
  .metro-interactive .flex-row .flex-cell,
  .metro-interactive .flex-row .flex-cell *{
    font-size:15px;
  }
}