/* adopted from Andor Nagy 2015, https://webdesignerhut.com/responsive-layout-with-html-and-css/ */
/* Modified by Typefi Nov, 2020 */
/* Modified by NIST Dec 2021 */


body, NIST_Report_Table {
    font-family: verdana, helvetica, sans-serif;
    font-size: 80%;
    line-height: 1.4em;
}

#container {
    margin: 0 auto;
    
}

/*  NIST changed header padding to 1% on 02/11/2021  */  
header {
    width: 70%;
    padding: 1%;
    background-color: #12659C;
}

/*  NIST changed header title line height to 1em 02/11/2021  */  
header #title {
    font-size: 36px;
    line-height: 1em;
    color: #fff;
}

header #volume {
    font-size: 28px;
    line-height: 1.4em;
    color: #fff;
}

a {
    text-decoration: underline;
    color: #12659C;
}

a:hover {
    color: #fff;
    background-color: #12659C;
}
/*  NIST changed nav to remove sticky position on 12/20/2021  */  
nav {  
    position: relative;
    width: 97%;
    background-color: #eee;
    border-bottom: solid #666 0.5pt;
    padding: 1px 1.5% 1px 1.5%;
    top: 0;

}
/*  NIST changed nav list padding on 02/11/2021  */  
nav ul li {
    display: inline-block;
    padding: 0px;
}

nav ul li a {
    font-size: 1.2em;
}

  

/* can't figure out how to make this one work without it blocking the header and footer*/
 aside {
   position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 25%;
    font-size: 0.9em;
    overflow: auto;
    padding: 3%;
    background-color: #eee;
} 



aside ul li {
    line-height: 1.5em;
    padding-left: 1em;
}

/* NIST changed aside list font size on 2/11/2021 */
aside ul li a {
    font-size: 1em;
}

.horiz-list {
    display: inline-block;
    padding: 15px 1.5% 15px 1.5%;
}



#Content {
    float: left;
    padding: 3%;
    width: 64%;
    background-color: #fff;
  
}

/* Original aside css */
/*aside {
    float: right;
    padding: 3%;
    width: 24%;
    background-color: #eee;
} */

/*NIST changed footer css on 12/20/2021*/
footer {
 margin-left: 2.5em;
 width: 64%;
 text-align: center;
   border-top: solid 1pt black;
    padding-top: 1em;
    padding-bottom: 1em;
  clear: both;
}

@media all and (max-width : 768px) {
    header {
        text-align: center;
    }
    nav {
        text-align: center;
    }
    #content {
        width: 100%;
        padding: 3%;
    }
    #sidebar {
        width: 25%;
        padding: 3%;
        border-top: 3px solid #E64A19;
    }
}

@media all and (max-width : 330px) {
    nav ul li {
        display: block;
        width: 100%;
    }
   
}


/* TechPubs specific */
p[class = 'Body-Text'] {
    margin-top: 1em;
    margin-bottom: 0.5em;
  }
p[class = 'Appendix_Head1'] {  display: block;
    margin-top: 1em;
    margin-bottom: 0.5em;
    font-family: sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    color: #12659C;
    font-size: 130%;}
    
p[class='Num_Simple_List_1'] {
    padding-left: 5em;
    text-indent: 0em;
}
h1,
p[class = 'TOC Title'],
p.BiblioHead,
p.Box_Title1 {
    display: block;
    margin-top: 1em;
    margin-bottom: 0.5em;
    font-family: sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    color: #12659C;
    font-size: 140%;
}

h2
{  display: block;
    margin-top: 1em;
    margin-bottom: 0.5em;
    font-family: sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    color: #12659C;
    font-size: 130%;}

h3 { display: block;
    margin-top: 1em;
    margin-bottom: 0.5em;
    font-family: sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    color: #12659C;
    font-size: 120%;}


h4,
h5,
h6 {
    
    display: block;
    margin-top: 1em;
    margin-bottom: 0.5em;
    font-family: sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    color: #12659C;
    font-size: 100%;
    font-style: italic;
}

p[class = 'Table Title']{
    
    display: block;
    margin-top: 1em;
    margin-bottom: 0.5em;
    font-family: sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    color: #12659C;
    font-size: 120%;
}

h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5,
h5 + h6,
h2 + h2,
h3 + h3,
h4 + h4,
h5 + h5,
h6 + h6 {
    margin-top: -.25em;
}

p.Fig_Caption {
    display: block;
    margin-top: 0em;
    margin-bottom: 0.5em;
    font-family: sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    color: #12659C;
    font-size: 120%;
}

p[class = 'TOC Head2'] {
    margin-left: 2em;
    
}

p[class = 'TOC Head3'] {
    margin-left: 4em;
}

/*p.Footnote {
    display: inline;
}*/

.footnote-reference a {
    vertical-align: super;
    font-size: smaller;
}

.footnote a {
    vertical-align: baseline;
    font-size: smaller;
}

div.footnote + div.footnote {
    margin-top: 0em;
}

.Italic {
    font-style: italic;
}

em {
    font-style: italic;
}
strong {
    font-weight: bold;
}

dt {
    font-weight: bold;
    margin-top: .5em;
}

.DocID,
.Edition {
    display: block;
    margin-top: 0em;
    margin-bottom: 0em;
    font-family: sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    color: #12659C;
    font-size: 150%;
}

.TitlepageDocTitle {
    display: block;
    margin-top: 1em;
    margin-bottom: 0.5em;
    font-family: sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    color: #12659C;
    font-size: 175%;
}

/* NIST added style for Subtitle on 2/11/2021 */
.TitlepageDocSubtitle {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 2em;
    font-family: sans-serif;
    font-weight: bold;
    line-height: 1em;
    color: #12659C;
    font-size: 150%;
}

.eq-label {
    text-align: right;
}


.sidebar {
    color: #12659C;
    font-size: 18px;
    line-height: 1.5em;
    font-weight: bold;
}

.info {
    font-size: 12px;
    line-height: 1.4em;
    color: #696969;
}

img {
    background-color: white;
   border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
}
img.textbox {
    background-color: white;
   border: 1px solid #ddd;
    border-radius: 1px;
    padding: 1px;
   margin-left: 5em;
}
img.scaled {
  height: 90%;
  width: 90%;
}
/* NIST added style for imgheader on 12/10/2021 */
.imghead {
    background-color: transparent;
    margin: 15px; 
    border: 0px;
    border-radius: 0px;
    padding: 0px;
    font-size: 8px;
}
div {
    margin-top: 0.5em
}

section#Title {
    border-bottom: solid 1pt black;
    padding-bottom: 0.5em;
}

/* NIST added new style for front matter section  on 2/11/2021 */ 
section#FrontMatter{
    border-bottom: solid 1pt black;
    padding-bottom: 0.5em;
    
}
/* NIST added new style for keywords  on 2/11/2021 */ 
.Keywords{ 
   margin-top: 1.5em;
   line-height: 1.4em;}
   
/* NIST added new style for keywordstitle  on 2/11/2021 */ 
.KeywordsTitle{  
   
    font-weight: bold;
    color: #12659C;}
    
p.Author {
    margin-top: 1.5em;
    font-size: 14px;
    line-height: 1.4em;
    color: #000;
}

p.Author + p.Author {
    margin-top: 0em;
    font-size: 14px;
    line-height: 1.4em;
    color: #000;
}

p.Affiliation {
    margin-top: 0em;
    font-size: 14px;
    line-height: 1.4em;
    color: #000;
    font-style: italic;
}

p.Date {
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: 14px;
    line-height: 1.4em;
    color: #000;
}
p.TitlepageFreeAccessLicense {
    margin-top: 2em;
    margin-bottom: 0em;
    font-size: 14px;
    line-height: 1.4em;
    color: #000;
}

div.panel {
    background-color: white;
    font-size: 90%;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-top: 1.5em;
    margin-bottom: 1.5em

}

div.blockquote {
    font-size: 90%;
    margin-left: 3em;
    margin-right: 1em;
    margin-top: 0.5em;
    margin-bottom: 0.5em

}

div.caption {
    margin-top: 0.5em;
    margin-bottom: 0.5em

}
div.csrcrow {
    display: table-row;
    vertical-align: baseline;
    text-align: left;
     padding: 0px;
      line-height: 1.5em;
    font-size: 100%;
}
/*  NIST added logorow div for the DoC/NIST logos on 02/11/2021, revised on 12/20/2021  */  
div.logorow {
    display: table-row;
    vertical-align: middle;
    text-align: center;
     padding: 0px;
      line-height: 1.5em;
    font-size: 7px;
}

.column {
    float: left;
    width: 50%;
}

.columnSpan {
    margin-top: 1.2em;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

div.column img {
    margin-top: 0;
    vertical-align: middle;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
}

p {
    margin-top: 0.5em;
    margin-bottom: 0em;
}

table {
    width: 100%;
}

th, td {
    padding: 0.5em;
	
}

thead {
	font-weight: bold;
}

/* table.NIST_Report_Table, th, td  {
	border: 1px solid;
} */

div.table {
    display: table
}

div.row {
    display: table-row
}


div.cell {
    display: table-cell;
    padding-left: 0.25em;
    padding-right: 0.25em
}

.label {
    font-weight: bold;
    font-family: sans-serif;
}

.monospace, .Paragraph_Preformat {
    font-family: monospace;
}

.overline {
    text-decoration: overline;
}

sup, sub {
    font-size: 80%
}

.noLabel {
    list-style-type: none;
    counter-increment: none;
}

.inline_box {
    border: solid 1px black;
    margin-top: 1em;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
}

.Glossary_word {
    font-weight: bold;
}

p.Term + p.Definition {
    margin-top: 0em;
    margin-bottom: 1em;
}

.Box_Title2, .Box_Title3 {
    font-style: italic;
}

.Appendix_Text {
    margin-bottom: 1em;
}

.ListTitle {
    margin-top: 1em;
    margin-bottom: 0em;
    font-weight: bold;
}
.AcknowledgementMember {
    margin-top: 0em;
}

.Box_Num_Simple_List_1, .Num_Simple_List_1, .BiblioEntry {
    padding-left: 1.4em;
    text-indent: -1.4em;
}

.Box_Disp-Quote, .Display_Quote {
    padding-left: 4em;
    padding-right: 4em;
}

/* Added back to top button 12/29/2021 */
#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #12659C; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 14px; /* Increase font size */
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}