@media print {
  #sotc-sections,
  #supplementalToc,
  #report-selection,
  #prev,
  #next { display: none; }
}

/* legacy CSS *
 **************/
.flex > * { flex: 1; }
.fl,.fr,.fn { text-align: center; }
.fl { float: left;  margin: 0 0.75em 0.5em 0; }
.fr { float: right; margin: 0 0 0.5em 0.75em; }
.fn { float: none;  margin: 0.5em auto; }
.note { font-size: 0.8em !important; }
li.nobullet { list-style:  none; margin-left: -1em !important; }
/*************
* Legacy CSS */

/* Reports TOC *
 ***************/
#scopes { justify-content: flex-start; margin: 0 !important; }
#scopes > * { flex: 0 1 10rem; }
 
#reports-toc {
  width:           100%;
  display:         flex;
  align-items:     stretch;
  justify-content: flex-start;
  flex-wrap:       wrap;
  margin:          0;
  padding:         0;
  list-style:      none;
}

#reports-toc .card {
  flex:   0 0 calc(25% - 10px);
  margin: 10px 5px;
}
/**************
 * Reports TOC */

/* Prev/Next *
 *************/
#prevNext { display: flex; justify-content: space-between; margin: 1rem auto; }
/************
* Prev/Next */

/* Page Navbar *
 ***************/
nav#pageNav {
  width:              100%;
  box-shadow:         0 8px 6px -6px rgba(0,0,0,0.4);
  position:           relative;
  margin-bottom:      1rem;
  -webkit-transition: background 0.5s linear;
     -moz-transition: background 0.5s linear;
       -o-transition: background 0.5s linear;
          transition: background 0.5s linear;
}

nav#pageNav ul {
  margin:  0 !important;
  padding: 0 !important;
}

nav#pageNav ul li {
  list-style: none;
  margin:     0 !important;
  padding:    0 !important;
}

nav#pageNav .pageLink {
  text-decoration: none;
  cursor:          pointer;
  display:         block;
  height:          100%;
  padding:         0.5em 1em;
}

nav#pageNav > ul > li > ul,
nav#pageNav > ul > li > ul > li,
nav#pageNav > ul > li > ul > li > ul {
  visibility: hidden;
  opacity:    0;
  height:     0;
  list-style: none;
  -webkit-transition: visibility 0s, opacity 0.15s linear;
  -moz-transition:    visibility 0s, opacity 0.15s linear;
  -o-transition:      visibility 0s, opacity 0.15s linear;
  transition:         visibility 0s, opacity 0.15s linear;
}

nav#pageNav.sticky {
  position: fixed !important;
  top:      0;
  z-index:  1000;
}

.shortTitle { display: none; }
.longTitle { display: inline; }
@media only screen and (min-width: 576px) and (max-width: 1200px) {
  .shortTitle { display: inline; }
  .longTitle { display: none; }
}

@media only screen and (min-width: 576px) {
  nav#pageNav ul {
    display:         flex;
    align-items:     stretch;
    justify-content: space-evenly;
    flex-wrap:       wrap;
  }

  nav#pageNav ul li {
    flex: 1;
    text-align: center;
  }

  nav#pageNav > ul > li > ul,
  nav#pageNav > ul > li > ul > li > ul {
    position:   absolute;
    left:       0;
    top:        100%;
    width:      100%;
    box-shadow: 0 8px 6px -6px rgba(0,0,0,0.4);
  }

  nav#pageNav > ul > li:hover > ul,
  nav#pageNav > ul > li:hover > ul > li,
  nav#pageNav > ul > li:hover > ul > li:hover > ul,
  nav#pageNav > ul > li:hover > ul > li:hover > ul > li {
    visibility: visible;
    height:     auto;
    opacity:    1;
  }

  nav#pageNav > ul > li       a                                 { color: #0050d8; background-color: rgba(17,46,81,0.05); }
  nav#pageNav > ul > li:hover a                                 { color: #0050d8; background-color: rgba(198,202,206,0.9); }

  nav#pageNav > ul > li > ul > li       a                       { color: #0050d8; background-color: rgba(170,178,188,0.95); }
  nav#pageNav > ul > li > ul > li:hover a                       { color: #0050d8; background-color: rgba(157,168,181,0.95); }

  nav#pageNav > ul > li:hover > ul > li:hover > ul > li       a { color: #0050d8; background-color: rgba(157,168,181,0.95); }
  nav#pageNav > ul > li:hover > ul > li:hover > ul > li:hover a { color: #0050d8; background-color: rgba(127,139,155,0.95); }
  
  nav#pageNav.sticky > ul > li       a                                 { color: #ffffff; background-color: rgba(17,46,81,0.9); }
  nav#pageNav.sticky > ul > li:hover a                                 { color: #ffffff; background-color: rgba(61,69,81,0.9); }

  nav#pageNav.sticky > ul > li > ul > li       a                       { color: #ffffff; background-color: rgba(50,58,68,0.9); }
  nav#pageNav.sticky > ul > li > ul > li:hover a                       { color: #ffffff; background-color: rgba(102,106,111,0.9); }

  nav#pageNav.sticky > ul > li:hover > ul > li:hover > ul > li       a { color: #ffffff; background-color: rgba(102,106,111,0.9); }
  nav#pageNav.sticky > ul > li:hover > ul > li:hover > ul > li:hover a { color: #ffffff; background-color: rgba(148,149,151,0.9); }
}

@media only screen and (max-width: 575px) {
  nav#pageNav { background-color: rgba(28,29,31,0.15); }
  nav#pageNav::before { content: 'Contents of this Report'; font-weight: bold; margin: 10px !important; }
  nav#pageNav.sticky::before { color: #8d9297; }
}
/***************
 * Page Navbar */

 /* Form *
  ********/
#report-selection { line-height: 2.5em; margin: 1em auto; }
/********
 * Form */

/* Related Materials *
 *********************/
#related-materials > * {
  margin:        1rem auto;
  padding:       0.5em 1em;
  background:    linear-gradient(rgba(17,46,81,0.05),rgba(17,46,81,0.01));
  border-radius: 3px;
  box-shadow:    0 5px 5px 2px #c6cace;
}

#additional-resources-flexbox {
  display:         flex;
  justify-content: space-between;
  flex-wrap:       wrap;
}

#additional-resources-flexbox > * { flex: 1 0 auto; }
@media (min-width: 1200px) { #additional-resources-flexbox > * { max-width: 50%; } }
/*********************
 * Related Materials */

 /* Image Set *
  *************/
.image-set { display: flex; justify-content: space-evenly; }
.image-set > * { flex: 0 1 auto; }
/*************
 * Image Set */

 /* Float Image *
  ***************/
.float-image { width: 48%; }
/***************
 * Float Image */

/* Stats Table *
 ***************/
table.stats-table td { text-align: center; }

table.stats-table tr.odd th,
table.stats-table tr.odd td { background-color: #dcdee0; }

table.stats-table tr.even th,
table.stats-table tr.even td { background-color: #ffffff; }

table.stats-table td.section {
  background-color: #ffffff;
  font-weight:      bold;
  text-align:       left;
  border-top:       solid 2px #000000;
}

table.stats-table td.header { font-weight: bold; text-align: left !important; }

table.stats-table td.ties { font-size: 0.8em; }

table.stats-table span.att { color: #8d9297; }

p.stats-note { margin: 0; font-size: 0.9em !important; font-style: italic; }
/***************
 * Stats Table */

.totop,.top { text-align: right; }

.warm { color: #e41d3d; }
.cold { color: #2491ff; }

div.available { text-align: center; }

/* DYK *
 *******/
.dyk {
  margin:             1em;
  padding:            1em;
  border:             solid 2px #3d4551;
  border-radius:      3px;
  background-color:   #dcdee0;
  text-align:         center;
  -webkit-box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, 0.4);
     -moz-box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, 0.4);
}

.dyk.floatLeft { width: 48%; margin: 1em 1em 1em 0 !important; }

.dyk.floatRight { width: 48%; margin: 1em 0 1em 1em !important; }

.dyk h4 { font-style: italic; }

.dyk h5 { text-align: center; }

.dyk p { text-align: justify; }

.dyk details summary { text-align: left; }

.dyk details[open] summary:after { content: 'Collapse'; }

.dyk details[open] summary .dykTitle { display: none; }
/*******
 * DYK */

/*
 * Circle Arrow
 *
 * <a class="circle-arrow" href="#"><span class="circle" aria-hidden="true"><span class="arrow"></span></span><span class="circle-arrow-text">Learn More</span></a>
 ******************************************************************************************************************************************************************/
.circle-arrow {
  font-family:     arial, sans-serif !important;
  position:        relative;
  font-size:       0.75rem !important;
  line-height:     1.5 !important;
  display:         inline-block;
  cursor:          pointer;
  outline:         none;
  border:          0;
  vertical-align:  middle;
  text-decoration: none;
  background:      transparent;
  padding:         0;
  width:           8rem;
  height:          auto;
}
.circle-arrow .circle {
  transition:   all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position:     relative;
  display:      block;
  margin:       0;
  width:        1.5rem;
  height:       1.5rem;
  background:   #3d4551;
  border-radius: 1.625rem;
}
.circle-arrow .circle .arrow {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position:   absolute;
  top:        0.0rem;
  bottom:     0;
  margin:     auto;
  background: #fff;
  left:       -0.125rem;
  width:      1.125rem;
  height:     0.125rem;
  background: none;
}
.circle-arrow .circle .arrow::before {
  position:    absolute;
  content:     '';
  top:          -0.1rem;
  right:        0.0625rem;
  width:        0.325rem;
  height:       0.325rem;
  border-top:   0.125rem solid #fff;
  border-right: 0.125rem solid #fff;
  transform:    rotate(45deg);
}
.circle-arrow .circle-arrow-text {
  transition:     all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position:       absolute;
  top:            0;
  left:           0;
  right:          0;
  bottom:         0;
  padding:        0.75rem 0;
  margin:         0 0 0 1.25rem;
  color:          #3d4551;
  font-weight:    700;
  line-height:    0;
  text-align:     center;
  text-transform: uppercase;
}
.circle-arrow:hover .circle { width: 100%; }
.circle-arrow:hover .circle .arrow {
  background: #fff;
  transform:  translate(0.75rem, 0);
}
.circle-arrow:hover .circle-arrow-text { color: #fff; }
/******************
 End Circle Arrow */

.att { color: #8d9297; }

h4#summary_info { margin-bottom: 0.5em; }

div#summary-info h2,
div#summary-info h3,
div#summary-info h4 {
  margin-top:    1em;
  margin-bottom: 1em;
}

p.disclaimer {
  font-size:  0.8em;
  font-style: italic;
}

/* Expanding Note
 ****************/
.expand {
  border:           solid 1px #8d9297;
  background-color: #f1f3f6;
  font-size:        0.8em;
  margin:           1em auto;
}

.expand h5 { padding:5px 5px 0px 5px; }

.expand .expand-note {
  overflow: hidden;
  padding:  0px 5px 5px 5px;
}

.expand .bottom-line {
  padding:          1px 5px;
  border-top:       solid 1px #dcdee0;
  background-color: #f1f3f6;
}

.expand .toggle {
  float:       right;
  cursor:      pointer;
  font-size:   0.9em;
  font-weight: bold;
}
/******************
 * Expanding Note */

/* Citation *
 ************/
#citation { margin-top: 2em; }
/************
 * Citation */