/* BV style sheet 2.0

Version history
---------------
01-JUL-26: New style sheet for Next Reader UI template (Jer)

*/
/* Links to #4C60F6 ("connecting purple") */
.ch-ArticleContent a
{
  color: #4C60F6;
  !important;: text-decorationnone;
}

.ch-ArticleContent a:hover
{
  color: #4C60F6;
  text-decoration: underline;
}

.ch-ArticleContent a:visited
{
  color: #4C60F6;
}

/* BV component styles */
.ch-ArticleContent .bvnote
{
  display: grid;
  grid-template-columns: 30px 1fr;
  border: 1px solid #3d4cbf;
  border-left: 5px solid #3d4cbf;
  border-radius: 5px;
  background-color: #e9edff;
  padding: 1em;
}

.ch-ArticleContent .bvcaution
{
  display: grid;
  grid-template-columns: 30px 1fr;
  border: 1px solid #99281c;
  border-left: 5px solid #99281c;
  border-radius: 5px;
  background-color: #fed9d5;
  padding: 1em;
}

.ch-ArticleContent .bvtip
{
  display: grid;
  grid-template-columns: 30px 1fr;
  border: 1px solid #007666;
  border-left: 5px solid #007666;
  border-radius: 5px;
  background-color: #c4fcf4;
  padding: 1em;
}

.ch-ArticleContent img
{
  border-color: #fafafa;
  border-style: solid;
  border-width: 15px;
  margin-top: 10px;
  margin-right: 5px;
  margin-bottom: 10px;
  margin-left: 5px;
}

/* BV accordion v2 */
.ch-ArticleContent details
{
  margin-bottom: 5px;
  padding: 0.5em 0.5em 0;
  border-bottom: 1px solid lightgrey;
  transition: 0.2s background linear;
}

.ch-ArticleContent details:hover
{
  background: #f5f5f5;
  color: darkblue;
}

.ch-ArticleContent details[open]:hover
{
  background: #ffffff;
  color: #000000;
}

.ch-ArticleContent details[open]
{
  padding: 0.5em;
}

.ch-ArticleContent summary
{
  list-style: none;
  background: url(/resources/Storage/connections-de/arrow.svg) no-repeat 14px 50%;
  background-size: 18px;
  font-weight: bold;
  margin: -0.5em -0.5em 0;
  padding: 10px 10px 10px 40px;
  cursor: pointer;
}

.ch-ArticleContent details[open] summary
{
  margin-bottom: 0.5em;
  background: url(/resources/Storage/connections-de/arrow-up.svg) no-repeat 14px 50%;
  background-size: 18px;
}

.ch-ArticleContent .bvaccordion
{
  margin-left: 32px;
  margin-top: -20px;
  display: inline-block;
}

/* BV inline (embedded) image style */
.ch-ArticleContent .bvimageinline
{
  all: unset;
}

/* Labels for required and optional elements and element types */
/* Do we still need these? */
.ch-ArticleContent .label
{
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}

.ch-ArticleContent .label.required,
.ch-ArticleContent .label.optional,
.ch-ArticleContent .label.best_practice,
.ch-ArticleContent .label.type
{
  border-width: 1px;
  border-style: solid;
  color: #333;
  padding: 0.1em 0.4em 0.2em;
  letter-spacing: 0.07em;
}

.ch-ArticleContent .required
{
  background-color: rgba(255, 178, 170, 0.5);
  border-color: #ffb2aa;
}

.ch-ArticleContent .best_practice
{
  background-color: rgba(255, 216, 153, 0.5);
  border-color: #ffd899;
}

.ch-ArticleContent .optional
{
  background-color: rgba(237, 237, 237, 0.5);
  border-color: #ededed;
}

.ch-ArticleContent .type
{
  background-color: rgba(133, 191, 91, 0.5);
  border-color: #85bf5b;
}

.ch-ArticleContent .display_version
{
  background-color: #9a9a9a;
  border-color: #9a9a9a;
}

.ch-ArticleContent .limited
{
  background-color: rgba(255, 219, 48, 0.35);
  border-color: #ffdb30;
}

/* code styling */
.ch-ArticleContent code
{
  font-size: 90%;
  padding: 2px 4px;
  color: #3d4cbf;
  border-radius: 4px;
  background-color: #f3f3f3;
}

.ch-ArticleContent .prettyprint
{
  background: #eef !important;
  font-size: 11px !important;
  line-height: 1.42857143 !important;
  display: block !important;
  margin: 0 0 10px !important;
  padding: 9.5px !important;
  word-wrap: break-word !important;
  word-break: break-all !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
}

/* Tabs Main Container */
.ch-ArticleContent .CHTabs_container
{
  font-family: 'gibson', sans-serif;
  color: #33415F;
}

/* The row holding the tabs */
.ch-ArticleContent .CHTabs_tabCaptionsContainer
{
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #ddd;
  padding-left: 0;
}

/* Individual Tab styling */
.ch-ArticleContent .CHTabs_tabCaption
{
  padding: 10px 20px;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-right: -1px;
  margin-bottom: -1px;
  cursor: pointer;
  text-align: center;
  position: relative;
  font-size: 16px;
  color: #33415F;
}

/* Hover State */
.ch-ArticleContent .CHTabs_tabCaption:hover
{
  color: #33415F;
  background-color: #f9f9f9;
}

/* Selected / Active Tab */
.ch-ArticleContent .CHTabs_tabCaption.CHTabs_tabCaptionSelected,
.ch-ArticleContent .CHTabs_tabCaptionSelected:hover
{
  border-top: 3px solid #3f51b5;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background-color: #ffffff;
  color: #33415F;
  font-weight: bold;
  z-index: 2;
}

/* The content area below */
/* We use !important here to override the hidden ClickHelp system file */
.ch-ArticleContent .CHTabs_tabContentContainer
{
  border: 1px solid #ddd !important;
  border-top: none !important;
  padding: 20px !important;
  background-color: #ffffff !important;
  font-family: 'gibson', sans-serif;
  font-size: 16px;
  letter-spacing: 0.2px;
  color: #33415F;
}