$doctype-colors-list: (

standard: #3D9970,
abstract-specification-topic: #3D9970,
reference-model: #3D9970,

best-practice: #39CCCC,
discussion-paper: #39CCCC,
white-paper: #39CCCC,
engineering-report: #39CCCC,

release-notes: #FFDC00,
user-guide: #FFDC00,

community-practice: #FF851B,
community-standard: #FF851B,

other: #0074D9,
policy: #0074D9,
change-request-supporting-document: #0074D9,

test-suite: #001F3F,

);

$docstage-colors-list: (

candidate: #8B9EB7,
working-draft: #8B9EB7,
proposal: #8B9EB7,
oab-review: #8B9EB7,
committee-draft: #8B9EB7,
swg-draft: #8B9EB7,

public-rfc: #48a0e7,

tc-vote: #fd06fd,

published: #9abd48,

deprecated: #7e0d13,
retired: #7e0d13,

);

@import 'base_style/all'; @import 'coverpage';

body {

@include bodyStyle1(
  $fontSize: $normalfontsize, $lineHeight: 1.5,
  $colorText: #00335b, $colorBackground: #f6f8fa,
  $fontWeight: 300);

@include sidebarNavContainer(360px);

}

// Scroll too wide source code dl {

grid-template-columns: minmax(0, 1fr) 93%;
pre {
  overflow-x: scroll;
}

}

toc {

@include toc($colorLink: #00335b, $colorLinkActiveBg: #00335b, $colorLinkActiveFg: white);

li a {
  font-size: 14px;
}

li:before {
  content: " ";
  display: none;
}

.toc-active, li:hover {
  font-weight: 600;
}

li:hover a {
   background: none;
   box-shadow: none;
}

}

nav {

@include sidebarNav(#f1f8ff, 323px, 45px);

@media screen and (min-width: $bigscreenBreakpoint) {
  marign-right: 30px;
}

}

toggle {

@include sidebarNavToggle(white, #00335b);

}

.rule {

@include rule(1px, #00335b, 2em 0);

&.toc {
  @include tocSeparator();
}

}

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

h1.toc-contents {
  margin-top: 1em;
}

ul#toc-list {
  padding: 0;
  margin: 0;
}

}

toc-list {

ul {
  margin-bottom: 0.25em;
}

li {
  list-style-type: none;
}

}

.figure {

@include figureBlock();

}

.document-stage-band {

@include docBand($order: 1, $textLength: 160px, $fontWeight: 300);

}

.document-type-band {

@include docBand($order: 2, $offset: 180px);
.document-type {
  top: 20px;
}

}

governance-band p.document-type {

font-weight: 400;
height: 230px!important;

}

standard-band p {

height: 135px;

}

proposal-band p {

height: 150px;

}

standard-band, published-band {

color: rgb(123, 168, 18);

}

standard, published {

color: #9ABD48;

}

p {

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

}

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

color: #00335b;
font-weight: 400;
margin-top: 1.6em;
margin-bottom: 0.3em;

}

h1 {

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

#content {
  margin-top: 2em;
}

}

h2 {

margin-top: 1.3em;
font-size: 1.7em;
font-weight: 300;

p {
  display: inline;
}

}

h3 {

margin-top: 1.3em;
font-size: 1.5em;
font-weight: 100;

}

h4 {

font-size: 1.4em;

}

.contact-info {

a:hover {
  text-decoration: underline;
  background: none;
  box-shadow: 0 0 0 0;
}
a, a:hover {
  color: #00335b;
}

padding: 2em;
margin-top: 5em;
width: 280px;
text-align: left;
border: #00335b solid 2px;
color: #00335b!important;
border-radius: 25px;

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

}

ul, ol {

margin-left: 1.2em;

}

ul {

> li {
  list-style: none;

  &:before {
    content: "\2014";
    display: inline-block;
    width: 1em;
    margin-left: -1em;
  }

  p:first-child {
    display: inline;
  }

  &:first-child {
    margin-top: 1em;
  }
}

}

ul ul > li:first-child {

margin-top: 0;

} ol ul > li:first-child {

margin-top: 0;

}

span.keyword {

font-weight: 600;

}

/* Tables */

table {

@include table($border: 1px solid black);

/*color: #010d16;*/

thead tr th {
  background-color: #5d99d6;
}

td, th {
  padding: 1em;
}

td.header {
  font-weight: 400;
}

} .docstage-box {

table,
table th,
table td {
  border: none
}

}

table.recommendtest {

@include table($border: none !important);

color: #010d16;

tr:nth-child(even) {
  background: #ffffff
}
tr:nth-child(odd) {
  background: #ffffff
}

thead tr th {
  background-color: #5d99d6;
}

td, th {
  padding: 1em;
}

td.header {
  font-weight: 400;
}

}

td > p:first-child, th > p:first-child {

margin-top: 0em;

} td > p:last-child, th > p:last-child {

margin-bottom: 0em;

}

p.TableTitle {

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

}

/* Terms */

.TermNum, .Terms, .AltTerms {

color: #00335b;
font-weight: 300;
font-family: $headerfont;

}

h2.TermNum {

margin-bottom: 0;

}

p.AltTerms {

font-size: 24px;
margin-top: 1em;

}

span.AdmittedLabel {

color: #00335b;
background-color: #CFE2F3;

}

/* Links, selection */

@include elementStyles(#2e81c2, white, #00335b);

/* Bibliograhy */

p.Biblio, p.NormRef {

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

}

/* Blocks */

.SourceTitle {

@include blockTitle();

}

pre {

@include sourceBlock(#f7f7f7);

font-family: $monospacefont;
font-variant-ligatures: none;

}

.Admonition {

@include admonitionBlock();
padding: 1em 1.2em 1.2em 1.2em;
margin: 1em 0 1em 0;
background-color: #fcad88;
border-top: 10px solid #eb5a06;
color: #290404;

&.Important {
  background-color: #f58cff;
  color: #5d1364;
  border-top: 10px solid #9503a8;
}

&.Warning {
  background-color: #ff989d;
  color: #270204;
  border-top: 10px solid #e4010c;
}

p, &.Important p, &.Warning p {
  margin: 0;
}

}

.figure, pre, .pseudocode {

background-color: #e1eef1;
color: #424242;
font-size: $monospacefontsize;

}

.Note {

background-color: #fff8bb;
color: #7d760b;
padding: 1.2em;
margin: 1em 0 1em 0;

p {
  margin: 0;
}

}

.example {

background-color: #e1eef1;
color: #424242;
padding: 1.2em;
margin: 2em 0 1em 0;
padding-left: 2em;

.example-title {
  font-weight: 700;
  text-transform: uppercase;
  margin-top:0;
  margin-left:-1.5em;
}

pre, .pseudocode {
  background: none;
}

}

.Quote {

@include blockquoteBlock(#e1eef1);

}

.formula {

@include formulaBlock(#f6f6f6);

}

.recommend, .recommendtest {

@include recommendationBlock();

}

.require, .requiretest {

@include recommendationBlock();

}

.permission, .permissiontest {

@include recommendationBlock();

}

.RecommendationTestTitle {

@include blockTitle();

}

/* .recommend {

&, .example_label {
  background-color: #f8ffbd;
}
.example_label {
  font-weight: bold;
}

}

.permission {

&, .example_label {
  background-color: #cdfdbe;
}
.example_label {
  font-weight: bold;
}

}

.require {

&, .example_label {
  background-color: #d3e6ff;
}
.example_label {
  font-weight: bold;
}

} */

.recommend {

@include recommendationBlock();

}

.require {

@include recommendationBlock();

}

.permission {

@include recommendationBlock();

}

tbody td.recommend p.RecommendationTitle, tbody td.recommend p.RecommendationTitle, tbody td.recommend p.RecommendationTitle {

font-weight: normal;
text-align: left;

}

myBtn {

@include toTopBtn(white, #00335b);

}

a.anchorjs-link {

@include anchorLink(#2e81c2);

}

@page {

margin: 2cm 1cm;

}

@media print {

h1, h2, h3, h4 {
  page-break-after: avoid;
  margin-top: 1.2em;
}

h1 {
  font-size: 1.5em;
  line-height: 1.5;

  &.content {
    margin-top: 2em;
    line-height: 2.5em;
  }
}

h2 {
  font-size: 1.2em
}

h3 {
  font-size: 1em;
}

.prefatory-section {
  page-break-before: always;
}

.note, .pseudocode {
  page-break-inside: avoid;
}

.Note {
  background-color: #fff495;
  color: #47430c;
  padding: 5px;
  margin: 2em 0 1em 0;

  p {
    padding: 0 5px 0 5px;
  }
}

nav {
  line-height: 1;
}

}

/* Footnotes */

a.footnote-number {

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

}

.footnote {

font-size: $footnotefontsize;

}

span.hi {

background-color: yellow;

}