/* main page */
.top-background {
  width: 1280px;
  height: 300px;
  background-image: url("/common/img/info-panel.png");
  background-size: 100% 100%;
}
.top-desc {
  padding: 70px;
}
.top-desc > h1 {
  font-family: "Neue Plak", sans-serif;
  font-weight: 700;
  font-size: 42px;
  line-height: 42px;
  color: #315868;
}
.top-desc > p {
  font-family: "Neue Plak", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 24px;
  color: #315868;
}
.info-panel {
  width: 1280px;
  height: 300px;
}
.info-text {
  padding: 70px;
}
.info-text > p {
  font-family: "Neue Plak", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #315868;
}
.env {
  width: 1280px;
  height: 476px;
  background-color: #F6F6F6;
}
.env-picker {
  padding: 70px;
}
.env-picker > h2, .env-picker > .topictitle2 {
  font-family: "Neue Plak", sans-serif;
  font-weight: 400;
  font-size: 34px;
  line-height: 38px;
  color: #315868;
}
.env-picker form-group {
  width: 1210px;
  list-style-type: none;
  padding: 0;
  overflow: hidden;
  max-width: 1210px;
}
.env-picker form > ul li {
  float: left;
  padding-right: 24px;
  padding-bottom: 24px;
}
.env-picker form > ul li a {
  display: block;
  text-decoration: none;
}
.env-control-label {
  width: 300px;
  display: block;
  color: #315868;
}
.env-control {
  width: 300px;
  text-align: left;
}
div > object {
  width: 1280px;
  height: 750px;
}
/* tab styles */
.content {
  width: 1500px;
  height: auto;
}
.content > ul {
  width: 1280px;
  height: 70px;
  max-width: 1280px;
  border-bottom: solid 1px #CCC;
  padding-inline-start: 0px;
  margin-left: 50px;
  margin-top: 20px;
  margin-bottom: 0px;
  overflow: hidden;
  border-bottom-color: transparent;
  font-weight: bold;
}
.content > ul li {
  float: left;
  list-style: none;
  border-bottom: 1px solid #00A3AF;
  background-color: #fff;
  outline: none;
  text-align: left;
  margin-right: 50px;
}
.content > ul li a {
  color: #00A3AF;
  padding-top: 5px;
  padding-left: 7px;
  padding-right: 7px;
  padding-bottom: 8px;
  display: block;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
.content > ul li.active {
  border-bottom: 1px solid #F96702;
  background-color: #fff;
}
.content > ul li.active a {
  color: #F96702;
}
.tabcontents {
  clear: both;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  height: 750px;
  margin-left: 50px;
  margin-bottom: 50px;
}
.tabcontents > div {
  height: 750px;
  padding: 10px;
  overflow: auto;
}
.form {
  display: block;
  margin-left: 2em;
  margin-right: 20em;
}
/* DITA stuff */
.codeblock {
  font-family: monospace;
  white-space: pre-wrap;
}
.codeph, .filepath {
  font-family: monospace;
}
pre {
  white-space: pre-wrap;
  color: #444;
  background-color: #fafafa;
  border: 1px solid #dcdcdc;
  border-radius: 2px;
  margin: 10px 0;
  padding: 8px;
  overflow-x: auto;
  font-size: 14.4px;
}
.kwd {
  font-weight: 400;
}
.parmname {
  font-weight: 400;
}
.cmdname {
  font-family: monospace;
}
.var {
  font-style: italic;
}
.filepath {
  font-family: monospace;
}
div.tasklabel {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
h2.tasklabel, .topictitle2.tasklabel, h3.tasklabel, .topictitle3.tasklabel, h4.tasklabel, .topictitle4.tasklabel, h5.tasklabel, h6.tasklabel {
  font-size: 100%;
}
.screen {
  padding: 5px 5px 5px 5px;
  border: outset;
  background-color: #CCCCCC;
  margin-top: 2px;
  margin-bottom: 2px;
  white-space: pre;
}
.wintitle {
  font-weight: 400;
}
.numcharref {
  color: #663399;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
.parameterentity {
  color: #663399;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
.textentity {
  color: #663399;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
.xmlatt {
  color: #663399;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
.xmlelrement {
  color: #663399;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
.xmlnsname {
  color: #663399;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
.xmlpi {
  color: #663399;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
.frame-top {
  border-top: solid 1px #777777;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
.frame-bottom {
  border-top: 0;
  border-right: 0;
  border-bottom: solid 1px #777777;
  border-left: 0;
}
.frame-topbot {
  border-top: solid 1px #777777;
  border-right: 0;
  border-bottom: solid 1px #777777;
  border-left: 0;
}
.frame-all {
  border: solid 1px;
}
.frame-sides {
  border-top: 0;
  border-left: solid 1px #777777;
  border-right: solid 1px #777777;
  border-bottom: 0;
}
.frame-none {
  border: 0;
}
.scale-50 {
  font-size: 50%;
}
.scale-60 {
  font-size: 60%;
}
.scale-70 {
  font-size: 70%;
}
.scale-80 {
  font-size: 80%;
}
.scale-90 {
  font-size: 90%;
}
.scale-100 {
  font-size: 100%;
}
.scale-110 {
  font-size: 110%;
}
.scale-120 {
  font-size: 120%;
}
.scale-140 {
  font-size: 140%;
}
.scale-160 {
  font-size: 160%;
}
.scale-180 {
  font-size: 180%;
}
.scale-200 {
  font-size: 200%;
}
.expanse-page, .expanse-spread {
  width: 100%;
}
.figcap {
  font-style: italic;
}
.figdesc {
  font-style: normal;
}
.figborder {
  border-color: silver;
  border-style: solid;
  border-width: 2px;
  margin-top: 1rem;
  padding-left: 3px;
  padding-right: 3px;
}
.figsides {
  border-color: silver;
  border-left: 2px solid #777777;
  border-right: 2px solid #777777;
  margin-top: 1rem;
  padding-left: 3px;
  padding-right: 3px;
}
.figtop {
  border-color: silver;
  border-top: 2px solid;
  margin-top: 1rem;
}
.figbottom {
  border-bottom: 2px solid #777777;
  border-color: silver;
}
.figtopbot {
  border-bottom: 2px solid #777777;
  border-color: silver;
  border-top: 2px solid #777777;
  margin-top: 1rem;
}
div.imageleft {
  text-align: left;
}
div.imagecenter {
  text-align: center;
}
div.imageright {
  text-align: right;
}
div.imagejustify {
  text-align: justify;
}
.topictitle5 {
  font-weight: bold;
}
.topictitle6 {
  font-style: italic;
}
.sectiontitle {
  color: #000;
  font-size: 1.17rem;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 1rem;
}
.section {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.example {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.ullinks {
  list-style-type: none;
  padding-left: 0;
}
.ulchildlink {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.olchildlink {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.linklist {
  margin-bottom: 1rem;
}
.linklistwithchild {
  margin-bottom: 1rem;
  margin-left: 1.5rem;
}
.sublinklist {
  margin-bottom: 1rem;
  margin-left: 1.5rem;
}
.relconcepts {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.reltasks {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.relref {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.relinfo {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.breadcrumb {
  font-size: smaller;
  margin-bottom: 1rem;
}
.parentlink {
  margin-top: 20px;
}
ul.simple {
  list-style-type: none;
}
.dlterm {
  font-weight: 400;
}
.dltermexpand {
  font-weight: 400;
  margin-top: 1rem;
}
*[compact="yes"] > li {
  margin-top: 0;
}
*[compact="no"] > li {
  margin-top: 0.53rem;
}
.liexpand {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.sliexpand {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.dlexpand {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.ddexpand {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.stepexpand {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.substepexpand {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
dt.prereq {
  margin-left: 20px;
}
.note {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.note .notetitle, .note .notelisttitle, .note .note__title {
  font-weight: 400;
}
.bold {
  font-weight: 400;
}
.bolditalic {
  font-style: italic;
  font-weight: 400;
}
.italic {
  font-style: italic;
}
.underlined {
  text-decoration: underline;
}
.uicontrol {
  font-weight: 400;
}
.defkwd {
  font-weight: 400;
  text-decoration: underline;
}
.shortcut {
  text-decoration: underline;
}
.menucascade > abbr {
  text-decoration: none;
}
table.table {
  border-color: #fff;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  background-color: #eee;
  margin: 1rem 0;
}
table.table .desc {
  display: block;
  font-style: italic;
}
table.table thead tr, table.table th {
  border-color: #fff;
  background-color: #5f7c82;
  font-weight: 500;
  color: #fff;
}
table.table th, table.table td {
  padding: 5px;
  overflow-wrap: break-word;
  font-size: 90%;
}
table.table tbody tr:nth-child(odd) {
  background-color: #eee;
}
table.table tbody tr:nth-child(even) {
  background-color: #ddd;
}
table.table caption {
  margin: 0.5rem 0 0.25rem 0;
}
table.table caption .table--title-label {
  font-weight: bold;
  color: #666;
}
table.table pre.codeblock {
  padding: 8px;
  margin: 10px 0;
  background-color: #fafafa;
  border: 1px solid #dcdcdc;
  line-height: 20px;
  border-radius: 2px;
  width: 90%;
  overflow-x: auto;
}
table.table samp {
  background-color: #fafafa;
  border: 1px solid #dcdcdc;
  border-radius: 2px;
  padding: 1px 2px;
  color: #444;
}
table.table .cellrowborder {
  border-bottom: solid 1px #fff;
  border-left: 0;
  border-right: solid 1px #fff;
  border-top: 0;
}
table.table .row-nocellborder {
  border-bottom: solid 1px #fff;
  border-left: 0;
  border-top: 0;
}
table.table .cell-norowborder {
  border-left: 0;
  border-right: solid 1px #fff;
  border-top: 0;
}
table.table .nocellnorowborder {
  border: 0;
}
table.table .firstcol {
  font-weight: 400;
}
table.table .table--pgwide-1 {
  width: 100%;
}
table.table .colsep-0 {
  border-right: 0;
}
table.table .colsep-1 {
  border-right: 1px solid #fff;
}
table.table .rowsep-0 {
  border-bottom: 0;
}
table.table .rowsep-1 {
  border-bottom: 1px solid #fff;
}
table.table .stentry {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
table.table .stentry:last-child {
  border-right: 0;
}
table.table .strow:last-child .stentry {
  border-bottom: 0;
}
table.table .align-left {
  text-align: left;
}
table.table .align-right {
  text-align: right;
}
table.table .align-center {
  text-align: center;
}
table.table .align-justify {
  text-align: justify;
}
table.table .valign-top {
  vertical-align: top;
}
table.table .valign-bottom {
  vertical-align: bottom;
}
table.table .valign-middle {
  vertical-align: middle;
}
table.simpletable {
  border-color: #fff;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  background-color: #eee;
  margin: 1rem 0;
}
table.simpletable .desc {
  display: block;
  font-style: italic;
}
table.simpletable thead tr, table.simpletable th {
  border-color: #fff;
  background-color: #5f7c82;
  font-weight: 500;
  color: #fff;
}
table.simpletable th, table.simpletable td {
  padding: 5px;
  overflow-wrap: break-word;
  font-size: 90%;
}
table.simpletable tbody tr:nth-child(odd) {
  background-color: #eee;
}
table.simpletable tbody tr:nth-child(even) {
  background-color: #ddd;
}
table.simpletable caption {
  margin: 0.5rem 0 0.25rem 0;
}
table.simpletable caption .table--title-label {
  font-weight: bold;
  color: #666;
}
table.simpletable.no-format {
  border-color: transparent;
  table-layout: auto;
  width: auto;
  border-collapse: separate;
  background-color: transparent;
  margin: 0;
}
table.simpletable.no-format .desc {
  display: block;
  font-style: italic;
}
table.simpletable.no-format thead tr, table.simpletable.no-format th {
  border-color: transparent;
  background-color: transparent;
  font-weight: 500;
  color: #000;
}
table.simpletable.no-format th, table.simpletable.no-format td {
  padding: 5px;
  overflow-wrap: break-word;
  font-size: 90%;
}
table.simpletable.no-format tbody tr {
  background-color: transparent;
}
table.simpletable.no-format caption {
  margin: 0.5rem 0 0.25rem 0;
}
table.simpletable.no-format caption .table--title-label {
  font-weight: bold;
  color: #666;
}
.nested0 {
  margin-top: 1rem;
}
.p {
  margin-top: 1rem;
}
/* Task topic labels */
.steps::before {
  content: "Steps";
  font-weight: 400;
  margin-left: -20px;
}
.context::before {
  content: "About this task";
  display: block;
  font-weight: 400;
}
.context p {
  margin-top: 0em;
}
.result::before {
  content: "Result";
  display: block;
  font-weight: 400;
}
.result p {
  margin-top: 0em;
}
.postreq::before {
  content: "After you finish";
  display: block;
  font-weight: 400;
}
.postreq p {
  margin-top: 0em;
}
.prereq::before {
  content: "Before you begin";
  display: block;
  font-weight: 400;
}
.prereq p {
  margin-top: 0em;
}
.example::before {
  content: "Example";
  display: block;
  font-weight: 400;
}
.note {
  margin-top: 1em;
  margin-bottom: 1em;
  background-color: #eef4f7;
  padding: 10px 20px;
  border-radius: 2px;
}
.admon-title-text {
  color: #555;
  font-weight: bold;
  text-transform: capitalize;
  margin-bottom: 10px;
}
.note.note .admon-title-text:before {
  font-family: 'Font Awesome 5 Free';
  color: #555;
  content: "\f044";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
}
.note.warning span.title:before, #beta_message p.lines:before {
  font-family: 'Font Awesome 5 Free';
  color: #555;
  content: "\f071";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
}
.note.tip {
  background-color: #f1f6d3;
  border: none;
}
.note.important .admon-title-text:before {
  font-family: 'Font Awesome 5 Free';
  color: #555;
  content: "\f06a";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
}
.note.important {
  background-color: #fefaee;
  border: none;
}
aside, blockquote, dl, h1, h2, .topictitle2, h3, .topictitle3, h4, .topictitle4, h5, h6, ol, p, ul, .p {
  max-width: 52rem;
}
/* Style for known issues and fixed issues */
.ki-item {
  border-top: 1px solid black;
  margin-bottom: 24px;
}
.ki-jira {
  margin-bottom: 12px;
}
.ki-workaround::before {
  content: "Workaround: ";
  display: inline;
  font-weight: 400;
}
.fi-item {
  border-top: 1px solid black;
  margin-bottom: 24px;
}
.fi-jira {
  margin-bottom: 12px;
}
/* Style for dl-gen */
.dl-gen {
  background-color: #ededed;
}
/* Style for sl-gen */
.sl-gen {
  background-color: #ededed;
}
.sl-desc::before {
  content: "Description: ";
  display: inline;
  font-weight: 400;
}
.sl-template-name::before {
  content: "Template Name: ";
  display: inline;
  font-weight: 400;
}
.sl-default::before {
  content: "Default Value: ";
  display: inline;
  font-weight: 400;
}
.sl-unit::before {
  content: "Unit: ";
  display: inline;
  font-weight: 400;
}