$recBandColor: a3d88f; $tecPaperColor: ff6b6b; $guidePaperColor: #750697; $doctype-colors-list: (

recommendation: $recBandColor,
recommendation-amendment: $recBandColor,
recommendation-supplement: $recBandColor,
recommendation-corrigendum: $recBandColor,
recommendation-errata: $recBandColor,
recommendation-annex: $recBandColor,
technical-paper: $tecPaperColor,
technical-report: $tecPaperColor,
focus-group: $guidePaperColor,
implementers-guide: $guidePaperColor,
joint-itu-iso-iec: #edc9ff,
service-publication: $guidePaperColor,
resolution: #f2b79f,
handbook: $guidePaperColor,
question: $guidePaperColor

);

$docstage-colors-list: (

in-force: #d9f39d,
in-force-prepublished: #fdf906,
superseded: #fd06fd,
superseded-draft: #fd06fd,
withdrawn: #7e0d13,

);

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

dl.glossary dt {

font-weight: bold;

}

body {

@include bodyStyle1($normalfontsize, 1.6em, #141115, #fff);

}

nav {

@include sidebarNav(
  $offsetLeft: 45px,
  $colorBg: #fff,
  $width: 323px);

#toc {
  @include sidebarToc();
}

}

toc {

font-family: $bodyfont;
font-weight: 400;

@include toc($colorLink: #141115, $colorLinkActiveBg: #da1d52, $colorLinkActiveFg: white);

.h1 {
  text-transform: uppercase;
}

li {
  a {
    font-size: $normalfontsize;
  }
  &:hover a {
    background: none;
    box-shadow: none;
  }
  &:before {
    content: " ";
    display: none;
  }
}

@media print {
  .toc-active a {
    color: #4D7EA5;
  }

  .toc-active, li:hover {
    background: white;
    box-shadow: none !important;
  }

  li:hover a {
    color: black;
  }
}

}

toc-list {

ul {
  margin-bottom: 0.25em;
}
li {
  list-style-type: none;
}

}

toggle {

@include sidebarNavToggle(
  $colorBg: #da1d52,
  $colorFg: white);

}

.container {

@include sidebarNavContainer(360px);

}

.rule {

@include rule(1px, #00539F, 2em 0);

&.toc {
  @include tocSeparator();
}

} .rule-2 {

width: 100%;
height: 1px;
background-color: #00539F;

} .rule-thick {

width: 100%;
height: 3px;
background-color: #00539F;
margin-top: 3em;

}

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

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

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

}

.figure {

@include figureBlock();
@include monospaceBlockStyle();

background-color: #f6f6f6;
font-size: $monospacefontsize;

}

.SourceTitle {

@include blockTitle();

}

pre {

@include sourceBlock(#f6f6f6);
font-size: $monospacefontsize;

}

.example pre, .example .pseudocode {

background: none;
margin: 0;
padding: 0 0 0 2em;

}

.document-stage-band {

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

} .document-type-band {

@include docBand($order: 2, $offset: 180px);

.document-type {
  top: 20px;
}

}

.logo-wrapper {

width: 100%;
display: block;
height: 100px;
padding-top: 75px;
position:relative;

img, svg {
  float: right;
  padding-right: 42px;
}

}

#ITU-logo {

width: 150px;
height: auto;
margin-left: auto;

}

svg {

position:absolute;
top:0;
right:0;
bottom:0;
left:0;

}

.authors-container {

margin-top: 2em;

}

.affiliation {

font-style: italic;

}

/* Headings */

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

font-weight: 400;
margin-top: 1.6em;
margin-bottom: 0.3em;

}

h1, h2, h3, h4, .h1Annex {

@media print {
  page-break-after: avoid;
  margin-top: 1.2em;
}

}

h1, .h1Annex {

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

&#content {
  margin-top: 2em;
}

@media print {
  font-size: 1.5em;
  line-height: 1.5;

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

}

p.supertitle {

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

@media print {
  font-size: 1.5em;
  line-height: 1.5;

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

}

h2 {

margin-top: 1.7em;
font-size: 1.5em;

p {
  display: inline;
}

@media print {
  font-size: 1.2em;
}

}

h3 {

margin-top: 1.5em;
font-size: 1.4em;

@media print {
  font-size: 1em;
}

}

h4 {

font-size: 1.2em;

}

/* Terms */

.TermNum, .Terms, .AltTerms {

font-weight: 400;

}

h2.TermNum {

margin-bottom: 0;

}

p.AltTerms {

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

}

/* Links, selection */

a, a:visited {

text-decoration: none;
color: #00539F;

}

a:hover {

color: white;
background: #00539F;
box-shadow: 3px 0 0 #00539F, -3px 0 0 #00539F;

}

::selection {

background: #00539F; /* WebKit/Blink Browsers */
color: white;

} ::-moz-selection {

background: #00539F; /* Gecko Browsers */
color: white;

}

/* Lists */

ul, ol {

margin-left: 1.2em;

}

ul {

> li {
  list-style: none;

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

  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;

}

/* Bibliograhy */

p.Biblio, p.NormRef {

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

}

/* Blocks */

.Note {

background-color: #ffca3a;
color: #141115;
padding: 1.2em;
margin: 1em 0 1em 0;

p {
  margin: 0;
}

}

.Admonition {

background-color: #ffcccc;
color: #47430c;
padding: 1.2em;
margin: 1em 0 1em 0;

p {
  margin: 0;
}

}

.example {

@include exampleBlock(#e1eef1, null, 1.2em, 2em);

.example-title {
  margin-top: 0;
  margin-left: -1.5em;
}

pre, .pseudocode {
  background: none;
  margin: 0;
  padding: 0 0 0 2em;
}

}

.pseudocode {

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

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

}

.recommend {

background-color: #ccffcc;
padding: 1.2em;
margin: 2em 0 1em 0;

}

.recommend {

@include recommendationBlock();

}

.require {

@include recommendationBlock();

}

.permission {

@include recommendationBlock();

}

/* Tables */

table.biblio td {

padding-right: 0.5em;

}

table:not(.biblio) {

@include table($border: none);

&, th, td {
  border: none !important;
}

color: #141115;

tr:nth-child(even) {
  background: #f1f8ff;
}
tr:nth-child(odd) {
  background: #f6f8fa;
}

}

p.TableTitle {

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

}

/* Footnotes */

a.footnote-number {

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

}

.footnote {

font-size: $footnotefontsize;

}

.Quote {

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

}

.formula {

@include formulaBlock(#f6f6f6);

}

dl.formula_dl { background-color: f6f6f6; margin-left: 1.4cm; margin-right: 1.4cm; }

.contact-info {

padding: 2em;
margin-top: 5em;
width: 280px;
text-align: left;
color: #00539F!important;
background-color: #f1f8ff;
border-radius: 25px;

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

p, a {
  font-family: $monospacefont;
  font-variant-ligatures: none;
  font-weight: 400;
}

.name {
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 5px;
}

.address {
  font-size: 12px;
  line-height: 1.3em;
  margin-top:0;
}

}

span.keyword {

font-weight: 600;

}

p {

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

}

myBtn {

@include toTopBtn($color: white, $colorBg: #00539F);

@media print {
  background-color: white;
}

}

a.anchorjs-link {

@include anchorLink(#2e81c2);

}

@page {

margin: 2cm 1cm;

}

@media print {

.document-info,  nav {
  page-break-before: always;
}

nav {
  page-break-after: always;
  line-height: 1;
  position: relative;
  width: auto;
  font-size: 0.9em;
  overflow: auto;
  padding: 0;
  margin-right: 0;
  background-color: white;
}

.note, .figure, pre, table {
  page-break-inside: avoid;
}

.wrapper-top {
  top: 0;
  padding-top: 4cm;
  padding-bottom: 4cm;
}

.wrapper-top-bottom {
  margin-top: -5px;
  display: none;
}

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

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

}