/* KB CONTENT */
/* This style file is for the content unique to KB,
it should be placed below (above, ahem) ch-2.0 style file */
/* Limiting content for editing preview (to match reader ui width) */
.ch-ArticleContent */html
{
  max-width: 760px;
  border-right: 1px solid #EDEBE9;
}

html.desktopView
{
  border-right: none;
}

/* Knowledge Base Header and footer */
.ch-ArticleContent .kb-header,
.ch-ArticleContent .kb-footer
{
  max-width: 760px;
  color: var(--type-secondary);
}

.ch-ArticleContent .kb-header
{
  background: var(--grey10);
  border-radius: 3px;
  margin: 4px;
  padding: 6px 12px;
}

.ch-ArticleContent .kb-footer hr
{
  margin-top: 16px;
}

/* ------------------------------------- Popup Icons ------------------------------------- */
.ch-ArticleContent .icons_popup
{
  width: 100px;
  height: auto;
  transition: width 0.4s;
}

.ch-ArticleContent .icons_popup:hover
{
  width: 128px;
  transition: width 0.4s;
}

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

/* Added automatically during the ClickHelp Oasis update - END */
.ch-ArticleContent .infoBoxFluent
{
  width: 100%;
}

/* ---------------------- EDITOR ONLY  --------------------------- */
.ch-ArticleContent .dxWindowsPlatform details,
.ch-ArticleContent .dxWindowsPlatform
{
  border: 1px dashed hsl(0 0% 0% / 0.25);
  width: fit-content;
}