@charset “UTF-8”; /*

0 CSS RESET

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

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

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

brochure-band {

background-color: #0AC442; }

brochure {

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

mise-en-pratique-band {

background-color: #540D6E; }

mise-en-pratique {

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

rapport-band {

background-color: #D183C9; }

rapport {

border-bottom: solid 3px #D183C9; }

monographie-band {

background-color: #65AFFF; }

monographie {

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

guide-band {

background-color: #3A405A; }

guide {

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

meeting-report-band {

background-color: #F26430; }

meeting-report {

border-bottom: solid 3px #F26430; }

technical-report-band {

background-color: #C84630; }

technical-report {

border-bottom: solid 3px #C84630; }

working-part-note-band {

background-color: #BFAE48; }

working-part-note {

border-bottom: solid 3px #BFAE48; }

strategy-band {

background-color: #BD9391; }

strategy {

border-bottom: solid 3px #BD9391; }

cipm-mra-band {

background-color: #004E64; }

cipm-mra {

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

resolution-band {

background-color: #53C170; }

resolution {

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

draft-proposal-band {

background-color: #39A0ED; }

draft-proposal {

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

draft-development-band {

background-color: #2D7393; }

draft-development {

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

in-force-band {

background-color: #53C170; }

in-force {

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

retired-band {

background-color: #2E382E; }

retired {

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

/*

1. HTML & Body

*/ 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;
font-weight: 400; }
body main {
  margin: 0 3em 0 6em; }
body pre * {
  font-family: {{bodyfont}} !important; }

main {

margin: 0 3em 0 6em; }

/*

2. Responsive navigation layout

*/ 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: #485094;
    text-decoration: none;
    display: block; }
    #toc ul a:hover {
      box-shadow: none;
      color: #485094; }
#toc .h2 {
  padding-left: 30px; }
#toc .h3 {
  padding-left: 50px; }
#toc .toc-active, #toc li:hover {
  background: #6C734A;
  box-shadow: inset -5px 0px 10px -5px #6C734A !important; }
  #toc .toc-active a, #toc li:hover a {
    color: #485094; }
@media print {
  #toc .toc-active, #toc li:hover {
    background: white;
    box-shadow: none !important; }
  #toc .toc-active a {
    color: #485094; }
  #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 .toc-active,
#toc li:hover {
  box-shadow: none !important; }
  #toc .toc-active a,
  #toc li:hover a {
    color: white;
    background: none;
    box-shadow: none; }
#toc li a {
  text-transform: uppercase; }
#toc ul a:hover {
  box-shadow: none;
  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: #6C734A;
  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; } }

@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; } }

div.figure {

line-height: 1.6em;
padding: 1.5em;
margin: 2em 0 1em 0;
overflow: auto; }
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; } }

.document-stage-band > :first-child {

font-weight: 300; }

p.document-stage {

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

governance-band p.document-type {

height: 230px !important; }

p.document-stage {

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

.coverpage-maturity {

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

/*

3. TYPOGRAPHY

*/ /*

3.1 Titles

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

font-family: {{headerfont}};
color: #6C734A;
font-weight: 300;
margin-top: 1.6em;
margin-bottom: 0.3em; }

h1 {

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

h1#content {

margin-top: 2em; }

h2 {

margin-top: 1.3em;
font-size: 1.3em;
font-weight: 400; }

h3 {

margin-top: 1.1em;
font-size: 1.1em;
font-weight: 100; }

.TermNum, .Terms, .AltTerms {

color: #6C734A;
font-weight: 100; }

h2.TermNum {

margin-bottom: 0; }

p.Terms {

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

p.AltTerms {

/*
  font-style: italic;
   */
font-size: 1.1em;
margin: 0; }

/*

3.2 Links

*/ a, a:visited {

text-decoration: none;
color: #485094; }

a:hover {

color: white;
background: #6C734A;
box-shadow: 3px 0 0 #6C734A, -3px 0 0 #6C734A; }

::selection, ::-moz-selection {

background: #6C734A;
color: white; }

/*

3.3 Lists

*/ ul, ol {

margin-left: 1.2em; }

ul li {

list-style: none; }

ul li:before {

content: "—";
display: inline-block;
width: 1em;
margin-left: -1.2em; }

ul li p {

display: inline; }

ul > li:first-child {

margin-top: 1em; }

ul ul > li:first-child {

margin-top: 0; }

ol ul > li:first-child {

margin-top: 0; }

toc-list ul {

margin-bottom: 0.25em; }

toc-list li {

list-style-type: none; }

toc li:before {

content: " ";
display: none; }

/* github.com/metanorma/metanorma-bipm/issues/47 */ ol {

counter-reset: alphabet; }

ol {

counter-reset: roman; }

ol ol {

counter-reset: none; }

ol > li {

list-style: none;
position: relative; }

ol ol > li {

list-style: inherit; }

ol > li:before {

counter-increment: alphabet;
content: counter(alphabet, lower-alpha) ") ";
position: absolute;
left: -1.4em; }

ol ol > li:before {

counter-increment: none;
content: initial; }

ol ol {

counter-reset: none; }

ol > li {

list-style: none;
position: relative; }

ol ol > li {

list-style: inherit; }

ol > li:before {

counter-increment: roman;
content: "(" counter(roman, lower-roman) ") ";
position: absolute;
left: -2.0em; }

ol ol > li:before {

counter-increment: none;
content: initial; }

/*

3.4 Rules

*/ .rule {

width: 100%;
height: 1px;
background-color: #0e1a85;
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: #f7f7f7;
font-size: {{monospacefontsize}};
line-height: 1.6em;
padding: 1.5em;
margin: 2em 0 1em 0;
overflow: auto; }
.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: #fff495;
color: #47430c;
padding: 1.2em;
margin: 1em 0 1em 0; }
.Note p {
  margin: 0; }

/*

3.8 Examples

*/ .example {

background-color: #e1eef1;
padding: 1.2em;
margin: 2em 0 1em 0;
text-align: left;
color: #424242;
padding-left: 2.7em; }
.example p {
  margin: 0; }
.example .example-title {
  font-weight: 700;
  text-transform: uppercase;
  margin-left: -1.5em; }
.example .example-title {
  margin-top: 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: 1px solid black;
  font-size: 0.95em; }
table th, table td {
  padding: 1em; }
table td.header {
  font-weigth: 400; }

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: #f2f2f2;
font-style: italic;
width: 80%;
padding: 1.5em;
margin-top: 2em;
margin-left: auto;
margin-right: auto; }

/*

3.12 Formulas

*/ .formula {

background-color: #f7f7f7;
padding: 1.5em;
margin-top: 2em;
text-align: center; }

/*

3.13 Contact Info

*/ .contact-info {

padding: 2em;
margin-top: 5em;
width: 250px;
text-align: left;
border: #6C734A solid 2px;
color: #6C734A !important;
border-radius: 25px; }

.contact-info a, .contact-info a:hover {

color: #6C734A; }

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

font-family: {{monospacefont}};
font-weight: 400; }

.contact-info .name {

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

.contact-info .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; }

h2 p {

display: inline; }

/*

4.0 Page header

*/ /*

4.1 Top Logo

*/ .icon-svg {

width: 100%;
color: #5ecf86; }

.wrapper-top {

background: linear-gradient(200deg, #007864, #6C734A);
color: #ffffff;
padding: 2em 0;
width: 100%; }

.wrapper-top-bottom {

width: 0;
height: 0;
border-top: 100px solid #6C734A;
border-right: 100px solid transparent;
position: absolute; }

.doc-number {

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

.coverpage-title {

padding-bottom: 0.5em;
font-family: {{headerfont}};
font-size: 1.2em;
line-height: 1.5em;
font-weight: 100;
padding-left: 1em;
padding-right: 1em;
text-transform: uppercase; }

.WordSection11 {

padding: 0 2em 0 3em; }

.info-section {

padding: 0 2em 0 5em; }

.prefatory-section {

padding: 0 3em 0 6em; }

.zzSTDTitle1, .MsoCommentText {

display: none; }

.coverpage {

text-align: center;
padding-left: 1.5em; }

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

font-family: {{bodyfont}};
text-transform: none;
font-weight: 300; }

.coverpage-tc-name {

font-size: 1.2em;
line-height: 1.2em;
margin: 0.25em 0; }

/*

4.2 Document Identity

*/ .coverpage-doc-identity {

font-size: 2em;
line-height: 2em; }

.coverpage-title .title-second {

font-size: 0.8em; }

.coverpage-title .title-third {

font-size: 0.6em; }

.coverpage-stage-block {

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

/*

4.3 Draft Warning

*/ .coverpage-warning {

border: #f36f36 solid 2px;
color: #f36f36 !important;
margin: 1em 2em;
color: #485094;
padding: 2em 1em 1em 1em;
border-radius: 25px; }

.coverpage-warning .title {

font-family: {{headerfont}};
font-weight: 300;
text-transform: uppercase;
font-size: 1.2em; }

/*

4.4 Copyright

*/ .copyright {

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

/* .copyright .name, .copyright .address {color: #485094;} */ /*

5.0 Other styles

*/ /* To top button */ 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: #1f8ca0;
opacity: 0.15;
color: white;
cursor: pointer;
padding: 10px 15px 10px 15px;
border-radius: 4px;
text-transform: uppercase; }
#myBtn:hover {
  opacity: 1; }
@media print {
  #myBtn {
    display: none; } }
#myBtn a.anchorjs-link:hover {
  background: none;
  color: #485094;
  box-shadow: none; }

@page {

margin: 2cm 1cm; }

@media print {

.document-info, nav, .copyright {
  page-break-before: always; }
h1, h2, h3, h4 {
  page-break-after: avoid;
  margin-top: 1.2em; }
.note, .figure, pre, .pseudocode, table {
  page-break-inside: avoid; }
.info-section {
  display: none; }
.coverpage {
  height: 23cm; }
.wrapper-top {
  top: 0;
  padding-top: 4cm;
  padding-bottom: 4cm; }
.wrapper-top-bottom {
  margin-top: -5px; }
#toggle, .document-stage-band,
.document-type-band, button#myBtn {
  display: none; }
.container {
  padding-left: 0; }
h1.content {
  margin-top: 2em;
  line-height: 2.5em; }
h1 {
  font-size: 1.5em;
  line-height: 1.5; }
h2 {
  font-size: 1.2em; }
h3 {
  font-size: 1em; }
.Note {
  background-color: #fff495;
  color: #47430c;
  padding: 5px;
  margin: 2em 0 1em 0; }
.Note p {
  padding: 0 5px 0 5px; }
.wrapper-top-bottom {
  display: none; } }