/* This style file has been created automatically per your request.

The following pages can help you get started with CSS:
* CSS Tutorial (http://w3schools.com/css/default.asp)
* CSS3 Tutorial (http://w3schools.com/css3/default.asp)
* CSS Reference (http://w3schools.com/cssref/default.asp) */
.TopicViewer_contentContainer
{
  font-family: 'Roboto', sans-serif;
  margin: 0px;
  padding: 8px;
  color: #353535;
  line-height: 1.5;
}

/* Import font from Google Web Fonts */
@font-face
{
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

.TopicViewer_contentContainer .nospacing
{
  margin-top: 0;
  margin-bottom: 0;
}

.TopicViewer_contentContainer a,
.TopicViewer_contentContainer .CHHotspot
{
  color: #00BFB4;
  text-decoration: none;
}

.TopicViewer_contentContainer a:visited
{
  color: #3E8983;
}

.TopicViewer_contentContainer a:hover,
.TopicViewer_contentContainer .CHHotspot:hover
{
  color: #0F585D;
}

.TopicViewer_contentContainer a:active,
.TopicViewer_contentContainer .CHHotspot:active
{
  color: #0F585D;
}

.TopicViewer_contentContainer .CHHotspot_expanded
{

}

.TopicViewer_contentContainer a img
{
  border: 0;
}

.TopicViewer_contentContainer h1
{
  color: #313131;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 40px;
  margin: 0;
}

.TopicViewer_contentContainer h2
{
  width: 100%;
  text-align: left;
  color: #686868;
  padding-top: 35px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 10px solid #EEEEEE;
}

.TopicViewer_contentContainer ul
{
  list-style-image: url('../../Storage/vce-user-guide-v1-1/bullet_9x9.png');
  padding-left: 40px;
}

.TopicViewer_contentContainer ul li
{
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  vertical-align: middle;
}

.TopicViewer_contentContainer ol
{
  padding-left: 40px;
}

.TopicViewer_contentContainer ol li
{
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}

.TopicViewer_contentContainer .listNumeric
{
  list-style-type: decimal;
}

.TopicViewer_contentContainer .listAlpha
{
  list-style-type: lower-alpha;
}

.TopicViewer_contentContainer .listRoman
{
  list-style-type: lower-roman;
}

.TopicViewer_contentContainer .listDisc
{
  list-style-type: disc;
}

.TopicViewer_contentContainer .listCircle
{
  list-style-type: circle;
}

.TopicViewer_contentContainer .listSquare
{
  list-style-type: square;
}

@media print
{
  .TopicViewer_contentContainer .nonPrintable
  {
    display: none;
  }
}

/* --- Custom classes --- */
.TopicViewer_contentContainer .screenshot
{
  box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.75);
  -webkit-print-color-adjust:exact;
  -webkit-filter:opacity(1);
}

.banner-img{
  width: 100%;
  /* height: 50%; */
  opacity: 90%;
}

.bannerContainer {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 1450px;
  /* top: 20%; */
  /* background-color: black; */
  /* justify-self: center;
  align-self: center; */
  /* top: 400px; */
}

.bannerContainer::before {
  /* content: ""; */
  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
  align-items: center;
  justify-content: center;
  align-self: center;
  justify-items: center;
  /* width: 100%; */
  /* height: 100%; */
  background-color: rgba(0, 0, 0, 0.295);
  z-index: 1;
}

.bannerContainer .bannerText {
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  top: 10%;
  color: #ffffff;
  font-size: 70px;
  text-align: center;
  /* z-index: 1; */
  top: 50%; 
  left: 50%;
  transform: translate(-50%, -50%);
  print-color-adjust: economy;
}

/* Start Page */
.TopicViewer_contentContainer .startHeader
{
  background: #444349 url('../../Storage/vce-user-guide-v1-1/startbanner.png');
  margin: 0;
  color: #ffffff;
  line-height: 130px;
  padding-left: 25px;
  padding-right: 25px;
  margin-bottom: 15px;
  font-size: 37px;
}

.TopicViewer_contentContainer .startTable
{
  clear: both;
}

.TopicViewer_contentContainer .startHeader .CHHeadingLink,
.TopicViewer_contentContainer .startTable .CHHeadingLink
{
  display: none;
}

.TopicViewer_contentContainer .startTileWrapper
{
  overflow: hidden;
}

.TopicViewer_contentContainer .startTileWrapper h2
{
  border-top: none;
  text-align: center;
  font-size: 1.5em;
  padding-top: 20px;
  margin-top: 0;
}

.TopicViewer_contentContainer .startTileOuter:before
{
  content: "";
  display: block;
  padding-top: 10px;
  background: white;
}

.TopicViewer_contentContainer .startTileOuter
{
  float: left;
  width: 50%;
}

/* Phone to portrait tablet */
@media (max-width: 767px)
{
/* One column per screen */
  .TopicViewer_contentContainer .startTileOuter
  {
    width: 100%;
  }
}

.TopicViewer_contentContainer .startTileInner
{
  padding-bottom: 100%;
  margin-bottom: -100%;
  background-color: #EEEEEE;
  margin-left: 5px;
  margin-right: 5px;
  padding-right: 10px;
}

.TopicViewer_contentContainer .startTileInner li
{
  font-size: 1.1em;
}

/* Wrapper & footer elements */
.TopicViewer_contentContainer .footer
{
  margin-top: 20px;
  padding-top: 5px;
  font-size: 12px;
  border-top: 1px solid #E0E0E0;
  background: #fff;
  color: #686868;
}

/* Tables */
.TopicViewer_contentContainer .sampleTable
{
  max-width: 480px;
}

/* CHTable is the CSS class assigned to all tables by default. Use the styles below to customize the default tables appearance */
.TopicViewer_contentContainer .CHTable th,
.TopicViewer_contentContainer .CHTable td
{
  border: 1px solid #eee;
}

.TopicViewer_contentContainer .CHTable
{
  font-size: 12px;
  text-align: left;
  border-collapse: collapse;
  background: #fff;
}

.TopicViewer_contentContainer .CHTable td
{
  padding: 8px;
  color: #333;
}

.TopicViewer_contentContainer .CHTable th
{
  font-size: 15px;
  padding: 10px 8px;
  color: #353535;
  background: #E0E0E0;
  font-weight: normal;
}

.TopicViewer_contentContainer .CHTable tr:nth-child(even)
{
  background: #E0E0E0;
}

/* Simple table */
.TopicViewer_contentContainer .tableSimple
{
  font-size: 12px;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  border: 1px solid #6C6C6C;
}

.TopicViewer_contentContainer .tableSimple th
{
  padding: 15px 10px 10px 10px;
  font-weight: normal;
  font-size: 14px;
  color: #fff;
  text-align: left;
  background-color: #939393;
}

.TopicViewer_contentContainer .tableSimple tbody
{
  background: white;
}

.TopicViewer_contentContainer .tableSimple td
{
  padding: 10px;
  color: #333;
  border-top: 1px solid #6C6C6C;
  text-align: left;
}

.TopicViewer_contentContainer .tableSimple tbody tr:hover td
{
  background: #EEEEEE;
}

/* Table with both rows and columns having odd/even styles */
.TopicViewer_contentContainer .tableVerZebra
{
  font-size: 12px;
  text-align: left;
  border-collapse: collapse;
  background: #EEEEEE;
}

.TopicViewer_contentContainer .tableVerZebra th
{
  font-size: 15px;
  padding: 12px 15px;
  background: #EEEEEE;
  color: #333;
  font-weight: normal;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}

.TopicViewer_contentContainer .tableVerZebra tr:nth-child(odd)
{
  background: #939393;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  color: #fff;
}

.TopicViewer_contentContainer .tableVerZebra td
{
  padding: 8px 15px;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}

.TopicViewer_contentContainer .tableVerZebra tfoot td
{
  background: #EEEEEE;
  color: #333;
}

/* Info Box */
.TopicViewer_contentContainer .infoBox
{
  width: 100%;
  padding: 3px;
  font-size: 0.8em;
  background: #EEEEEE;
  margin-top: 5px;
  margin-bottom: 5px;
}

.TopicViewer_contentContainer .infoBox td
{
  padding: 5px;
}

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

.TopicViewer_contentContainer .infoBox p
{
  margin-top: 0;
}

.TopicViewer_contentContainer .infoBoxImageCell
{
  width: 16px;
}

.TopicViewer_contentContainer .warningBox
{
  width: 100%;
  padding: 3px;
  font-size: 0.8em;
  background: #EEEEEE;
  margin-top: 5px;
  margin-bottom: 5px;
}

.TopicViewer_contentContainer .warningBox td
{
  padding: 5px;
}

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

.TopicViewer_contentContainer .warningBox p
{
  margin-top: 0;
}

.TopicViewer_contentContainer .warningBoxImageCell
{
  width: 16px;
}

/* "Show More" Box */
.TopicViewer_contentContainer .CHBoxShowMore
{

}

.TopicViewer_contentContainer .CHBoxShowMore .showMoreLabel
{

}

.TopicViewer_contentContainer .CHBoxShowMore .hideLabel
{

}

.TopicViewer_contentContainer .CHBoxShowMore .showMoreContent
{

}

/* Navigation elements */
.TopicViewer_contentContainer .CHNavLinkTop
{

}

.TopicViewer_contentContainer .CHNavLinkNext
{

}

.TopicViewer_contentContainer .CHNavLinkPrevious
{

}

.TopicViewer_contentContainer .CHNavCaption
{

}

.TopicViewer_contentContainer .CHSeeAlso
{

}

.TopicViewer_contentContainer .CHSeeAlso_separator
{

}

.TopicViewer_contentContainer .CHSeeAlso_item
{

}

.TopicViewer_contentContainer .CHSeeAlso_itemChild
{

}

.TopicViewer_contentContainer .CHSeeAlso_itemSibling
{

}

.TopicViewer_contentContainer .CHSeeAlso_hasChildren
{

}

.TopicViewer_contentContainer .CHSeeAlso_hasSiblings
{

}

.TopicViewer_contentContainer .CHBreadcrumb
{

}

.TopicViewer_contentContainer .CHBreadcrumb_separator
{

}

.TopicViewer_contentContainer .CHBreadcrumb_item
{

}

.TopicViewer_contentContainer .CHBreadcrumb_itemHome
{

}

.TopicViewer_contentContainer .CHBreadcrumb_itemPub
{

}

.TopicViewer_contentContainer .CHBreadcrumb_itemSelf
{

}

/* FAQ */
.TopicViewer_contentContainer .faqQuestionText
{
  background: #EEEEEE;
  padding: 10px;
  padding-left: 20px;
  font-size: 1.1em;
}

.TopicViewer_contentContainer .faqAnswer
{
  padding-left: 10px;
}

/* Link icons displayed on hover in headings */
.TopicViewer_contentContainer .CHHeadingLink
{

}

/* Mini-TOC */
.TopicViewer_contentContainer .CHMiniToc
{

}

.TopicViewer_contentContainer .CHMiniToc_heading3,
.TopicViewer_contentContainer .CHMiniToc_heading4,
.TopicViewer_contentContainer .CHMiniToc_heading5,
.TopicViewer_contentContainer .CHMiniToc_heading6
{

}

/* Code Samples */
.TopicViewer_contentContainer .CHCodeSample_container
{

}

.TopicViewer_contentContainer .CHCodeSample_header
{

}

.TopicViewer_contentContainer .CHCodeSample_langName
{

}

.TopicViewer_contentContainer .CHCodeSample_copyCode
{

}

.TopicViewer_contentContainer .CHCodeSample_code
{

}

/* Tabs */
.TopicViewer_contentContainer .CHTabs_container
{

}

.TopicViewer_contentContainer .CHTabs_tabCaptionsContainer
{

}

.TopicViewer_contentContainer .CHTabs_tabCaption
{

}

.TopicViewer_contentContainer .CHTabs_tabCaption:hover
{
  color: rgb(0, 191, 180);
  background-color: #E6F9F8;
}

.TopicViewer_contentContainer .CHTabs_tabCaption.CHTabs_tabCaptionSelected,
.TopicViewer_contentContainer .CHTabs_tabCaptionSelected:hover
{
  color: rgb(0, 191, 180);
  background-color: #CFEBED;
}

.TopicViewer_contentContainer .CHTabs_tabContentContainer
{

}

/* API Docs Elements - begin */
.TopicViewer_contentContainer .inlineCode
{
  font-family: "Consolas", monospace;
  color: #696969;
  background: #f6f7f9;
  padding: 3px;
  border-radius: 3px;
}

/* CHMemberTable */
.TopicViewer_contentContainer .CHMemberTable
{
  border: 1px solid #e7ecf0;
  border-radius: 3px;
  border-collapse: collapse;
  width: 100%;
}

.TopicViewer_contentContainer .CHMemberTable tr:nth-child(even)
{
  background-color: #f5f7f9;
}

.TopicViewer_contentContainer .CHMemberTable td
{
  border-bottom: 1px solid #f5f7f9;
  vertical-align: baseline;
  padding: 10px;
}

.TopicViewer_contentContainer .CHMemberTable td p
{
  margin: 0;
  line-height: 1.5;
}

.TopicViewer_contentContainer .CHMemberTable tr td:first-child,
.TopicViewer_contentContainer .CHMemberTable tbody tr td:first-child
{
  line-height: 1;
  white-space: nowrap;
}

.TopicViewer_contentContainer .CHMemberTable tr td:nth-child(2),
.TopicViewer_contentContainer .CHMemberTable tbody tr td:nth-child(2)
{
  font-family: "Consolas", monospace;
  color: #8792a2;
  white-space: nowrap;
}

.TopicViewer_contentContainer .CHMemberTable tr td:last-child,
.TopicViewer_contentContainer .CHMemberTable tbody tr td:last-child
{
  width: 100%;
}

.TopicViewer_contentContainer .CHMemberTable_optionalMark,
.TopicViewer_contentContainer .CHMemberTable_requiredMark
{
  font-family: monospace;
  font-size: 0.9em;
  text-transform: uppercase;
}

.TopicViewer_contentContainer .CHMemberTable_requiredMark
{
  color: #ed6055;
}

/* CHHttpRequest */
.TopicViewer_contentContainer .CHHttpRequest
{
  width: 100%;
  table-layout: fixed;
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 1em;
}

.TopicViewer_contentContainer .CHHttpRequest_headerImg,
.TopicViewer_contentContainer .CHHttpRequest_headerText
{
  padding-top: 5px;
  padding-bottom: 8px;
  font-weight: bold;
}

.TopicViewer_contentContainer .CHHttpRequest_get .CHHttpRequest_headerImg,
.TopicViewer_contentContainer .CHHttpRequest_put .CHHttpRequest_headerImg
{
  width: 40px;
}

.TopicViewer_contentContainer .CHHttpRequest_post .CHHttpRequest_headerImg
{
  width: 47px;
}

.TopicViewer_contentContainer .CHHttpRequest_delete .CHHttpRequest_headerImg
{
  width: 63px;
}

.TopicViewer_contentContainer .CHHttpRequest_headerImg
{
  padding-right: 10px;
}

.TopicViewer_contentContainer .CHHttpRequest_headerImg img
{
  vertical-align: middle;
}

.TopicViewer_contentContainer .CHHttpRequest_headerText
{
  width: 100%;
}

.TopicViewer_contentContainer .CHHttpRequest_code
{
  font-family: "Consolas", monospace;
  font-size: 14px;
  color: #696969;
  background: #f6f7f9;
  border-radius: 4px;
  padding: 10px 16px;
}

/* CHResponseCode */
.TopicViewer_contentContainer .CHResponseCode_good,
.TopicViewer_contentContainer .CHResponseCode_warning,
.TopicViewer_contentContainer .CHResponseCode_error
{
  font-weight: bold;
  margin-bottom: 0;
}

.TopicViewer_contentContainer .CHResponseCode_good p,
.TopicViewer_contentContainer .CHResponseCode_warning p,
.TopicViewer_contentContainer .CHResponseCode_error p
{
  margin-top: 0;
}

.TopicViewer_contentContainer .CHResponseCode_good::before,
.TopicViewer_contentContainer .CHResponseCode_warning::before,
.TopicViewer_contentContainer .CHResponseCode_error::before
{
  content: " ";
  display: inline-block;
  height: 10px;
  width: 10px;
  border-radius: 50%;
}

.TopicViewer_contentContainer .CHResponseCode_good::before
{
  background: #27cb7c;
}

.TopicViewer_contentContainer .CHResponseCode_warning::before
{
  background: #ff9d3d;
}

.TopicViewer_contentContainer .CHResponseCode_error::before
{
  background: #ff4741;
}

/* API Docs Elements - end */