/* This style file is supposed to be applied to printable documentation
 which is going to be exported to PDF, DOCX, RTF or other similar formats.
 If this file is loaded after the main Style.css file, styles from Style.css
 will be overriden by styles in this file. 

 Thus, you can make some elements appear differently in online and printable 
 versions of your documentation without changing anything in the topics. */
/* Apply this class to all elements which should NOT be visible in printable
 version of your documentation, like navigation buttons, Show More/Hide switches 
 for "Show More" blocks and other active elements irrelevant for printable docs. */
.ch-ArticleContent .nonPrintable
{
  display: none;
}

/* Reset styles which are not CURRENTLY supported in printable output to provide proper 
 preview in the WYSIWYG topic editor. */
/* Background images are not supported. */
.ch-ArticleContent *
{
  background-image: none !important;
}

/* Borders and paddings are supported for tables only.
 Use margins instead of paddings for other elements. */
.ch-ArticleContent div,
.ch-ArticleContent p,
.ch-ArticleContent a,
.ch-ArticleContent img,
.ch-ArticleContent h1,
.ch-ArticleContent h2,
.ch-ArticleContent h3,
.ch-ArticleContent h4,
.ch-ArticleContent h5,
.ch-ArticleContent h6
{
  border: 0 none !important;
  padding: 0 !important;
}

/* Custom list images are not supported */
.ch-ArticleContent ul
{
  list-style-image: none !important;
}

/* Add "Keep with text" for headings */
.ch-ArticleContent h1,
.ch-ArticleContent h2,
.ch-ArticleContent h3,
.ch-ArticleContent h4,
.ch-ArticleContent h5,
.ch-ArticleContent h6,
.ch-ArticleContent .CHTable thead
{
  page-break-after: avoid;
}

/*base*/
.ch-ArticleContent
{
  font-family: "Circe", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
  color: #383838;
}

.ch-ArticleContent p,
.ch-ArticleContent ul,
.ch-ArticleContent ol,
.ch-ArticleContent li
{
  font-size: 16px;
  color: #383838;
  line-height: 1.5;
}

.ch-ArticleContent img
{
  padding-bottom: 14px;
}

.ch-ArticleContent h1
{
  font-size: 22px;
  margin-bottom: 0;
}

.ch-ArticleContent h2
{
  font-size: 20px;
  font-weight: bold;
  margin-top: 18px;
}

.ch-ArticleContent h3
{
  font-size: 18px;
  font-weight: bold;
  margin-top: 18px;
}

.ch-ArticleContent li
{
  margin-top: 1em;
  margin-bottom: 1em;
}

.ch-ArticleContent .nospacing
{
  margin-top: 1em;
  margin-bottom: 1em;
}

/* Info/warning boxes */
.ch-ArticleContent .successBox,
.ch-ArticleContent .warningBox,
.ch-ArticleContent .errorBox,
.ch-ArticleContent .noteBox,
.ch-ArticleContent .infoBox
{
  min-width: 100%;
  max-width: 100%;
  border-radius: 8px;
  font-size: 16px;
  page-break-inside: avoid;
}

.ch-ArticleContent .successBox td,
.ch-ArticleContent .warningBox td,
.ch-ArticleContent .errorBox td,
.ch-ArticleContent .noteBox td,
.ch-ArticleContent .infoBox td
{
  padding: 15px 5px;
  vertical-align: top;
}

.ch-ArticleContent .infoBox
{
  background-color: #E6F0F9;
  border-left: 4px solid #A3C6CE;
}

.ch-ArticleContent .noteBox
{
  background-color: #EFECF7;
  border-left: 4px solid #CBB8FD;
}

.ch-ArticleContent .successBox
{
  background-color: #E7F3EF;
  border-left: 4px solid #A9D6C7;
}

.ch-ArticleContent .warningBox
{
  background-color: #FFF4E9;
  border-left: 4px solid #F3CDA8;
}

.ch-ArticleContent .errorBox
{
  background-color: #FDE9E8;
  border-left: 4px solid #F5B1AD;
}

.ch-ArticleContent .successBoxImageCell,
.ch-ArticleContent .warningBoxImageCell,
.ch-ArticleContent .errorBoxImageCell,
.ch-ArticleContent .noteBoxImageCell,
.ch-ArticleContent .infoBoxImageCell
{
  margin-left: 10px;
}

/*.successBoxImageCell img,
.warningBoxImageCell img,
.errorBoxImageCell img,
.noteBoxImageCell img,
.infoBoxImageCell img
{
  max-width: 100%;
}*/
/* "Show More" Box */
.ch-ArticleContent .CHBoxShowMore
{
  border: none;
}

/* Table */
.ch-ArticleContent .CHTable
{
  font-size: 16px;
}