/* This style sheet is for web output only */
/* @import url("common.css"); /* for all outputs */
/* The web fonts defined */
@font-face {
  font-family: "Circular-Book-S";
  src: url(../fonts/lineto-circular-book.eot?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt);
  src: url(../fonts/lineto-circular-book.eot?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt&#iefix) format("embedded-opentype"), url(../fonts/lineto-circular-book.woff?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Circular-BookItalic-S";
  src: url(../fonts/lineto-circular-bookItalic.eot?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt);
  src: url(../fonts/lineto-circular-bookItalic.eot?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt&#iefix) format("embedded-opentype"), url(../fonts/lineto-circular-bookItalic.woff?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Circular-Medium-S";
  src: url(../fonts/lineto-circular-medium.eot?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt);
  src: url(../fonts/lineto-circular-medium.eot?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt&#iefix) format("embedded-opentype"), url(../fonts/lineto-circular-medium.woff?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Circular-MediumItalic-S";
  src: url(../fonts/lineto-circular-mediumItalic.eot?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt);
  src: url(../fonts/lineto-circular-mediumItalic.eot?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt&#iefix) format("embedded-opentype"), url(../fonts/lineto-circular-mediumItalic.woff?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Circular-Bold-S";
  src: url(../fonts/lineto-circular-bold.eot?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt);
  src: url(../fonts/lineto-circular-bold.eot?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt&#iefix) format("embedded-opentype"), url(../fonts/lineto-circular-bold.woff?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Circular-BoldItalic-S";
  src: url(../fonts/lineto-circular-boldItalic.eot?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt);
  src: url(../fonts/lineto-circular-boldItalic.eot?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt&#iefix) format("embedded-opentype"), url(../fonts/lineto-circular-boldItalic.woff?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Circular-Black-S";
  src: url(../fonts/lineto-circular-black.eot?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt);
  src: url(../fonts/lineto-circular-black.eot?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt&#iefix) format("embedded-opentype"), url(../fonts/lineto-circular-black.woff?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Circular-BlackItalic-S";
  src: url(../fonts/lineto-circular-blackItalic.eot?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt);
  src: url(../fonts/lineto-circular-blackItalic.eot?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt&#iefix) format("embedded-opentype"), url(../fonts/lineto-circular-blackItalic.woff?orgId=00D37000000IySt&orgId=00Dg0000006HfS7&orgId=00D37000000IySt) format("woff");
  font-weight: normal;
  font-style: normal;
}
/* cover page widgets */
div.titlediv {
  /* the h1.cover-title goes in this div */
  border-bottom: 2px solid var(--dmrc_blue);
  margin-bottom: 0;
}
h1.cover-title {
  font-family: "Circular-Book-S";
  font-size: 40px;
  font-weight: 500;
  /* we prefer semibold but such a thing doesn't exist */
  margin-bottom: 0;
  padding-bottom: 0;
  break-before: avoid;
  break-after: avoid;
  color: var(--dmrc_black);
}
h2.cover-subtitle {
  font-family: "Circular-Book-S";
  font-size: 30px;
  font-weight: 900;
  color: var(--dmrc_blue);
  margin-bottom: -5px;
  padding-top: -2em;
  padding-bottom: 0;
  margin-left: 0em;
  margin-right: -10px;
  break-before: avoid;
  break-after: avoid;
}
h3.cover-version {
  font-family: "Circular-Book-S";
  font-size: 30px;
  font-weight: 900;
  color: var(--dmrc_black);
  margin-bottom: -5px;
  padding-top: 5em;
  padding-bottom: 0;
  margin-left: 0em;
  margin-right: -10px;
  break-before: avoid;
  break-after: avoid;
}
div.coverimgdiv {
  /* the img.coverimg goes in this div */
  margin-bottom: 20em;
}
img.coverimg {
  float: right;
  /* margin-bottom: 30em; */
}
/* basic settings */
body {
  font-family: "Circular-Book-S";
  font-size: 1em;
  color: var(--dmrc_black);
  padding-left: .5em;
}
.dmrc_blue {
  color: var(--dmrc_blue) !important;
}
html,
body,
p,
td,
ol,
ul,
li,
dl,
dd,
input,
label,
figcaption,
div,
span {
  font-family: "Circular-Book-S";
  font-weight: 400;
  font-style: normal;
  color: var(--dmrc_black);
}
a {
  font-family: "Circular-Book-S";
  font-weight: 400;
  text-decoration: underline;
  color: var(--dmrc_blue);
}
a:visited {
  color: var(--dmrc_navy);
}
a:hover {
  color: var(--dmrc_blue);
}
h1,
h3,
h4,
h5,
h6,
th,
dt {
  font-family: "Circular-Book-S";
  font-weight: 700;
  font-style: normal;
  text-transform: none;
  color: var(--dmrc_black);
}
h1 {
  font-size: 1.5em;
  text-transform: none;
  page-break-before: always;
}
h2 {
  font-family: "Circular-Book-S";
  font-weight: 700;
  font-style: normal;
  color: var(--dmrc_navy);
  font-size: 1.3em;
  text-transform: none;
	margin-bottom: 1.2em;
	margin-top: 2.5em;
}
h2#StartNewPage {
  /* starts new page in PDF; not for web use */
  page-break-before: auto;
}
h3 {
  font-size: 1.1em;
  padding-bottom: .5em;
	margin-bottom: .9em;
	margin-top: 2.0em;
}
h3#StartNewPage {
  /* starts new page in PDF; not for web use */
  page-break-before: auto;
}
h4 {
  font-size: 1em;
}
h4.StartNewPage {
  /* starts new page in PDF; not for web use */
  page-break-before: auto;
}
h5 {
  font-size: 1em;
  font-style: italic;
}
h6 {
  /* This is like a p but bold */
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.StartNewPage {
  /* starts new page in PDF; not for web use */
  page-break-before: auto;
}
p.articleSummary {
  color: var(--dmrc_blue);
  /* blue for web, black for print */
}
p.articleSummary a {
  color: var(--dmrc_blue);
}
p.articleSummary a:hover {
  color: var(--dmrc_navy);
}
p.articleSummary a.tooltip {
  font-style: italic !important;
  text-decoration: none;
}
p.articleSummary a.glossterm {
  font-style: italic !important;
}
p.attn_tip a.glossterm {
  font-style: italic !important;
  color: var(--dmrc_dkgreen) !important;
}
p.attn_tip a.glossterm:hover {
  font-style: italic !important;
  color: var(--dmrc_black) !important;
}
p.attn_tip a.tooltip {
  font-style: italic !important;
  color: var(--dmrc_black) !important;
}
p.attn_tip a.tooltip:hover {
  font-style: italic !important;
  color: var(--dmrc_dkgreen) !important;
}
p.attn_note a.glossterm {
  color: var(--dmrc_blue) !important;
}
p.attn_note a.glossterm:hover {
  color: var(--dmrc_black) !important;
}
p.attn_note a.tooltip {
  color: var(--dmrc_black) !important;
}
p.attn_note a.tooltip:hover {
  color: var(--dmrc_blue) !important;
}
p.attn_warning a.glossterm {
  color: var(--dmrc_gold) !important;
}
p.attn_warning a.glossterm:hover {
  color: var(--dmrc_black) !important;
}
p.attn_warning a.tooltip {
  color: var(--dmrc_black) !important;
}
p.attn_warning a.tooltip:hover {
  color: var(--dmrc_gold) !important;
}
p.attn_caution a.glossterm {
  color: var(--dmrc_orange) !important;
}
p.attn_caution a.glossterm:hover {
  color: var(--dmrc_black) !important;
}
p.attn_caution a.tooltip {
  color: var(--dmrc_black) !important;
}
p.attn_caution a.tooltip:hover {
  color: var(--dmrc_orange) !important;
}
p.h2 {
/*   same appearance as H2 but without appearing in the ToC */
  font-family: "Circular-Book-S";
  font-weight: 700;
  font-style: normal;
  color: var(--dmrc_navy);
  font-size: 1.3em;
  text-transform: none;
}
p.h3 {
  /* This is like a p but bigger and bold */
  /* This is intended to NOT be in the ToC */
  font-size: 1.15em;
  font-weight: bold;
  font-style: normal;
}
p.h6 {
  /* This is like a p but bold */
  font-weight: bold;
  font-style: normal;
}
p.footnote {
  font-size: small;
  margin-bottom: 1em;
}
figure {
  margin: 0;
  padding: 0;
}
figcaption {
  margin-bottom: 1em;
  font-weight: bold;
  text-align: left;
  margin-top: 1em;
}
/* for signalling something new has been added in the doc, nothing more */
p.flag_new::before {
  content: " NEW: ";
  background-color: var(--dmrc_red);
  color: white;
  padding: 3px;
  border-radius: 3px;
}
/* for signalling the tech writer has a question */
p.flag_twquestion::before {
  content: " QUESTION: ";
  background-color: var(--dmrc_dkgreen);
  color: white;
  padding: 3px;
  border-radius: 3px;
}
strong,
b {
  font-weight: 700;
}
em,
i {
  font-style: italic;
}
a.glossterm {
  font-style: italic !important;
  text-decoration: none !important;
}
/* the compiled help lists them as a.tooltip */
a.tooltip {
  font-style: italic !important;
  text-decoration: none;
  color: var(--dmrc_navy);
}
/* code formatting */
p.code {
  margin-top: 10px;
  padding: 10px;
  font-family: "Courier New", Courier, monospace;
  color: var(--dmrc_black);
  font-size: .9em;
}
p.code a {
  font-family: "Courier New", Courier, monospace;
}
/* div.codeDarkBackground {
  font-family: inherit;
  padding: 10px;
  border-radius: 5px;
  border-color: var(--dmrc_black);
  border-width: 1px;
  border-style: solid;
  background-color: var(--dmrc_black);
  color: var(--dmrc_white);
}
.codeDarkBackground p {
  color: var(--dmrc_white);
}
.codeDarkBackground a {
  color: var(--dmrc_blue);
}
.codeDarkBackground>.codeList ul li {
  font-family: source-code-pro, "Courier New", Courier, monospace;
  color: var(--dmrc_white);
}
div.codeList ul li {
  font-family: source-code-pro, "Courier New", Courier, monospace;
  color: inherit;
  font-size: .9em;
}
span.greenSpan {
  color: var(--dmrc_white);
  font-size: inherit;
  font-family: inherit;
}
span.codeInline {
  font-family: 'Courier New', Courier, monospace;
  font-size: .9em;
} */
span.requiredFlag {
  color: var(--dmrc_red);
}
span.notranslate {
  /* this tells Google not to translate the text */
  /* just adding the font-size to remove complaints about empty classes */
  font-size: inherit;
}
/* GET */
p.code_get::before {
  content: "GET";
  background-color: var(--dmrc_dkgreen);
  color: white;
  padding: 5px 8px 5px 8px;
  border-radius: 5px;
}
p.code_get {
  font-family: "Circular-Book-S";
  /* font-family: inherit; */
}
/* PUT */
p.code_put::before {
  content: "PUT";
  background-color: var(--dmrc_gold);
  color: white;
  padding: 5px 8px 5px 8px;
  border-radius: 5px;
}
p.code_put {
  font-family: "Circular-Book-S";
}
/* POST */
p.code_post::before {
  content: "POST";
  background-color: var(--dmrc_blue);
  color: white;
  padding: 5px 8px 5px 8px;
  border-radius: 5px;
}
p.code_post {
  font-family: "Circular-Book-S";
}
/* PATCH */
p.code_patch::before {
  content: "PATCH";
  background-color: var(--dmrc_navy);
  color: white;
  padding: 5px 8px 5px 8px;
  border-radius: 5px;
}
p.code_patch {
  font-family: "Circular-Book-S";
}
/* DELETE */
p.code_delete::before {
  content: "DELETE";
  background-color: var(--dmrc_orange);
  color: white;
  padding: 5px 8px 5px 8px;
  border-radius: 5px;
}
p.code_delete {
  font-family: "Circular-Book-S";
}
/* HEAD */
p.code_head::before {
  content: "HEAD";
  background-color: var(--dmrc_purple);
  color: white;
  padding: 5px 8px 5px 8px;
  border-radius: 5px;
}
p.code_head {
  font-family: "Circular-Book-S";
}
/* tables */
/* no border at all, just to get stuff lined up in columns */
table.tbl_borderless {
  font-family: "Circular-Book-S";
  border: 0;
  width: 100%;
  margin-bottom: 1em;
}
table.tbl_borderless th,
td {
  font-family: "Circular-Book-S";
  border: none;
}
table caption {
  text-align: center;
  margin-bottom: .5em;
  font-weight: 700;
}
/* bordered table with no colored rows or cols */
table.tbl_simple {
  font-family: "Circular-Book-S";
  border: 1px solid var(--dmrc_black);
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1em;
}
table.tbl_simple th {
  font-family: "Circular-Book-S";
  border: 1px solid black;
  border-collapse: collapse;
}
table.tbl_simple td {
  font-family: "Circular-Book-S";
  border: 1px solid black;
  border-collapse: collapse;
}
/* bordered table with alternating colored rows, NO HEADER ROW */
table.tbl_simplealt {
  font-family: "Circular-Book-S";
  border: 1px solid var(--dmrc_black);
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1em;
}
table.tbl_simplealt th {
  font-family: "Circular-Book-S";
  border: 1px solid black;
  border-collapse: collapse;
}
table.tbl_simplealt td {
  font-family: "Circular-Book-S";
  border: 1px solid black;
  border-collapse: collapse;
}
table.tbl_simplealt tr:nth-child(even) td {
  font-family: "Circular-Book-S";
  background-color: var(--hdrevenrows-row-color);
}
/* bordered table with dmrc_blue background/white text in first row */
/* alternating rows have a semi-transparent blue background */
table.tbl_hdrevenrows {
  border-collapse: collapse;
}
table.tbl_hdrevenrows td {
  font-family: "Circular-Book-S";
  border-width: 1px;
  border-style: solid;
  border-color: var(--hdrevenrows-brdr-color);
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
}
table.tbl_hdrevenrows thead tr td {
  font-family: "Circular-Book-S";
  background-color: var(--hdrevenrows-theme-color);
  color: white;
}
/* as an alternative, we can leave the header row in the tbody and apply the th */
table.tbl_hdrevenrows tbody tr th {
  font-family: proxima-nova;
  font-weight: normal;
  background-color: var(--hdrevenrows-theme-color);
  color: white;
}
table.tbl_hdrevenrows tr:nth-child(even) td {
  background-color: var(--hdrevenrows-row-color);
}
/* bordered table with no special heading row but with alternating semitransparent rows */
table.tbl_evenrows {
  border-collapse: collapse;
}
table.tbl_evenrows td {
  font-family: "Circular-Book-S";
  padding-top: 2px;
  padding-right: 4px;
  padding-bottom: 2px;
  padding-left: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--evenrows-theme-color);
}
table.tbl_evenrows tr:nth-child(even) td {
  background-color: var(--evenrows-row-color);
}
/* the first row has a dmrc_blue background and white text, bold */
/* the first col also has a dmrc_blue background and white text, bold */
/* alternating rows have a semi-transparent blue background */
table.tbl_firstcolrow {
  border-collapse: collapse;
  margin-bottom: 1em;
  font-family: "Circular-Book-S";
}
table.tbl_firstcolrow td {
  font-family: "Circular-Book-S";
  border-width: 1px;
  border-style: solid;
  border-color: var(--firstcolrow-theme-color);
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
}
table.tbl_firstcolrow thead tr td {
  font-family: "Circular-Book-S";
  background-color: var(--firstcolrow-theme-color);
  color: white;
}
table.tbl_firstcolrow tbody tr:nth-child(even) td {
  background-color: var(--firstcolrow-even-row);
}
table.tbl_firstcolrow tbody tr:nth-child(odd) td {
  background-color: var(--firstcolrow-odd-row);
}
table.tbl_firstcolrow tbody tr:first-child td {
  /* background-color: var(--firstcolrow-theme-color); */
  background-color: var(--firstcolrow-odd-row);
  /* color: var(--dmrc_white); */
  /* font-weight: bold; */
  text-align: left;
}
table.tbl_firstcolrow tbody tr td:first-child {
  /* background-color: var(--firstcolrow-theme-color); */
  background-color: var(--firstcolrow-first-col);
  color: var(--dmrc_white);
  /* font-weight: bold; */
}
/* div.codeList {} */
div.codeList ul {
  list-style: none !important;
}
div.codeList ul>li:before {
  position: absolute;
  font-size: 1em;
  content: "";
}
div.codeList ul>li:nth-child(even) {
  padding-bottom: 6px;
}
div.codeList ul li strong {
  font-family: "Circular-Book-S";
}
div.codeList ul li span {
  font-family: Courier New;
  color: var(--dmrc_dkgray);
  font-style: italic;
}
div.codeList ul li span.boldCode {
  font-weight: bold;
}
li.desc {
  margin-bottom: 1em;
}
div.codeList em {
  font-style: normal;
  color: var(--dmrc_red);
}
ul.codeList {
  padding-left: 0;
  list-style: none !important;
}
ul.codeList li:before {
  position: absolute;
  font-size: 1em;
  content: "";
}
ul.codeList li:nth-child(even) {
  padding-bottom: 6px;
}
ul.codeList li {
  color: var(--dmrc_black);
  font-family: "Circular-Book-S";
  font-size: 1em;
}
ul.codeList li strong {
  font-family: "Circular-Book-S";
}
ul.codeList li span {
  font-family: Courier New;
  color: var(--dmrc_dkgray);
  font-style: italic;
}
ul.codeList li em {
  font-style: normal;
  color: var(--dmrc_red);
}
ul.codeList ul {
  padding-left: 2em;
  list-style: none !important;
}
ul.codeList ul li:before {
  position: absolute;
  font-size: 1em;
  content: "";
}
ul.codeList ul li:nth-child(even) {
  padding-bottom: 6px;
}
ul.codeList ul li {
  color: var(--dmrc_black);
  font-family: "Circular-Book-S";
  font-size: 1em;
}
ul.codeList ul li strong {
  font-family: "Circular-Book-S";
}
ul.codeList ul li span {
  font-family: Courier New;
  color: var(--dmrc_dkgray);
  font-style: italic;
}
ul.codeList ul li em {
  font-style: normal;
  color: var(--dmrc_red);
}
/* Regular UL and OL Lists inherit from common */
/* See Also and Related Topics styling */
p.seealso-caption {
  font-family: "Circular-Book-S";
  font-size: 16px;
  font-weight: 900;
  color: var(--dmrc_black);
  padding-bottom: 0;
  margin-left: 0em;
}
ol.seealso-list {
  padding-left: 0;
  margin-left: 0;
  list-style: none;
}
ol.seealso-list>li:before {
  content: "";
  margin-left: -.5em;
  margin-right: .5em;
}
a.seealso-list-item {
  font-size: inherit !important;
}
p.reltopics-caption {
  font-family: proxima-nova;
  font-size: 16px;
  font-weight: 900;
  color: var(--dmrc_black);
  padding-bottom: 0;
  margin-left: 0em;
}
ol.reltopics-list {
  padding-left: 0;
  margin-left: 0;
  list-style: none;
}
a.reltopics-list-item {
  font-size: inherit !important;
}
span.inherit-text {
  color: inherit !important;
  font-weight: inherit !important;
  font-style: inherit !important;
}
/* the pgbreak is intended for use in the PDF */
.pgbreak {
  page-break-before: avoid;
}
ol.Decimal {
  list-style: decimal;
}

/* Overridden styles */
.topic-header {
  border-bottom-color: #128085;
  border-style: solid;
  border-bottom-width: thick;
  border-top: none;
  border-left: none;
  border-right: none;
  padding-top: 8px;
  padding-bottom: 18px;
}
div.graylistbg {
	background-color: var(--dmrc_ltgray);
	padding: 1em;
}
div.grayimgbg {
	background-color: var(--dmrc_ltgray);
	margin-top: 1em;
	padding: 1em;
	margin-bottom: 1em;
}
.copyright {
	font-size: .7em;
	font-style: italic;
	text-align: center;
}
.title {
		 color: #E04403 !important;
		 margin-left: 8px;
		 font-size: 2em;
		 font-weight: 700;
	 }
img.logo {
		 max-width: 194px;
		 height: auto;
	 }
@media (max-width: 600px) { 
/* Styles for screen with max width of 600px */
    img.logo {
		 max-width: 125px;
		 height: auto;
	 }
    .title {
		color: #E04403 !important;
        margin-left: 8px;
		font-weight: 700;
        font-size: 1.6em;
    }
}
@media (max-width: 320px) { 
/* Styles for screen with max width of 320px */
    img.logo {
		 max-width: 100px;
		 height: auto;
	 }
    .title {
		color: #E04403 !important;
        margin-left: 4px;
		font-weight: 700;
        font-size: 1.25em;
    }
}