/* Fonts */

@font-face {
	font-family: interparcel;
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src:	local("Inter Regular"), local("Inter-Regular"), 
				url("/docs//fonts/Inter-Regular.woff2") format("woff2"),
				url("/docs/fonts/Inter-Regular.woff") format("woff");
}

@font-face {
	font-family: interparcel;
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src:	local("Inter Italic"), local("Inter-Italic"), 
				url("/docs/fonts/Inter-Italic.woff2") format("woff2"),
				url("/docs/fonts/Inter-Italic.woff") format("woff");
}


@font-face {
	font-family: interparcel;
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src:	local("Inter Medium"), local("Inter-Medium"), 
				url("/docs/fonts/Inter-Medium.woff2") format("woff2"),
				url("/docs/fonts/Inter-Medium.woff") format("woff");
}

@font-face {
	font-family: interparcel;
	font-style: italic;
	font-weight: 500;
	font-display: swap;
	src:	local("Inter MediumItalic"), local("Inter-MediumItalic"), 
				url("/docs/fonts/Inter-MediumItalic.woff2") format("woff2"),
				url("/docs/fonts/Inter-MediumItalic.woff") format("woff");
}


@font-face {
	font-family: interparcel;
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src:	local("Inter Bold"), local("Inter-Bold"), 
		url("/docs/fonts/Inter-Bold.woff2") format("woff2"),
		url("/docs/fonts/Inter-Bold.woff") format("woff");
}

@font-face {
	font-family: interparcel;
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src:	local("Inter BoldItalic"), local("Inter-BoldItalic"), 
				url("/docs/fonts/Inter-BoldItalic.woff2") format("woff2"),
				url("/docs/fonts/Inter-BoldItalic.woff") format("woff");
}


/* General */


html, body {
  margin: 0;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;

	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);

}

body {
  margin: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  font-family: interparcel, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  color: #3b454e;
  font-weight: 400;
}

header {
	background-color: #ffffff; padding: 18px 40px; border-bottom: 1px solid #e5e5e6;
}

main {
	display: flex; flex: 1; max-height: calc(100vh - 77px);
}

b { font-weight: 500; }
	


/* Sidebar */


#sidebar {
	background-color: rgb(243, 245, 246); padding: 0 20px 10px 20px; min-width: 250px; overflow-y: auto;
}


#sidebar ul {
	list-style: none;	color: #777777;	padding: 0;
}

#sidebar li.level1 { margin-top: 16px; }

#sidebar li.level1 > span {
	display: block; color: rgb(136, 153, 168); font-size: 12px; font-weight: 500;
	text-transform: uppercase; cursor: default;	padding: 6px 20px; 
}

#sidebar ul.level2 li {
	color: rgb(92, 105, 117); font-size: 14px; font-weight: 500;	
}

#sidebar ul.level2 li a, #sidebar ul.level2 li > span {
	display: block; text-decoration: none; color: rgb(92, 105, 117); padding: 2px 20px;
}

#sidebar ul.level2 li a:hover, #sidebar ul.level2 li span:hover { background-color: #E9EDF2; }

#sidebar .menu > span {
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235f6c78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' preserveAspectRatio='xMidYMid meet' data-rnw-int-class='nearest___378-1653_' class='r-h7gdob r-10ptun7' style='vertical-align: middle; width: 16px;'%3E%3Cpath d='M9 18l6-6-6-6'%3E%3C/path%3E%3C/svg%3E") no-repeat right 10px top 9px;
	background-size: 16px; user-select: none;
}

#sidebar .menu.open > span {
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235f6c78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' preserveAspectRatio='xMidYMid meet' data-rnw-int-class='nearest___378-1664_' class='r-h7gdob r-10ptun7 r-1vzi8xi' style='width: 16px;'%3E%3Cpath d='M6 9l6 6 6-6'%3E%3C/path%3E%3C/svg%3E") no-repeat right 10px top 9px;
	background-size: 16px;
}

#sidebar .menu ul { display: none; }
#sidebar .menu.open ul { display: block; }
#sidebar .menu.open ul li { display: block; }

#sidebar .menu ul li a {  display: flex; height: 32px; padding-top: 0; padding-bottom: 0; padding-left: 30px; align-items: center; line-height: 1; color: rgb(136, 153, 168); }

#sidebar ul.level2 li a.notLive { background-color: #fff3f5; }

/* Main content holder */


#content {
	flex: 1; background-color: #ffffff; padding: 20px 100px 20px 100px; line-height: 1.5; overflow-y: auto;
}

#contentInner { max-width: 1000px; overflow: hidden; opacity: 1; transition: opacity .1s ease-in-out; }
#contentInner.fade { opacity: 0; }


.breadcrumbs { color: #77889a; margin-bottom: 14px; }
.breadcrumbs .selected { color: #3b454e; }

/* Block styles */
p { color: #3b454e; font-size: 16px; font-weight: 400; padding: 0; margin: 18px 0; }

hr { border-top: rgb(136, 153, 168); margin: 24px 0 24px 0; }

h1 {
	font-size: 42px; font-weight: 700; padding: 0; margin: 0 0 16px 0;
}

h2 {
	font-size: 30px; font-weight: 500; line-height: 40px; padding: 0; margin-top: 32px;
}

h3 {
	font-size: 22px; font-weight: 500; line-height: 40px; padding: 0; margin: 26px 0 12px 0;
}

ul li { line-height: 2; }
#content a { color: #4579b2; text-decoration: none; }
#content a:hover { color: #4579b2; text-decoration: underline; }
#content a.noLine { color: inherit; text-decoration: none; }

#content img { display: block; margin: 22px 0; width: 100%; border-radius: 4px; }

.pageTitle { color: #8899ab; }


.faq { margin: 20px auto 0 auto; text-align: left; max-width: 1000px; padding: 20px 30px 14px 30px; border-radius: 8px }
.faq h3 { color: #4579b2; font-size: 18px; margin: 0 0 8px; line-height: 40px }
.faq p { margin: 0 0 10px 0 }


blockquote {
  border-left-width: 4px;
  border-left-style: solid;
  padding: 20px 20px 20px 40px;
  margin: 26px 0 26px 0;
  line-height: 1.5;
}
blockquote.info {
	border-left-color: #4579b2;
	background: rgb(243, 245, 246) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' preserveAspectRatio='xMidYMid meet' class='r-1ghhsy9 r-z80fyv r-1vzi8xi r-19wmn03'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1a7 7 0 100 14A7 7 0 008 1zM0 8a8 8 0 1116 0A8 8 0 010 8z' fill='%234579b2'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.5 6.37H8a.5.5 0 01.5.5v5.5h-1v-5h-1v-1z' fill='%234579b2'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.5 12.37h-3v-1h3v1z' fill='%234579b2'%3E%3C/path%3E%3Cpath d='M7.74 5.16a.77.77 0 01-.76-.77.76.76 0 011.52 0 .77.77 0 01-.76.77z' fill='%234579b2'%3E%3C/path%3E%3C/svg%3E") no-repeat left 10px center;
	background-size: 20px;
}
blockquote.warning {
	border-left-color: rgb(247, 125, 5);
	background: rgb(243, 245, 246) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' preserveAspectRatio='xMidYMid meet' class='r-z80fyv r-1vzi8xi r-19wmn03' style='color: rgb(247, 125, 5);'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 8.96V3.29h1v5.67h-1z' fill='currentColor'%3E%3C/path%3E%3Cpath d='M8 12.5a1 1 0 110-2 1 1 0 010 2z' fill='currentColor'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1a7 7 0 100 14A7 7 0 008 1zM0 8a8 8 0 1116 0A8 8 0 010 8z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E") no-repeat left 10px center;
	background-size: 20px;
}
blockquote.danger {
	border-left-color: rgb(211, 61, 61);
	background: rgb(243, 245, 246) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' preserveAspectRatio='xMidYMid meet' class='r-z80fyv r-1vzi8xi r-19wmn03' style='color: rgb(211, 61, 61);'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1a.5.5 0 01.424.235l7.5 12A.5.5 0 0115.5 14H.5a.5.5 0 01-.424-.765l7.5-12A.5.5 0 018 1zM1.402 13h13.196L8 2.443 1.402 13z' fill='currentColor'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 9.41V6.12h1v3.29h-1z' fill='currentColor'%3E%3C/path%3E%3Cpath d='M8 11.67a.76.76 0 110-1.52.76.76 0 010 1.52z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E") no-repeat left 10px center;
	background-size: 20px;
}
blockquote.success {
	border-left-color: rgb(30, 203, 96);
	background: rgb(243, 245, 246) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' preserveAspectRatio='xMidYMid meet' class='r-z80fyv r-1vzi8xi r-19wmn03' style='color: rgb(30, 203, 96);'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1a7 7 0 100 14A7 7 0 008 1zM0 8a8 8 0 1116 0A8 8 0 010 8z' fill='currentColor'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.677 6.16l-4.443 4.444a.5.5 0 01-.708 0L4.323 8.4l.707-.707 1.85 1.85 4.09-4.09.707.707z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E") no-repeat left 10px center;
	background-size: 20px;
}


code { background-color: #f5f7f9; font-family: monospace; padding: 3px 6px; }
pre code { background-color: inherit; }


table { width: 100%; margin-bottom: 26px; font-size: 14px; border-collapse: collapse; }
table th { background-color: #f5f7f9; font-weight: 600; text-align: left; }
table td, table th { border: 1px solid #d3dce4; padding: 9px 14px; }


div.menuPill { display: inline-flex; color: #ffffff; font-size: 10px; align-items: center; justify-content: center; border-radius: 5px; margin-right: 6px; line-height: 1; padding: 0; height: 18px; width: 40px; }
div.menuPill.get {  background-color: #61affe; }
div.menuPill.post {  background-color: #49cc90; }
div.menuPill.put {  background-color: #fca130; }
div.menuPill.delete {  background-color: #f93e3e; }


/* API Request & response boxes */
.apiRequest { display: flex; align-items: center; border-width: 1px; border-style: solid; border-radius: 5px; padding: 4px; margin-bottom: 12px;}
.apiRequest .type { color: #ffffff; text-transform: uppercase; font-size: 12px; font-weight: 700; padding: 5px 0; text-align: center; width: 80px; border-radius: 3px; }
.apiRequest .url { margin-left: 20px; font-size: 14px; font-weight: 600; }

.apiRequest.GET { border-color: #c1d9f1; background-color: #ebf3fb; } .apiRequest.GET .type { background-color: #61affe; }
.apiRequest.POST { border-color: #a1e1c4; background-color: #e8f6f0; } .apiRequest.POST .type { background-color: #49cc90; }
.apiRequest.PUT { border-color: #fcc786; background-color: #fbf1e6; } .apiRequest.PUT .type { background-color: #fca130; }
.apiRequest.DELETE { border-color: #f99393; background-color: #fae7e7; } .apiRequest.DELETE .type { background-color: #f93e3e; }

.apiResponse { cursor: pointer; border-radius: 3px; padding: 6px; margin-bottom: 12px; }
.apiResponse pre { display: none; }

.apiResponse > div { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.apiResponse > div div:nth-of-type(1) { font-weight: 500; padding: 3px 6px; }
.apiResponse > div div:nth-of-type(2) { padding: 3px 6px; font-size: 14px; }
.apiResponse.open pre{ margin-top: 6px; margin-bottom: 0; display: block; }

.apiResponse.ok { background-color: #eff6f0; color: #298833; }
.apiResponse.error { background-color: #FCEFEF; color: #DC4B49; }



/* API Tree */
ul.apiTree { padding: 20px; font-size: 14px; font-weight: 600; background-color: #fafafa; border-radius: 6px; }
ul.apiTree > li, ul.apiTree ul > li { border-left: 1px dashed #c0c0c0;  }
ul.apiTree li { display: block; }

ul.apiTree li.apiMenu > ul { display: none; }
ul.apiTree li.apiMenu.open > ul { display: block;  }

ul.apiTree ul > li { padding-left: 0px;  }

ul .hl { display: inline-block; width: 20px; border-top: 1px dashed #c0c0c0; height: 1px; position: relative; top: -2px; margin-right: 10px; }

ul.apiTree .nodeType { font-weight: normal; padding-left: 10px; }
ul.apiTree .nodeRequired { font-weight: normal; padding-left: 10px; color: #cc0000; }
ul.apiTree .nodeConditional { font-weight: normal; padding-left: 10px; color: #832aa3; }
ul.apiTree .nodeOptional { font-weight: normal; padding-left: 10px; color: #0000bb; }

ul.apiTree .apiMenu .mnu { cursor: pointer; font-size: 12px; padding-left: 8px; }
ul.apiTree .apiMenu .mnu::before { font-family: arial; content: "\25B6"; }
ul.apiTree .apiMenu.open > .mnu::before { content: "\25BC"; }
