body {
  font-family: 'Inter','Helvetica', 'Arial', sans-serif;
  padding: 0;
  margin: 0;
	background: #fff;
	transition: background .2s;
}
h1, h2, h3, h4, h5, h6, strong, b {
  font-weight: 600;
	transition: color .2s;
}
a {
  color: #5a6bcf;
}
table tbody tr td {
  vertical-align: top;
}
#top {
  height: 44px;        
  color: #fff;
  background: #323a45;
  text-align: center;        
  display: flex;
	justify-content: space-between;
	padding-left: 1rem;
	padding-right: 1rem;
	align-items: center;
	transition: all .2s;	
}
#top h1 {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  line-height: 44px;
  font-weight: 600;
}
#top h1 a {
    color: #fff;
    background: url(../img/logo-xc.png) no-repeat 0 8px;
    background-size: auto;
    background-size: 33px auto;
    display: inline-block;
    height: 40px;
    padding-left: 40px;
}
#top h1 a:hover,
#top h1 a:focus {
  color: #3294f0;
  text-decoration: none;
}

#top a.toggleMenu .st0 {
  fill: #fff;
}
#navig {
  position: fixed;
  left: 0;
  top: 44px;
  height: 40px;
  width: 20vw;
  overflow: hidden;
  transition: all 0.3s;
}
#left,
#left_search {
  position: fixed;
  left: 0;
  top: 44px;
  bottom: 0;
  width: 220px;
  overflow: auto;
  padding: 1rem;
  transition: all 0.3s;
}
#left.closed,
#navig.closed,
#left_search.closed {
  transform: translateX(-20vw);
}
#right {
  padding: 3rem;
  position: fixed;
  left: 220px;
  top: 44px;
  bottom: 0;
  right: 0;
  overflow: auto;
  border-left: 1px solid #f2f2f2;
  transition: all 0.2s;	
}
@media(min-width: 1441px) {
	#left,
	#left_search {
		width: 290px;
	}	
	#right {
		left: 290px;
	}
}
#right.full {
  left: 0;
  border-left: 0;
}

#left ul {
  list-style: none;
  padding-left: 0;
  font-size: 13px;
}

#left .parent {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' d='M7.8 10a2.2 2.2 0 0 0 4.4 0 2.2 2.2 0 0 0-4.4 0z'/%3E%3C/svg%3E");
	background-size: 1rem;
	background-repeat: no-repeat;
	background-position: -5px 1px;
	padding-left: 10px;
}

body.dark-mode #left .parent {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23ffffff' d='M7.8 10a2.2 2.2 0 0 0 4.4 0 2.2 2.2 0 0 0-4.4 0z'/%3E%3C/svg%3E");
}

#left .parent + ul {
  margin-left: 20px;
}

.parent + ul > li > a {
    padding-left: 24px;
    display: block;    
}

#left ul > li > a {
    padding-left: 0px;
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
}

#left a {
	color: rgb(105, 115, 134);
	transition: color .2s;
}

#left a:hover {
	color: rgb(42, 47, 69);
	text-decoration: none;
}

.nav-link {
  display: block;
  font-size: 0.875rem;
  padding: 2px 12px;
  border-radius: 4px;
  line-height: 1.25;
}
.nav-link.active {
  background: #E91E63;
  color: #fff;
  text-decoration: none;
}
p {
  font-size: 14px;
  color: rgba(32, 67, 82, 0.8);
	transition: color .2s;
}

ul p {
  margin-bottom: 0.5rem;
}

table {
  width: 100%;
}

.note {
  background: transparent;
  margin-bottom: 1rem;
	border: 1px solid #e4e4e4;
	border-radius: 8px;
	transition: all .2s;
}

.tableblock > tbody > tr:nth-child(2n) {
    background: #f8f9fa;
}

.dark-mode .tableblock > tbody > tr:nth-child(2n) {
	background: rgba(255,255,255,0.1)
}

.note table td {
  padding: 0.75rem 1rem;
}


.note table .icon {
  width: 20px;
  vertical-align: middle;  
  text-align: center;
	padding-right: 0;
}

.note table .icon div {
  text-indent: -9000px;
  background: url(../img/info.svg) no-repeat 50% 50%;
  background-size: 16px;
  height: 20px;
  width: 20px;
}

.note table .paragraph:last-child p {
  margin-bottom: 0;
}

.note.xc-availability {
  background: #f4f8fa;
}

.note.xc-availability table .icon {
  border-color: #5bc0de;
}

.note.xc-rights {
  background: #fcf8f2;
}

.note.xc-rights table .icon {
  border-color: #f0ad4e;
}

.note.xc-content {
  background: #f2ecf0;
}

.note.xc-content table .icon {
  border-color: #aa1684;
}

.note.xc-availability td.content > *,
.note.xc-rights td.content > *,
.note.xc-content td.content > * {
  display: none;
}

.note.xc-availability td.content > div:first-child p,
.note.xc-rights td.content > div:first-child p,
.note.xc-content td.content > div:first-child p {
  margin-bottom: 0;
}

.note.xc-availability td.content.opened > *,
.note.xc-rights td.content.opened > *,
.note.xc-content td.content.opened > * {
  display: block;
}

.note.xc-availability td.content.opened > div:first-child p,
.note.xc-rights td.content.opened > div:first-child p,
.note.xc-content td.content.opened > div:first-child p {
  margin-bottom: 1rem;
}

.note code.value {
	word-break: break-all;
}

#availability,
#condition,
#references {
  display: block;
  font-weight: bold;
  cursor: pointer;  
}

#availability p,
#condition p,
#references p {
  color: #212529;
}

#availability:hover p,
#condition:hover p,
#references:hover p {
  color: #3294f0;
}

table.tableblock {
  margin-bottom: 1rem;
}

table.tableblock,
th.tableblock,
td.tableblock {
  border: 1px solid #f2f2f2;
}

.dark-mode table.tableblock,
.dark-mode th.tableblock,
.dark-mode td.tableblock {
  border: 1px solid rgba(255,255,255,0.2);
}

td.tableblock {
  padding: 0.5rem 0.7rem;
}

.toc2 {
  font-size: 0.875rem;
}

h1 {
  color: rgba(0,0,0,8);
  word-spacing: -.05em;
  font-size: 2.75em;
}

h2 {
  color: #204352;
  margin-top: 1rem;
}

h3 {
  color: #204352;
  margin-top: 0.5rem;
  font-size: 1rem;
}

h4, h5 {
  color: #204352;
}

h4 {
  font-size: 14px;
}

h5 {
  font-size: 14px;
}

.xc-expanse-text {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
}

.xc-expanse-text + .xc-expanse-text {  
  border-top: 0;
}

.xc-expanse-text h5:first-child {
  font-size: 0.875rem;
  margin-bottom: 0;
  padding-left: 24px;
  position: relative;
}

.xc-expanse-text h5:first-child::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(../img/right-chevron.svg) no-repeat 0 0;
  background-size: 16px 16px;
  transition: all 0.3s;
  transform: rotate(0deg);
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
}

.xc-expanse-text h5.opened::before {  
  transform: rotate(90deg);
}

.xc-expanse-text h5:first-child:hover {
  cursor: pointer;
  color: rgb(50,148,240);
}

.xc-expanse-text .openblock {
  display: none;
  margin-top: 1rem;
}

.xc-expanse-text:last-of-type {
    margin-bottom: 1rem;
}

mark {
  background: transparent;
  color: inherit;
}

.btn-group {
  float: right;
  padding-top: 6px;
  padding-right: 1rem;
}

.btn-group a {
  display: inline-block;
  font-size: 0.8125rem;
  padding: 5px 10px;
  border: 1px solid rgba(255,255,255,0.3);
  color: rgba(255,255,255,0.6);
  transition: all 0.3s;
}

.btn-group a.active {
  border-color: rgba(255,255,255,1);
  color: rgba(255,255,255,1);
}

.btn-group a:hover {
  text-decoration: none;
  color: rgba(255,255,255,0.85);
  border-color: rgba(255,255,255,0.85);
}

.audioblock,
.imageblock,
.literalblock,
.listingblock,
.stemblock,
.videoblock {
  margin-bottom: 1rem;
}

.audioblock pre,
.imageblock pre,
.literalblock pre,
.listingblock pre,
.stemblock pre,
.videoblock pre {
  background: #f7f7f8;
  padding: 1rem;
  font-size: 0.8125rem;
  white-space: break-spaces;
}

.note h5 {
	font-size: 0.9375rem;
}

.note.xc-availability {
  margin-top: 2rem;
}

.Picture img {
	display: block;
	max-width: 100%;
	height: auto;
}

.nav-tabs {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
  height: 40px;
  align-items: center;
  width: 100%;
  justify-content: center;
  border-bottom: 1px solid #f2f2f2;
}

.nav-tabs a {
  display: inline-block;
  padding: 5px;
}

.nav-tabs a.active {
  color: rgba(0,0,0,.7);
}

.nav-tabs a:hover {
  text-decoration: none;
}

.form-group {
  margin-bottom: 1rem;
}

.form-group input {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-group input:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #007bff;
  border: 1px solid #007bff;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn:hover,
.btn:focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0,0,0,.1);
}

.dark-mode hr {
	border-color: rgba(255,255,255,0.15);
}

#left a.active,
#left_search a.active {
  color: #0567c5;
  font-weight: 700;
}

code {
  font-size: 13px;
}

h5 code {
	font-size: 14px;
	display: inline-block;
	padding: 0 3px;
	background: #f8f9fa;
	border: 1px solid rgba(0,0,0,0.05);
}

p code {
	display: inline-block;
	padding: 0 3px;
	background: #eef1f3;
	border: 1px solid rgba(0,0,0,0.05);
	transition: all .2s;
}

p code.value {
	padding: 0;
	background: transparent;
	border: 0;
}

#left ol > li > .ulist p strong:hover {
  cursor: pointer;
  color: #3294f0;
}

table.Glossary {
  width: auto;
}

.Glossary p {
  margin-bottom: 0;
}

.Glossary p a {
  display: inline-block;
  padding: 5px 10px;
  background: #f0f0f0;
}

.Glossary p a:hover,
.Glossary p a:focus {
  background: #3294f0;
  color: #fff;
  text-decoration: none;
}

h2 .Glossary {
  font-size: 2rem;
}

.WrapText {
  word-break: break-all;
}

caption {
  caption-side: top;
}

.title {
  font-size: 14px;
  color: #34495e;
	transition: .2s;
}

details {
    border: 1px solid #e4e4e4;
		padding: 0.5rem 0.75rem;
		border-radius: 8px;
		background: #fafafa;
		transition: all .2s;
		margin-bottom: 1rem;
}

details details {
  background: #eee;
}

details hr {
	margin-left: -26px;
	margin-right: -0.75rem;
}

summary.title strong {
    font-style: normal;
    font-weight: 400;
		font-size: 13px;
		color: rgba(32, 67, 82, 0.8);
}

.dark-mode summary.title strong {
	color: rgb(193, 201, 210);
}

summary + .content {
    padding-top: 1rem;
		padding-left: 14px;
}

.halign-left {
 text-align: left;
}

.halign-center {
 text-align: center;
}

.halign-right {
 text-align: right;
}

table.tableblock,.frame-none,
.frame-none th.tableblock, 
.frame-none td.tableblock {
 border: 0;
}


.note.xc-machinetranslation {
  background: transparent;
  border-top: 1px solid #f2f2f2;
}

.note.xc-machinetranslation td.icon {
  display: none;
}

.note.xc-machinetranslation td.content {
  padding-left: 6px;
}

.note.xc-machinetranslation p {
  color: rgba(0,0,0,.5);
  font-size: 13px;
  text-align:right;
}

.highlight.language-xml,
.highlight.language-json {
  font-size: 12px !important;
}

.stripes-none tr {
    background: inherit !important;
}

details:last-child {
    margin-bottom: 0.75rem;
}

code.language-txt {
    word-break: break-all !important;
    white-space: normal !important;
    font-size: 14px !important;
}

#right h1 {
	font-size: 24px;	
	margin-bottom: 2rem;
}

#right h2 {
	font-size: 22px;
}

h2 > span.image > img {
	width: 32px;
	height: 32px;
	margin-top: -6px;
	margin-right: 4px;
}

#content .sect1 h2 {
	padding-top: 4rem;
	border-top: 1px solid #e4e4e4;
	margin-top: 4rem;
	transition: all .2s;
	/*color: #E56F4A;*/
}

.e_link + br {
	width: 0.5rem;
}

.highlight {
	position: relative;
	max-height: calc(100vh - 100px);
}

.highlight .copy {
	position: absolute;
	right: 8px;
	top: 8px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 5h2a3 3 0 0 0 3-3 2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2 3 3 0 0 0 3 3zM6 2a2 2 0 1 1 4 0 1 1 0 0 1-1 1H7a1 1 0 0 1-1-1z' fill-rule='evenodd' fill='%230056b3'%3E%3C/path%3E%3C/svg%3E");
	background-size: 16px 16px;
	background-repeat: no-repeat;
	display: block;
	width:16px;
	height:16px;
}

.highlight .copy:hover {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 5h2a3 3 0 0 0 3-3 2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2 3 3 0 0 0 3 3zM6 2a2 2 0 1 1 4 0 1 1 0 0 1-1 1H7a1 1 0 0 1-1-1z' fill-rule='evenodd' fill='%230076fa'%3E%3C/path%3E%3C/svg%3E");
}
.e_link a,
.button a {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: inline-block;
  border: 1px solid #eee;
  padding: 4px 8px;
  color: rgb(58, 151, 212);
  font-size: 10px;
  margin-top: 4px;
	transition: all .2s;
}

.e_link a:hover,
.button a:hover {
  border: 1px solid rgb(58, 151, 212);
  background-color: rgb(58, 151, 212);
	color: #fff;
	text-decoration: none;
}

.error_title {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M 16 4 C 9.382813 4 4 9.382813 4 16 C 4 22.617188 9.382813 28 16 28 C 22.617188 28 28 22.617188 28 16 C 28 9.382813 22.617188 4 16 4 Z M 16 6 C 21.535156 6 26 10.464844 26 16 C 26 21.535156 21.535156 26 16 26 C 10.464844 26 6 21.535156 6 16 C 6 10.464844 10.464844 6 16 6 Z M 15 10 L 15 18 L 17 18 L 17 10 Z M 15 20 L 15 22 L 17 22 L 17 20 Z'/%3E%3C/svg%3E");
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 20px;
}

.ulist {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.ulist ul {
}

.ulist.bullets {
	margin-top: 0;
	margin-bottom: 0;
}

.ulist.bullets ul {
	list-style: initial;
}

.dark-mode .ulist.bullets li {
	color: #fff;
}

.value_header {
	display: inline-block;
  margin-top: 0.75rem;
}

summary .value_header {
	margin-top: 0;
}

.tableblock p:last-child {
	margin-bottom: 0;
}

.mandatory {
	color: rgb(229, 111, 74);
	font-size: 10px;
	letter-spacing: 0.75px;
	margin-left: 4px;
}

.optional {
	color: rgb(135, 146, 162);
	font-size: 10px;
	letter-spacing: 0.75px;
	margin-left: 4px;
}

#right > h1 {
	display: none;
}

#content .sect1:first-child h2 {
	margin-top: 0;
	border-top: 0;
	padding-top: 2rem;
}


.DarkModeSwitch {
	appearance: none;
	cursor: pointer;
	background: transparent;
	text-decoration: none;
  position: relative;
  width: 30px;
	display: inline-block;
	border: 0;
	padding: 0;
}

.DarkModeSwitch-track {
  position: absolute;
  border-radius: 16px;
  background: #e3e8ee;
  height: 12px;
  left: 0;
  right: 0;
  margin-top: 3px;
}

.DarkModeSwitch-knob {
  position: relative;
  background: #fff;
  border-radius: 100%;
  box-shadow: 0 0 0 1px rgba(0,0,0,.07),0 1px 3px 0 rgba(59,65,94,.1);
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .2s,background .2s;
}

.DarkModeIcon,
.LightModeIcon {
  transition: transform .2s;
  transform: scaleX(1) scaleY(1) rotate(0deg);
  position: absolute;
	width: 12px;
	height: 12px;
}

.LightModeIcon path {
  fill: #efc078;
}

.DarkModeIcon path {
  fill: #7dabf8;
}

.dark-mode-animating .DarkModeIcon,
body:not(.dark-mode) .DarkModeIcon {
  transform: scaleX(0) scaleY(0) rotate(-90deg);
}

.dark-mode-animating .LightModeIcon,
.dark-mode .LightModeIcon {
  transform: scaleX(0) scaleY(0) rotate(90deg);
}

.dark-mode .DarkModeSwitch-track {
  background: #212d63;
}

.dark-mode .DarkModeSwitch-knob {
  box-shadow: 0 0 0 1px #2f3d89;
  transform: translateX(12px);
	background-color: #1a1f36;
}

body.dark-mode {
	background: #1a1f36;
}

.dark-mode #top {
	background: #0f1329;
}

.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5 {
	color: rgb(247, 250, 252);
}

.dark-mode a {
  color: #7888e9;
}

.dark-mode p a code {
	color: #7888e9;
}

.dark-mode #right {
	border-color: rgba(255,255,255,0.15);
}

.dark-mode #left a {
	color: #a3acb9;
}

.dark-mode #left a:hover {
	color: #fff;
}

.dark-mode p {
	color: rgb(193, 201, 210);
}

.dark-mode p code {
	background: #2a2f45;
	border: 1px solid rgba(255,255,255,0.08);
	color: rgb(247, 250, 252);
}

.dark-mode p code.value {
	background: transparent;
	border: 0;
}

.dark-mode details {
    border: 1px solid rgba(255,255,255,0.08);
		background: #282c3f;
}

.dark-mode details details {
  background: #454b65;
}

.dark-mode .title {
  color: rgb(223, 230, 238);
}

.dark-mode .e_link a,
.dark-mode .button a {
	color: rgb(58, 151, 212);
  border: 1px solid rgba(255,255,255,.2);
}

.dark-mode .e_link a:hover,
.dark-mode .button a:hover {
	color: #fff;
}

.dark-mode #content .sect1 h2 {
	border-color: rgba(255,255,255,0.15);
}

.dark-mode :not(pre) > code[class*="language-"],
.dark-mode pre[class*="language-"] {
	background: #050919;
}

.dark-mode code[class*="language-"],
.dark-mode pre[class*="language-"] {
	text-shadow: none;
}

.dark-mode code[class*="language-"],
.dark-mode pre[class*="language-"] {
	color: rgba(255,255,255,0.85);
}

.dark-mode .note {
	border: 1px solid rgba(255,255,255,.2);
}

code.highlight {
  padding: 0;
  background: transparent;
  border: 0;
  font-weight: 600;
  color: rgb(60, 66, 87);
}

.dark-mode code.highlight,
.dark-mode dt code {
  color: rgb(227, 232, 238);
	background: transparent;
	border: 0;
}

.dark-mode .token.property,
.dark-mode .token.tag,
.dark-mode .token.boolean,
.dark-mode .token.number,
.dark-mode .token.constant,
.dark-mode .token.symbol,
.dark-mode .token.deleted {
	color: #c51d7b;
}

.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted {
  color: #690;
}

.color {
	color: rgb(167, 29, 93);
}

.dark-mode .color {
	color: rgb(214, 51, 132);
}

.note .ulist {
  margin-top: 0;
  margin-bottom: 0;
}

.note .ulist:last-child ul {
  margin-bottom: 0;
}

ol {
  font-size: 14px;
  color: rgba(32, 67, 82, 0.8);
}

.dark-mode ol {
  font-size: 14px;
  color: rgb(193, 201, 210)
}

.dark-mode ul {
  color: rgb(193, 201, 210)
}

.back {
  float: right;
  font-weight: normal;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000000' d='M 16 4.09375 L 15.28125 4.78125 L 6.78125 13.28125 L 8.21875 14.71875 L 15 7.9375 L 15 28 L 17 28 L 17 7.9375 L 23.78125 14.71875 L 25.21875 13.28125 L 16.71875 4.78125 Z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 1rem;
	background-position: 0 50%;
	padding-left: 20px;
}

body.dark-mode .back {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' d='M 16 4.09375 L 15.28125 4.78125 L 6.78125 13.28125 L 8.21875 14.71875 L 15 7.9375 L 15 28 L 17 28 L 17 7.9375 L 23.78125 14.71875 L 25.21875 13.28125 L 16.71875 4.78125 Z'/%3E%3C/svg%3E");
}