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

/* legacy CSS */
/**************/
.flex,.flex-wrap > * { 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; }
ul.quicklinks { text-align: center; margin: 0.5em 0 !important; padding: 0 !important; list-style: none; }
ul.quicklinks li { display: inline; margin: 0 !important; padding: 0 0.4em !important; }
ul.quicklinks li:not(:last-child) { border-right: solid 1px #000; }
/**************/
/* Legacy CSS */

/* Reports TOC */
/***************/
#scopes {
    justify-content: flex-start;
    margin:          0 !important;
}

#reports-toc .card {
    max-width: 335px;
    min-width: 245px;
    margin:    10px 5px;
}

@media (min-width: 1200px) {
    #reports-toc .card {
        flex: 0 0 calc(25% - 10px);
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #reports-toc .card {
        flex: 0 0 calc(33% - 10px);
    }
}

@media (max-width: 991px) {
    #reports-toc .card {
        flex: 0 0 calc(50% - 10px);
    }
}

@media (min-width: 576px) {
    #scopes > * {
        flex: 0 1 10rem;
    }
}

@media (max-width: 575px) {
    #reports-toc .card {
        min-width: 100%;
        max-width: 100%;
        width:     100%;
    }
}
 
#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 */

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

@media (min-width:992px) {
    #report-selection {
        text-align: center;
    }
}

@media (max-width:991px) {
    label { width: 65px; }

    #report {
        width: calc(100% - 65px);
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    #year,
    #month {
        width: calc(50% - 149px);
    }
}

@media (max-width: 575px) {
    #year,
    #month {
        width: calc(100% - 65px);
    }
}
/********/
/* 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 */

/* Rollovers */
/*************/
.rollover { position: relative; }
.rollover img { position: absolute; display: none; }
.rollover:hover img { display: block; left: 0; top: 1em; }
/*************/
/* Rollovers */

/* 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 tr.odd a { color: #0050d8; }
table.stats-table tr.even a { color: #0076d6; }

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 auto;
  padding:            1em;
  border:             solid 2px #3d4551;
  border-radius:      3px;
  background-color:   #dcdee0;
  -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 h4,
.dyk #article-title {
  text-align: center;
}

.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.1036rem;
    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; }
/****************/
/* Circle Arrow */

/* Triple Arrow */
/* <a class="triple-arrow-link" href="#"> */
/*     <span>Learn More</span> */
/*     <span class="triple-arrow-container" aria-hidden="true"> */
/*         <span class="triple-arrow triple-arrow-right"></span> */
/*     </span> */
/* </a> */
/**/
/* <a class="triple-arrow-link" href="#"> */
/*     <span class="triple-arrow-container" aria-hidden="true"> */
/*         <span class="triple-arrow triple-arrow-left"></span> */
/*     </span> */
/*     <span>Back</span> */
/* </a> */
/*****************/
.triple-arrow-link {
    font-size:        0.8em;
    text-decoration:  none;
    color:            rgb(0, 118, 214);
    background-color: #fafdff;
    border:           1px solid rgba(0, 118, 214, 0.25);
    border-radius:    5em;
    padding:          8px;
    transition:       all 1s;
}

.triple-arrow-container {
    position: relative;
    display:  inline-block;
}

.triple-arrow {
    display:      inline-block;
    height:       0.5em;
    width:        0.5em;
    border:       1px solid rgba(0, 118, 214, 0.6);
    border-width: 3px 3px 0 0;
    margin-left:  calc(0.5em + 3px);
    margin-right: calc(0.5em + 3px);
    transition:   all .5s;
}

.triple-arrow:before,
.triple-arrow:after {
    content:      '';
    position:     absolute;
    display:      block;
    height:       0.5em;
    width:        0.5em;
    border-width: 3px 3px 0 0;
}

.triple-arrow:before {
    border:       1px solid rgba(0, 118, 214, 1);
    border-width: 3px 3px 0 0;
    top:          calc(0.5em - 3px);
    left:         -0.5em;
    transition:   all .75s;
}

.triple-arrow:after {
    border:       1px solid rgba(0, 118, 214, 0.3);
    border-width: 3px 3px 0 0;
    top:          calc(-0.5em - 3px);
    left:         0.5em;
    transition:   all 1s;
}

.triple-arrow-left {
    transform: rotate(225deg);
}

.triple-arrow-right {
    transform: rotate(45deg);
}

.triple-arrow-link:hover {
    background-color: #f1f3f6;
    color:            rgb(0, 80, 216);
    border-color:     rgba(0, 80, 216, 0.25);
}

.triple-arrow-link:hover .triple-arrow {
    border-color: rgba(0, 80, 216, 0.75);
}

.triple-arrow-link:hover .triple-arrow:before {
    border-color: rgba(0, 80, 216, 0.5);
}

.triple-arrow-link:hover .triple-arrow:after {
    border-color: rgba(0, 80, 216, 1);
}
/****************/
/* Triple 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 */