#navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  z-index: 1000;
  height: auto;
}
.ginger-navbar {
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 25px;
  margin-top: 0;
}
.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand img {
  max-width: 98px;
  vertical-align: middle;
  border-style: none;
}
.background-container {
  display: flex;
  margin-top: -90px;
  background: url("../../images/uploads/DocumentaionsBG_Image.png") top right no-repeat, linear-gradient(90deg, #fff 62%, #444 38%);
}
@media only screen and (max-width: 1800px) {
  .background-container {
    background-position: top right -400px, 0 0;
  }
}
.documentation-frame {
  width: 2048px;
  margin-left: auto;
  margin-right: auto;
  font-family: 'Open Sans', sans-serif !important;
}
.left {
  width: 62%;
  padding-left: 20%;
  padding-right: 10px;
}
.main-title {
  text-align: left;
  font-size: 30px;
  color: #222;
  font-weight: 300;
}
.padding-top {
  padding-top: 140px;
}
.sub-title {
  font-size: 20px;
  color: #222;
  font-weight: 600;
}
.paragraph-space {
  margin-top: 40px;
}
.content-text {
  margin-top: 20px;
  font-size: 14px;
  color: #333;
  padding-left: 0;
  padding-right: 0;
}
.line-space {
  line-height: 20px;
}
#table-root {
  width: 97%;
  display: table;
  padding-left: 20px;
  padding-right: 20px;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
  table-layout: fixed;
}
.table-title {
  display: table-caption;
  padding-top: 22px;
  padding-bottom: 22px;
  font-size: 16px;
  color: #666;
  height: 60px;
  background-color: #eee;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  text-align: center;
  font-weight: 600;
}
#table-header-group {
  display: table-header-group;
  font-weight: 700;
  font-size: 14px;
  color: #222;
}
#table-row-group {
  display: table-row-group;
  font-size: 14px;
  color: #333;
}
.table-row {
  display: table-row;
}
.border-cell {
  border-bottom: 1px solid #eee;
}
.table-row-cell {
  display: table-cell;
  padding: 10px 0;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.left-side {
  width: 62%;
  padding-left: 20%;
  padding-right: 10px;
}
.margin-top {
  margin-top: 61px;
}
.black-color {
  background-color: #333;
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 18px;
  border-bottom: 0 solid #333;
  border-top: 0 solid #333;
}
.right-side {
  width: 38%;
}
.sub-title-right {
  font-size: 16px;
  color: #fff;
  font-weight: 300;
}
.results-font {
  font-size: 14px;
  font-weight: 300;
}
.table-header-cell {
  display: table-cell;
  padding: 10px 170px 35px 0;
}
.display-flex {
  display: flex;
}
.table-border-top {
  border-top: 1px solid #eee;
}
#table-header-group {
  display: table-header-group;
  font-weight: 700 !important;
  font-size: 14px;
  color: #222;
}
pre {
  color: #ffefb0;
  line-height: 18px;
  white-space: pre-wrap;
  word-break: break-word;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  display: block;
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}