/* 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) */
/* Import font from Google Web Fonts */@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');
@font-face
{
  font-family: 'Lato', sans-serif;
  color: #31373B;
  text-align: left;
}

.TopicViewer_contentContainer
{
  height: 100%;
  width: 100%;
}

.TopicViewer_contentContainer
{
  font-family: 'Lato', "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  display: flex;
  height: 100%;
  flex-direction: column;
  box-sizing: border-box;
  margin-right: 8px;
  color: #31373B;
}

.TopicViewer_contentContainer p
{
  max-width: 50em;
  margin-right: 32px;
  font-size: 16px;
  color: #31373B;
}

.TopicViewer_contentContainer p.narrow
{
  max-width: 32em;
  margin-right: 32px;
  color: #31373B;
}

@media
{
  .TopicViewer_contentContainer
  {

  }
}

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

.TopicViewer_contentContainer a,
.TopicViewer_contentContainer .CHHotspot
{
  color: #046BA5;
  text-decoration: none;
}

.TopicViewer_contentContainer a:visited
{
  color: #046BA5;
}

.TopicViewer_contentContainer a:hover,
.TopicViewer_contentContainer .CHHotspot:hover
{
  color: #079AED;
  text-decoration: underline;
}

.TopicViewer_contentContainer a:active,
.TopicViewer_contentContainer .CHHotspot:active
{
  color: #079AED;
}

.TopicViewer_contentContainer a img
{
  border: 0;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.TopicViewer_contentContainer img
{

}

.TopicViewer_contentContainer h1
{
  font-family: 'Lato', "Arial", "Helvetica", sans-serif;
  font-size: 48px;
  color: #31373B;
}

.TopicViewer_contentContainer h2
{
  font-family: 'Lato', "Arial", "Helvetica", sans-serif;
  font-size: 32px;
  margin-bottom: -8px;
  color: #31373B;
}

.TopicViewer_contentContainer h3
{
  font-family: 'Lato', "Arial", "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 25px;
  margin-bottom: -8px;
  color: #31373B;
}

.TopicViewer_contentContainer h4
{
  font-family: 'Lato', "Arial", "Helvetica", sans-serif;
  font-weight: 900;
  font-size: 21px;
  margin-bottom: -12px;
  color: #31373B;
}

.TopicViewer_contentContainer h5
{
  font-family: 'Lato', "Arial", "Helvetica", sans-serif;
  font-weight: 900;
  font-size: 16px;
  margin-bottom: -16px;
  color: #31373B;
}

.TopicViewer_contentContainer ul
{
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 32px;
}

.TopicViewer_contentContainer ul li
{
  list-style-type: none;
  font-size: 16px;
  color: #31373B;
}

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

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

/* --- Custom classes --- */
.TopicViewer_contentContainer .headerBreadcumb
{
  padding: 8px;
  background: #EEEEEE;
}

.TopicViewer_contentContainer .headerBreadcumb::before
{
  content: "You are here: ";
  font-weight: bold;
}

/* Sidebar
.sidebar
{
position: fixed;
width: 280px;
right: 0;
bottom: 0;
top: 0;
overflow: auto;
background: white;
}

@media (max-width: 979px)
{
.sidebar
{
display: none;
}
}

.sidebar .CHMiniToc
{
padding-left: 0;
list-style-type: none;
}

.sidebar .CHMiniToc::before
{
content: "In this topic:";
font-weight: bold;
padding-left: 10px;
}

.sidebar .CHMiniToc li
{
padding-left: 20px;
}

.sidebar .CHSeeAlso
{
list-style-type: none;
padding-left: 0;
}

.sidebar .CHSeeAlso::before
{
content: "Related Topics";
font-weight: bold;
}

.screenshot
{
box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.75);
}
End Sidebar */
/* Start Page */
.TopicViewer_contentContainer .startHeader
{
  margin-bottom: 15px;
  padding: 8px;
  background: url('../../Storage/climatescore-manual-1-5-1/escheresque.png');
  font-weight: 400;
  font-family: 'Lato', "Arial", "Helvetica", sans-serif;
}

.TopicViewer_contentContainer .startTable
{
  margin-top: 8px;
}

.TopicViewer_contentContainer .startTable h2
{
  padding-top: 0;
  padding-left: 4px;
  margin: 0;
}

.TopicViewer_contentContainer .startTable:after
{
  content: "";
  clear: both;
  display: block;
}

.TopicViewer_contentContainer .startColumn
{
  float: left;
  width: 33.333333333333%;
}

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

/* Footer element */
.TopicViewer_contentContainer .footer
{
  font-size: 12px;
  margin-top: 24px;
  padding: 8px;
  border-top: 1px solid #a2a2a2;
  color: #696969;
  position: absolute;
  bottom: 8px;
  width: 97%;
}

/* 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: hidden
;
}

.TopicViewer_contentContainer .CHTable
{
  font-size: 16px;
  text-align: left;
  border-collapse: collapse;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.TopicViewer_contentContainer .CHTable th
{
  font-size: 16px;
  font-weight: normal;
  padding: 0px 0px;
  color: #4C5458;
  background: #efefef;
}

.TopicViewer_contentContainer .CHTable td
{
  padding: 0px;
  color: #333;
  vertical-align: top;
}

.TopicViewer_contentContainer tr th:first-child,
.TopicViewer_contentContainer tr td:first-child
{
  width: 40%;
  min-width: 40%;
  max-width: 40%;
}

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

.TopicViewer_contentContainer .tableSimple th
{
  padding: 16px 8px 8px 8px;
  font-weight: normal;
  font-size: 14px;
  color: #31373B;
  text-align: left;
}

.TopicViewer_contentContainer .tableSimple tbody
{
  background: transparent;
}

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

.TopicViewer_contentContainer .tableSimple tbody tr:hover td
{
  color: black;
  background: #EFEFEF;
}

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

.TopicViewer_contentContainer .tableVerZebra th
{
  font-size: 14px;
  font-weight: normal;
  padding: 12px 16px;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  color: #4C5458;
  background: #eee;
}

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

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

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

/* Info Box */
.TopicViewer_contentContainer .infoBox
{
  width: 85%;
  padding: 4px;
  font-size: 1em;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 8px;
  background-color: #EBF5FB;
}

.TopicViewer_contentContainer .infoBox td:first-child
{
  width: 32px;
  min-width: 32px;
  max-width: 32px;
  vertical-align: middle;
  text-align: center;
}

.TopicViewer_contentContainer .infoBox td
{
  padding: 4px;
  vertical-align: top;
}

.TopicViewer_contentContainer .infoBoxImageCell
{
  width: 16px;
}

.TopicViewer_contentContainer .infoBoxImageCell img
{
  vertical-align: middle;
  width: 24px;
}

.TopicViewer_contentContainer .infoBox td
{
  padding: 4px;
  vertical-align: top;
}

.TopicViewer_contentContainer .warningBox
{
  width: 85%;
  padding: 4px;
  font-size: 1em;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 8px;
  background-color: #FDEBD0;
}

.TopicViewer_contentContainer .warningBox td:first-child
{
  width: 32px;
  min-width: 32px;
  max-width: 32px;
  vertical-align: middle;
  text-align: center;
}

.TopicViewer_contentContainer .warningBox td
{
  padding: 4px;
  vertical-align: top;
}

.TopicViewer_contentContainer .warningBoxImageCell
{
  vertical-align: top;
  margin: 4px;
}

.TopicViewer_contentContainer .warningBoxImageCell img
{
  vertical-align: middle;
  width: 24px;
}

/* "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 .CHSeeAlso
{

}

.TopicViewer_contentContainer .CHBreadcrumb
{

}

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

.TopicViewer_contentContainer .faqQuestionText p
{
  padding-top: 10px;
}

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

}

/* Mini-TOC */
.TopicViewer_contentContainer .CHMiniToc
{
  margin-top: 24px;
  margin-bottom: -4px;
  margin-left: 0px;
  padding-left: 0px;
}

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

}

/* Code Samples */
.TopicViewer_contentContainer .CHCodeSample_container
{
  position: relative;
  min-height: 100vh;
}

.TopicViewer_contentContainer .CHCodeSample_header
{

}

.TopicViewer_contentContainer .CHCodeSample_langName
{

}

.TopicViewer_contentContainer .CHCodeSample_copyCode
{

}

.TopicViewer_contentContainer .CHCodeSample_code
{

}

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

.TopicViewer_contentContainer .flex-container
{
  display: flex;
}

.TopicViewer_contentContainer .flex-container div
{
  margin: 8px;
  padding: 16px;
}

/* Added automatically during the ClickHelp Oasis update - BEGIN */
.TopicViewer_contentContainer .CHBreadcrumb
{
  display: block;
}

/* Added automatically during the ClickHelp Oasis update - END */