#section {
	float: left;
	width: 800px;
	background: #fff;
	padding: 30px 40px;
	border-radius: 5px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	margin-left: 300px;
}

.topicheader {
	overflow: auto;
	margin: 0 0 2em 0;
}

.bcchevron {
	width: 10px;
	height: 10px;
	background-image: url('tableofcontents/images/chevron-forward.png');
	background-size: 4px 6px;
	background-position: 50% 90%;
	display: inline-block;
	margin: 0 3px 0 3px;
	background-repeat: no-repeat;
	}

.mobile-open-toc-button {
	display: none;
}

.pdf-icon {
	float: right;
	margin: 0;
	width: 22px;
	height: 30px;
	background-image: url("clientlib-fmdita-topic/images/pdf-large.png");
}

.pdf-link {
	margin: 5px 0 0 8px;
	float: right;
}

.caution, .warning {
	color: #B22222;
	font-style: italic;
}

.warningtitle {
	font-weight: bold !important;
}

.cautiontitle {
	font-weight: bold !important;
	display: inline; 
}

.cautiontitle + .caution {
	display: inline;
}

.caution .notetitle {
	font-weight: bold !important;
}

.tip {
    font-style: italic !important;;
    color: #008040 !important;
}

.note {
	color: #000;
	font-style: italic;
}

.important {
	color: blue;
}

.pdf-link a {
	color: blue;
}

#footer {
	padding: 10px 20px 20px 20px;
	max-width: 800px;
	margin: 0 auto;
}

#footer a {
	font-size: 12px;
	color: rgba(0, 0, 0, 0.3);
	display: inline-block;
	margin-right: 20px;
	transition: all 0.3s linear;
}

@media (min-width : 320px) and (max-width : 800px) {
	.toccontainer {
		display: none;
		width: 100%;
		background: #f7f8f8;
		box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
		margin: 0;
		border: 1px solid #e1e1e1;
	}

	.toccontainer.active {
		display: block;
		width: calc(100% - 32px);
		margin: 16px;
	}

	#section {
		margin: 0;
		padding: 16px;
		float: none;
		border-radius: 0;
		max-width: 100%;
		width: 100%;
	}

	main {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	div.topic table {
		word-break: break-word;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		-o-hyphens: auto;
		hyphens: auto;
	}
	
	div.topic table td ul:first-child {
		margin-top: 0;
	}
	
	div.topic table td ul {
		margin-left: 0.4em
	}
	
	div.topic table li {
		margin-left: 0.3em;
	}
	
	.breadcrumb {
		width: calc(100% - 32px);
	}

	.topicheader {
		overflow: auto;
		margin: 0 0 2em 0;
		background: #fafafa;
		border-radius: 3px;
		border: 1px solid #eee;
		padding: 1px 2px 1px 10px;
		line-height: 25px;
	}

	.topicheader.tocactive {
		visibility: hidden;
	}

	.mobile-open-toc-button {
		background-image: url('tableofcontents/images/chevron-forward.png');
		width: 32px;
		height: 32px;
		float: right;
		background-repeat: no-repeat;
		background-position: calc(50% - 1px) calc(50% + 1px);
		background-size: 8px;
		cursor: pointer;
		display: block !important;
	}

	.mobile-close-toc-button {
		background-image: url('tableofcontents/images/chevron-down.png');
		width: 32px;
		height: 32px;
		float: right;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: 14px;
		cursor: pointer;
		display: block !important;
		margin: -10px;
	}
}
main {
  background: none;
  border-radius: 10px;
  padding: 10px 0;
  box-shadow: none;
  margin: 40px auto;
  margin-top: 10px;
  margin-bottom: 0;
  max-width: 1200px
}

#footer {
  padding-left: 100px;
}

.note,
.caution {
  padding: 10px;
  background: #eee !important;
  border-left: 3px solid #ddd !important;
  font-size: 12px;
}

.caution {
  background-color: #FFF9E5;
  border-left-color: #F5C823;
}

.annotHead {
  text-transform: uppercase;
  font-size: 10px;
}

.caution .annotHead {
  color: #B18A00;
}


/* Copying Preview Topic CSS Here */

/* . . . . . . . . . . . . . . . . . .
  Basics
. . . . . . . . . . . . . . . . . . */
div.topic a {
	color: #0f64cd;
}

div.topic .breadcrumb a {
  color: #666;
}

div.topic {
  font-size: 14px;
  line-height: 1.5em;
}

div.topic a {
  text-decoration: none;
  cursor: pointer;
}

div.topic a:hover {
  text-decoration: underline;
}

div.topic i {
  font-style: italic;
}

div.topic b {
  font-weight: bold;
}

div.topic .linethrough {
  text-decoration: line-through;
}

div.topic .sup {
  vertical-align: super;
}

div.topic .sub {
  vertical-align: sub;
}

div.topic .tt {
  font-family: monospace;
}

div.topic .u {
  text-decoration: underline;
}

div.topic .overline {
  text-decoration: overline;
}

div.topic .tm {
  font-size: 1em;
}

div.topic .tm::after {
  content: '\2122';
}

div.topic blockquote {
  background: #fff;
  padding: 1em;
  font-style: italic;
  line-height: 1.5em;
  border-left: 4px solid #eee;
}

div.topic blockquote::before {
  content: "\"";
}

div.topic blockquote::after {
  content: "\"";
}


/* . . . . . . . . . . . . . . . . . .
  Lists
. . . . . . . . . . . . . . . . . . */

div.topic ul,
div.topic ol {
  margin-top: 0.5em;
  padding-bottom: 0em;
}

div.topic li {
  margin-left: 1.4em;
  margin-bottom: 0.8em;
  padding-left: 0.3em;
}

div.topic .tutorialinfo > ul > li:last-child,
div.topic .tutorialinfo > ol > li:last-child {
  margin-bottom: 0;
}

div.topic ul {
  list-style-type: disc;
}

div.topic ol {
  list-style-type: decimal;
}

div.topic ol ul {
  list-style-type: disc;
}

div.topic ul ul {
  list-style-type: circle;
}

div.topic ul ol,
div.topic ol ol {
  list-style-type: lower-alpha;
}

div.topic ol ol ol {
  list-style-type: lower-roman;
}

div.topic .dl {
  margin-bottom: 1em;
}

div.topic .dt {
  font-weight: bold;
}

div.topic .dd {
  margin-bottom: 1em;
}

div.topic .dthd,
div.topic .ddhd {
  font-weight: bold;
}


/* . . . . . . . . . . . . . . . . . .
  Sections and Paragraphs
. . . . . . . . . . . . . . . . . . */

div.topic .section {
  margin-bottom: 1em;
}

div.topic div.p {
  margin-bottom: 1em;
}

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


/* . . . . . . . . . . . . . . . . . .
  Headings and Titles
. . . . . . . . . . . . . . . . . . */

div.topic .title {
  line-height: 1.2em;
}

div.topic h1.title {
  font-size: 2em;
  font-weight: normal;
  margin-top: 0.2em;
  margin-bottom: 0.8em;
}

div.topic .section > .title {
  font-size: 20px;
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

div.topic .example > .title {
  font-size: 14px;
  font-weight: bold;
  padding-top: 0.5em;
  margin-bottom: 0.5em;
}

div.topic .fig .title,
div.topic .table .title {
  font-size: 14px;
  font-style: italic;
  color: #666;
}

div.topic .table .title {
  margin-bottom: 0.5em;
}

div.topic .shortdesc {
  font-size: 1.2em;
  color: #666;
  line-height: 1.5em;
  font-weight: 100;
  padding: 1em 0;
  margin-bottom: 0.5em;
  padding-top: 0;
}


/* . . . . . . . . . . . . . . . . . .
  Notes and its Types
. . . . . . . . . . . . . . . . . . */

div.topic .note {
  background: #eee;
  padding: 18px 24px;
  border-left: 4px solid #ddd;
  margin-bottom: 1em;
  font-size: 14px;
}

div.topic .tutorialinfo .note {
  margin-bottom: 0;
}

div.topic .note.caution::before {
  color: #b18f39;
}

div.topic .note.caution {
  background-color: #fff9e5;
  border-left-color: #f5c823;
}

div.topic .note.danger::before {
  color: #ff2f27;
}

div.topic .note.danger {
  background-color: #fff0f0;
  border-left-color: #ffd7d6;
}

div.topic .note.warning::before {
  color: #B22222;
}

div.topic .note.warning {
  background-color: #ffeddf;
  border-left-color: #ffb47b;
}

div.topic .note.notice::before {
  color: #0f64cd;
}

div.topic .note.notice {
  background-color: #f6f9fc;
  border-left-color: #e4edf6;
}

div.topic .note .ul,
div.topic .note .ol {
  margin-left: 0;
}


/* . . . . . . . . . . . . . . . . . .
  Table
. . . . . . . . . . . . . . . . . . */

div.topic table {
  margin-bottom: 1em;
  border: 1px solid #eee;
  width: 100%;
  word-break: initial !important;
}

div.topic .table + .table {
  margin-top: 2em;
}

div.topic .thead .entry,
div.topic .sthead .stentry {
  font-size: 12px;
  text-align: left;
  background: #fafafa;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  color: #888;
  line-height: 14px;
  padding: 0.5em 1em;
}

div.topic .strow {
  vertical-align: top;
}

div.topic .colsep .entry,
div.topic .simpletable .stentry,
div.topic .colsep .thead .entry,
div.topic .simpletable .sthead .stentry {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

div.topic .rowsep .row,
div.topic .row.rowsep,
div.topic .simpletable .strow {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

div.topic .row.top,
div.topic .tbody.top {
  vertical-align: top;
}

div.topic .row.bottom,
div.topic .tbody.bottom {
  vertical-align: bottom;
}

div.topic .row.middle,
div.topic .tbody.middle {
  vertical-align: middle;
}

div.topic .stentry {
  padding: 0.5em 1em;
}

div.topic .entry {
  padding: 0.5em 1em;
  vertical-align: top;
}


/* . . . . . . . . . . . . . . . . . .
  Tasks and Steps
. . . . . . . . . . . . . . . . . . */

div.topic .li.stepsection {
  display: block;
  margin-left: -0.3em;
}

div.topic .stepresult {
  margin-bottom: 0.5em;
}

div.topic .result {
  padding: 1em 0;
}

div.topic .postreq {
  padding: 1em 0;
}


/* . . . . . . . . . . . . . . . . . .
  Images and Figures
. . . . . . . . . . . . . . . . . . */

div.topic img,
div.topic .image {
  max-width: 100%;
}

div.topic .fig {
  padding: 5px;
  border: none;
  display: block;
  vertical-align: top;
  text-align: center;
}

div.topic .fig.left {
  text-align: left;
}

div.topic .fig.right {
  text-align: right;
}

div.topic .image.scalefit {
  width: 100%;
}


/* . . . . . . . . . . . . . . . . . . . . . .
  User Input, div.topic UI Controls and Codeblocks
. . . . . . . . . . . . . . . . . . . . . .  */

div.topic .uicontrol {
  font-weight: bold;
}

div.topic .menucascade .uicontrol+.uicontrol:before {
  content: "\00a0\203a\00a0";
}

div.topic .userinput {
  font-family: monospace;
}

div.topic .filepath,
div.topic .term {
  font-style: italic;
}

div.topic .xmlatt,
div.topic .xmlelement {
  font-weight: bold;
}

div.topic .state,
div.topic .boolean {
  font-style: italic;
}

div.topic .codeblock {
  background: #f5f5f5;
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 10px 16px;
  margin-bottom: 0.8em;
  font-family: monospace;
  white-space: pre-wrap;
  word-break: break-word; /* for Internet Explorer */
  word-break: break-all; /* For Chrome and all */
}


/* . . . . . . . . . . . . . . . . . .
  Footnotes and Related Links
. . . . . . . . . . . . . . . . . . */

div.topic .footnotes {
  margin: 0 -30px;
  margin-top: 4em;
  padding: 18px 45px;
  padding-bottom: 0px;
  color: #777;
  font-size: 12px;
  list-style-position: outside;
  border-top: 1px solid #eee;
}

div.topic .footnotes .fn {
  max-width: 600px;
}

div.topic .relatedlinks {
  margin-top: 2em;
}

div.topic .relatedlinks .link {
  display: block;
  margin-bottom: 0.2em;
}

div.topic .relatedlinks::before {
  display: block;
  padding-bottom: 0.5em;
  font-weight: bold;
  margin-bottom: 0em;
  font-size: 16px;
}

div.topic .li > .info,
div.topic .li > .tutorialinfo {
  padding-bottom: 0;
  margin-bottom: 0;
}

div.topic .info,
div.topic .tutorialinfo,
div.topic .li:last-child > .info,
div.topic .li > .tutorialinfo {
  padding: 0.5em 0;
  margin-bottom: 0.5em;
}