/*

0 CSS RESET

*/ /* meyerweb.com/eric/tools/css/reset/

v2.0 | 20110126
License: none (public domain)

*/ /* Colors Orange: #EE9C4F Blue: #69C5DC Drak Gray: #A5A8AB Gray: #69C5DC Light Gray: #F5F6F6 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, output, ruby, section, summary, time, mark, audio, video {

margin: 0;
padding: 0; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

border: 0;
font-size: 100%; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

vertical-align: baseline; }

html, body, div, span, applet, object, iframe, p, blockquote, a, abbr, acronym, address, big, cite, del, dfn, em, img, ins, q, s, small, strike, strong, sub, sup, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

font-family: {{bodyfont}}; }

code, pre, tt, kbd, samp {

font-family: {{monospacefont}};
font-variant-ligatures: none; }

code *, pre *, tt *, kbd *, samp * {

font-family: {{monospacefont}} !important;
font-variant-ligatures: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

display: block; }

table {

border-collapse: collapse;
border-spacing: 0; }

h1, h2, h3, h4, h5, h6 {

font-family: {{headerfont}}; }

blockquote, q {

quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

.h2Annex {

font-family: {{headerfont}}; }

dl {

display: grid;
grid-template-columns: max-content auto; }
dl dt p, dl dd p {
  margin-top: 0; }
dl dt {
  grid-column-start: 1; }
dl dd {
  grid-column-start: 2; }

b, strong {

font-weight: bold; }

div.document-stage-band, div.document-type-band {

background-color: #333333; }

a.FootnoteRef + a.FootnoteRef:before {

content: ", ";
vertical-align: super; }

.addition {

color: blue; }

.deletion {

color: red;
text-decoration: line-through; }

standard-band {

background-color: #0AC442; }

standard {

border-bottom: solid 3px #0AC442; }

directive-band {

background-color: #540D6E; }

directive {

border-bottom: solid 3px #540D6E; }

guide-band {

background-color: #D183C9; }

guide {

border-bottom: solid 3px #D183C9; }

specification-band {

background-color: #65AFFF; }

specification {

border-bottom: solid 3px #65AFFF; }

report-band {

background-color: #3A405A; }

report {

border-bottom: solid 3px #3A405A; }

amendment-band {

background-color: #F26430; }

amendment {

border-bottom: solid 3px #F26430; }

corrigendum-band {

background-color: #C84630; }

corrigendum {

border-bottom: solid 3px #C84630; }

administrative-band {

background-color: #BFAE48; }

administrative {

border-bottom: solid 3px #BFAE48; }

advisory-band {

background-color: #BD9391; }

advisory {

border-bottom: solid 3px #BD9391; }

proposal-band {

background-color: #39A0ED; }

proposal {

border-bottom: solid 3px #39A0ED; }

working-draft-band {

background-color: #2D7393; }

working-draft {

border-bottom: solid 3px #2D7393; }

committee-draft-band {

background-color: #2A6B7C; }

committee-draft {

border-bottom: solid 3px #2A6B7C; }

draft-standard-band {

background-color: #1C7F7A; }

draft-standard {

border-bottom: solid 3px #1C7F7A; }

final-draft-band {

background-color: #53C170; }

final-draft {

border-bottom: solid 3px #53C170; }

published-band {

background-color: #069E2D; }

published {

border-bottom: solid 3px #069E2D; }

withdrawn-band {

background-color: #004E64; }

withdrawn {

border-bottom: solid 3px #004E64; }

cancelled-band {

background-color: #2E382E; }

cancelled {

border-bottom: solid 3px #2E382E; }

body {

margin-left: auto;
margin-right: auto;
max-width: 100%;
font-size: {{normalfontsize}};
font-weight: 300;
line-height: 1.4em;
color: #1d1d1d;
background-color: #ffffff; }
body main {
  margin: 0 3em 0 6em; }

report {

border-bottom: none; }

main {

margin: 0 3em 0 6em; }

div.colophon {

margin: 0 3em 0 6em; }

toc {

font-family: {{bodyfont}};
font-weight: 400; }
#toc ul {
  margin: 0;
  padding: 0;
  list-style: none; }
  #toc ul li a {
    padding: 5px 10px; }
  #toc ul a {
    color: #69C5DC;
    text-decoration: none;
    display: block; }
    #toc ul a:hover {
      box-shadow: none;
      color: #69C5DC; }
#toc .h2 {
  padding-left: 30px; }
#toc .h3 {
  padding-left: 50px; }
#toc .toc-active, #toc li:hover {
  background: #69C5DC;
  box-shadow: inset -5px 0px 10px -5px #69C5DC !important; }
  #toc .toc-active a, #toc li:hover a {
    color: #69C5DC; }
@media print {
  #toc .toc-active, #toc li:hover {
    background: white;
    box-shadow: none !important; }
  #toc .toc-active a {
    color: #69C5DC; }
  #toc li:hover a {
    color: black; } }
@media screen and (max-width: 768px) {
  #toc {
    padding: 0 1.5em;
    overflow: visible; } }
#toc .toc-active a {
  color: white; }
#toc ul a:hover {
  color: white; }

@media screen and (min-width: 768px) {

nav {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 323px;
  font-size: 0.9em;
  overflow: auto;
  padding: 0 0 0 45px;
  background-color: #f7f7f7; } }

@media print {

nav {
  position: relative;
  width: auto;
  font-size: 0.9em;
  overflow: auto;
  padding: 0;
  margin-right: 0;
  background-color: white; } }

@media screen and (min-width: 768px) {

#toggle {
  position: fixed;
  height: 100%;
  width: 30px;
  background-color: #69C5DC;
  color: white !important;
  cursor: pointer;
  z-index: 100; }
  #toggle span {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%); } }

@media screen and (max-width: 768px) {

#toggle {
  display: none; } }

@media print {

#toggle {
  display: none; } }

myBtn {

font-family: {{monospacefont}};
font-variant-ligatures: none;
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
font-size: 12px;
border: none;
outline: none;
background-color: #69C5DC;
opacity: 0.15;
color: white;
cursor: pointer;
padding: 10px 15px 10px 15px;
border-radius: 4px; }
#myBtn:hover {
  opacity: 1; }
@media print {
  #myBtn {
    display: none; } }
#myBtn a.anchorjs-link:hover {
  background: none;
  color: #485094;
  box-shadow: none; }

/*

2. Responsive navigation layout

*/ @media screen and (min-width: 768px) {

.container {
  padding-left: 360px; }
.rule.toc {
  display: none; }
h1.toc-contents {
  margin-top: 1em; }
ul#toc-list {
  padding: 0;
  margin: 0; }
nav {
  padding-left: 45px; } }

div.figure {

line-height: 1.6em;
padding: 1.5em;
margin: 2em 0 1em 0;
overflow: auto;
padding: 1.2em 1.2em 1.2em 2.2em;
margin: 2em 0 2em -1em; }
div.figure .FigureTitle, div.figure .figure-title {
  font-weight: 700;
  font-size: 1em;
  text-align: center; }
div.figure > img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  max-width: 100%;
  height: auto; }

/*

Document types + stages

*/ .document-type-band {

left: 0;
top: 180px;
height: 100%;
position: fixed;
display: block;
z-index: 102; }
.document-type-band > :first-child {
  position: relative;
  width: 25px;
  font-weight: 400;
  color: white;
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: 400;
  letter-spacing: 0.05em;
  margin: 0;
  margin-left: 6px;
  writing-mode: tb-rl;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  white-space: nowrap;
  display: block;
  bottom: 0; }
@media print {
  .document-type-band {
    display: none; } }
.document-type-band .document-type {
  top: 20px; }

.document-stage-band {

left: 0;
top: 0;
height: 100%;
position: fixed;
display: block;
z-index: 101;
box-shadow: -5px 0px 10px #1d1d1d; }
.document-stage-band > :first-child {
  position: relative;
  width: 25px;
  font-weight: 400;
  height: 150;
  color: white;
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: 400;
  letter-spacing: 0.05em;
  margin: 0;
  margin-left: 6px;
  writing-mode: tb-rl;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  white-space: nowrap;
  display: block;
  bottom: 0; }
@media print {
  .document-stage-band {
    display: none; } }

p.document-stage {

position: relative;
width: 25px;
font-weight: 400;
height: 120;
color: white;
text-transform: uppercase;
font-size: 0.9em;
font-weight: 400;
letter-spacing: 0.05em;
margin: 0;
margin-left: 6px;
writing-mode: tb-rl;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
white-space: nowrap;
display: block;
bottom: 0; }

governance-band p.document-type {

height: 230px !important; }

p.document-stage {

font-weight: 300;
height: 160px; }

standard-band {

background-color: #0ac442; }

standard {

border-bottom: solid 3px #0ac442; }

governance {

border-bottom: solid 3px #750697; }

governance-band {

background-color: #750697; }

guide {

border-bottom: solid 3px #48a0e7; }

guide-band {

background-color: #48a0e7; }

.coverpage-maturity {

font-family: {{bodyfont}};
font-weight: 400;
font-size: 1em;
margin: 0 0 2em 0;
text-transform: uppercase; }

proposal {

border-bottom: solid 3px #00BFFF; }

proposal-band {

background-color: #00BFFF; }

working-draft {

border-bottom: solid 3px #fda706; }

working-draft-band {

background-color: #F22E15; }

committee-draft {

border-bottom: solid 3px #fd06fd; }

committee-draft-band {

background-color: #fd06fd; }

draft-standard {

border-bottom: solid 3px #fdf906; }

draft-standard-band {

background-color: #fdf906; }

final-draft {

border-bottom: solid 3px #7e0d13; }

final-draft-band {

background-color: #7e0d13; }

standard {

border-bottom: solid 3px #69C5DC; }

published-band {

background-color: #69C5DC; }

obsolete {

border-bottom: solid 3px #7e0d13; }

obsolete-band {

background-color: #7e0d13; }

/*

3. TYPOGRAPHY

*/ /*

3.1 Titles

*/ h1, h2, h3, h4, h5, h6 {

font-family: {{headerfont}};
color: black;
font-weight: 600;
margin-top: 2em;
margin-bottom: 0.3em; }

h1 {

font-size: 1.4em;
text-transform: uppercase;
margin-top: 2em; }

h1#content {

margin-top: 2em; }

h2 {

font-size: 1.3em; }

h3 {

font-size: 1.1em; }

@media screen {

span[id^="toc"]:after {
  float: left;
  padding-right: 4px;
  margin-left: -20px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 0.8em;
  color: #cfcfcf;
  content: "\f0c1"; } }

.TermNum, .Terms, .AltTerms {

color: black;
font-weight: 400; }

p.TermNum {

font-size: 0.9em;
line-height: 1em;
margin: 0;
margin-top: 2em; }

p.Terms {

font-size: 1.1em;
line-height: 1.7em;
margin: 0; }

p.AltTerms {

font-style: italic;
margin: 0; }

/* span.obligation {

font-weight: 400;

} */ /*

3.2 Links

*/ a, a:visited {

text-decoration: none;
color: #69C5DC; }

a:hover {

color: white;
background: #69C5DC;
box-shadow: 3px 0 0 #69C5DC, -3px 0 0 #69C5DC; }

::selection, ::-moz-selection {

background: #69C5DC;
color: white; }

/*

3.3 Lists

*/ ul, ol {

margin-left: 0.5em; }

toc ul {

margin-bottom: 0.25em; }

toc li {

list-style-type: none; }

/*

3.4 Rules

*/ .rule {

width: 100%;
height: 1px;
background-color: #F22E15;
margin: 2em 0; }

/*

3.5 Bibliograhy

*/ p.Biblio, p.NormRef {

margin-top: 1em;
margin-left: 2em; }

/*

3.6 Source Code + figures

*/ .figure, pre, .pseudocode {

background-color: #F5F6F6;
font-size: {{monospacefontsize}};
line-height: 1.6em;
padding: 1.5em;
margin: 2em 0 1em 0;
overflow: auto;
padding: 1.2em 1.2em 1.2em 2.2em;
margin: 2em 0 2em -1em;
color: #5b5e5f;
border-left: solid 5px #69C5DC; }
.figure .SourceTitle,
pre .SourceTitle,
.pseudocode .SourceTitle {
  font-weight: 700;
  font-size: 1em;
  text-align: center; }

pre {

font-family: {{monospacefont}};
font-variant-ligatures: none; }

.AdmonitionTitle {

font-weight: 700;
font-size: 1em;
text-align: center; }

.RecommendationTitle {

font-weight: 700;
font-size: 1em;
text-align: center; }

.FigureTitle, .SourceTitle {

font-weight: 700;
font-size: 1em;
text-align: center; }

/*

3.7 Notes

*/ .Note {

background-color: #F5F6F6;
border-left: solid 5px #69C5DC;
color: #5b5e5f;
padding: 1.2em 1.2em 1.2em 2.2em;
margin: 2em 0 2em -1em; }

.Admonition {

background-color: #ffcccc;
border-left: solid 5px #69C5DC;
color: #5b5e5f;
padding: 1.2em 1.2em 1.2em 2.2em;
margin: 2em 0 2em -1em; }

/*

3.8 Examples

*/ .example {

background-color: #e1eef1;
padding: 1.2em;
margin: 2em 0 1em 0;
text-align: left;
color: #424242;
padding-left: 2.7em;
border-left: solid 5px #69C5DC;
color: #5b5e5f;
margin: 2em 0 2em -1em; }
.example p {
  margin: 0; }
.example .example-title {
  font-weight: 700;
  text-transform: uppercase;
  margin-left: -1.5em; }
.example .example-title {
  margin-top: 0; }
.example p {
  margin: 0; }
.example pre,
.example .pseudocode {
  background: none; }

/*

3.9 Tables

*/ table {

width: 100%;
font-weight: 300;
margin: 1em 0 2em 0;
margin-left: auto;
margin-right: auto;
padding-right: 2em; }
table, table th, table td {
  border: solid 1px #F5F6F6 !important;
  font-size: 0.95em; }
table th, table td {
  padding: 1em; }
table td.header {
  font-weigth: 400; }
table th,
table td {
  border: none !important;
  font-size: 0.95em; }

tr:nth-child(even) {

background-color: #FBF9F8; }

thead {

background-color: #69C5DC;
color: white;
border: none; }

p.TableTitle {

text-align: center;
margin-top: 2.5em;
font-weight: 400; }

/*

3.10 Footnotes

*/ a.footnote-number {

vertical-align: super;
font-size: 0.8em; }

.footnote {

font-size: {{footnotefontsize}}; }

/*

3.11 Blockquotes

*/ .Quote {

background-color: #f7f7f7;
font-style: italic;
width: 80%;
padding: 1.5em;
margin-top: 2em;
margin-left: auto;
margin-right: auto; }

.QuoteAttribution {

text-align: right; }

/*

3.12 Formulas

*/ .formula, .Formula {

background-color: #F5F6F6;
border-left: solid 5px #69C5DC;
color: #5b5e5f;
padding: 1.2em 1.2em 1.2em 2.2em;
margin: 2em 0 2em -1em;
text-align: center; }

/*

3.13 Contact Info

*/ .contact-info {

background-color: #f7f7f7;
padding: 2em;
margin-top: 5em;
width: auto;
margin-left: auto;
margin-right: auto;
text-align: left; }

.contact-info p, .contact-info a {

font-family: {{monospacefont}};
font-variant-ligatures: none;
font-weight: 400; }

boilerplate-name {

font-weight: 700;
font-size: 1.2em;
margin-bottom: 0; }

boilerplate-address {

font-size: 1em;
line-height: 1.3em;
margin-top: 0; }

/*

Keywords

*/ span.keyword {

font-weight: 600; }

/*

Paragraphs

*/ p {

margin-top: 1em;
margin-bottom: 1em; }

/* Admonitions */ .Admonition, .admonition {

background-color: #ffb3b3;
/* color: #47430c;*/
padding: 0.5em;
margin: 1.5em 0 1.5em 0;
text-align: left; }

.Admonition p, .admonition p {

margin: 0; }

/*

4.0 Page header

*/ /*

4.1 Top Logo

*/ .coverpage {

/*background: radial-gradient(#2D5D8E, #0D1E2B);*/
/*background-image: url("img/dots@2x.png");*/
color: black;
padding: 2em 0 0 2em; }

.doc-number {

font-size: 0.5em;
font-family: {{bodyfont}}; }

.coverpage-title {

padding-bottom: 0.5em;
font-family: {{headerfont}};
font-size: 1.5em;
font-weight: 900; }

.coverpage-date {

font-family: {{headerfont}};
font-weight: 900; }

.prefatory-section {

padding: 0 2em 0 3em; }

.zzSTDTitle1, .MsoCommentText {

display: none; }

.coverpage {

text-align: center; }

.coverpage-logo {

margin-top: 2em;
margin-bottom: 2em;
background-color: white; }

.coverpage-logo img {

width: 400px;
height: auto; }

.coverpage-logo span, .coverpage-tc-name span {

font-family: {{bodyfont}};
text-transform: uppercase;
font-weight: 300;
display: block; }

/*

.coverpage-tc-name {
  font-size: 1.2em;
  line-height: 1.2em;
  margin: 0.25em 0;
}
*/

/*

4.2 Document Identity

*/ .titles {

background-color: #69C5DC; }

.title-first {

font-size: 2em;
line-height: 2em;
padding-bottom: 1em;
font-weight: 900;
text-transform: uppercase;
background-color: #69C5DC;
color: white; }

.title-second {

font-size: 1.5em;
line-height: 2em;
margin-top: 3em;
padding-top: 1em;
font-weight: 600;
text-transform: uppercase;
color: white; }

.docinfo {

margin-top: 2em;
margin-bottom: 3em; }

.coverpage-doc-identity {

min-height: 100px;
width: 100%;
background-size: 240px 80px;
margin: auto; }

.coverpage-title .title-second {

display: none; }

.coverpage-stage-block {

font-family: {{bodyfont}};
font-weight: 700;
font-size: 1em;
margin: 1em 0em 1em 0em;
text-transform: uppercase; }

.section-title {

background-color: #69C5DC;
padding: 1em 2em 1em 5.5em;
margin: 4em -3em 3em -5em;
border-bottom: 4px solid #F22E15; }

.section-title h1 {

font-size: 2em;
font-weight: 800;
line-height: 1em;
margin-top: 0.5em;
margin-bottom: 0;
color: white;
text-transform: none; }

h2 {

border-bottom: solid 1px #69C5DC;
color: black; }

/*

4.3 Draft Warning

*/ .coverpage-warning {

border-top: solid 1px #F22E15;
border-bottom: solid 1px #F22E15;
margin: 1em 2em;
color: black;
padding: 1em; }

.coverpage-warning .title {

color: #F22E15;
font-family: {{headerfont}};
font-weight: 700;
text-transform: uppercase;
font-size: 1.2em; }

/*

4.4 Copyright

*/ .copyright {

padding: 1em;
font-size: 0.8em;
text-align: left; }

.contact-info {

color: black; }

/*

5.0 Other styles

*/ a.anchorjs-link:hover {

background: none;
color: #485094;
box-shadow: none; }

@page {

margin: 1cm; }

@media print {

.section-title {
  page-break-before: always; }
#toggle, .document-stage-band,
.document-type-band {
  display: none; }
.container {
  padding-left: 0; } }