/* styles for dashboard output */ 


/* Header style */
body {
  padding-top: 44px;
}

.navbar-inverse {
  background-color: #ffffff;
  border-bottom: 1px solid #d7d7d7;
  min-height: 35px;
  height: 35px;
}
.navbar-collapse.collapse {
  min-height: 35px;
  height: 35px;
}

.navbar-inverse .container-fluid {
  padding-left: 8px;
  padding-right: 8px;
}

.navbar-inverse ul.navbar-nav.navbar-right {
  display:none;
}

.navbar-inverse ul.navbar-nav {
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  float: none!important;
  height:35px;
}

.navbar-inverse ul.navbar-nav::-webkit-scrollbar {
  -webkit-appearance: none;
  height: 5px;
}

.navbar-inverse ul.navbar-nav::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 1px rgb(255 255 255 / 30%);
}

.navbar-inverse ul.navbar-nav > li {
  float: none;
  display: inline-block;
}

.navbar-inverse ul.navbar-nav > li > a {
  padding-top: 7px;
  padding-bottom: 7px;
  display: inline-block;
  /* max-width will be dynamically calculated by js if needed. */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.navbar-inverse ul.navbar-nav > li > a:hover {
  background-color: #eeeeee;
  text-decoration: none;
  color: #777777;
}

/* Bootstrap sets "outline: 5px auto -webkit-focus-ring-color" on a:focus. That is an
   author-level rule, not the browser default, so it is not limited to :focus-visible and
   also fires when a page tab is clicked with the mouse -- leaving a blue ring around the
   tab the user just switched to (#38482). Drop it for pointer interaction only. Keyboard
   users keep the ring through :focus-visible, which is their only cue for where the
   focus currently is. */
.navbar-inverse ul.navbar-nav > li > a:focus:not(:focus-visible) {
  outline: none;
}

.navbar-inverse ul.navbar-nav > .active {
  border-top: 2px solid #00ab6d;
}

.navbar-inverse ul.navbar-nav > .active > a,
.navbar-inverse ul.navbar-nav > .active > a:hover,
.navbar-inverse ul.navbar-nav > .active > a:focus {
  background-color: transparent;
  font-weight: bold;
  padding-top: 5px;
}
.navbar-inverse .navbar-brand {
  padding-top: 7px;
  color: rgba(77, 77, 77, 1); 
  font-weight:500;
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, Helvetica, lato, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* mobile view adjustment */
.navbar-inverse .navbar-toggle {
  padding: 2px;
  border: 0;
}

.navbar-inverse .navbar-toggle:focus ,
.navbar-inverse .navbar-toggle:hover ,
.navbar-inverse .navbar-toggle:hover:focus {
  background-color: transparent;
}

.navbar-inverse ul.navbar-nav > li {
  float: none;
  display: inline-block;
}

@media (max-width: 768px) {
  .navbar-inverse  ,
  .navbar-inverse ul.navbar-nav,
  .navbar-collapse.collapse  {
    height: unset;
  }
  .navbar-inverse ul.navbar-nav > li {
    /* float: left; */
    display: block;
  }
  .navbar-inverse ul.navbar-nav > li > a {
    width: 100%;
  }
  .comment-balloon {
    display:none!important;
  }
  .navbar-inverse ul.navbar-nav > .active {
    border-top-color: transparent;
  }
}

.navbar-logo img {
  height: 30px;
  margin-top: 8px;
  border-right: 1px solid #ddd;
  padding-right: 10px;
}
.navbar-inverse .navbar-brand > .navbar-author {
  display: none;
}

/* Dashboard panel title */

.chart-wrapper {
  overflow: hidden;
  position: relative;
}

.chart-wrapper.text-bold > .chart-title {
  font-weight: bold !important;
}

.chart-wrapper.text-italic > .chart-title {
  font-style: italic !important;
}

.chart-wrapper.text-bold-italic > .chart-title {
  font-weight: bold !important;
  font-style: italic !important;
}
/* Single download button styling - shows only download icon */
.download-single-btn {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 1px 4px;
  margin-top: -2px;
  cursor: pointer;
  display: none;
  float: left;
}

.download-single-btn > a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMC4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBzdHJva2U9IiM0ZDRkNGQiIGQ9Ik0xODAuNyAzOTUuM0MxODMuOCAzOTguNCAxODcuOSA0MDAgMTkyIDQwMHM4LjE4OC0xLjU2MiAxMS4zMS00LjY4OGwxNDQtMTQ0YzYuMjUtNi4yNSA2LjI1LTE2LjM4IDAtMjIuNjJzLTE2LjM4LTYuMjUtMjIuNjIgMEwyMDggMzQ1LjRWNDhDMjA4IDM5LjE2IDIwMC44IDMyIDE5MiAzMlMxNzYgMzkuMTYgMTc2IDQ4djI5Ny40TDU5LjMxIDIyOC43Yy02LjI1LTYuMjUtMTYuMzgtNi4yNS0yMi42MiAwcy02LjI1IDE2LjM4IDAgMjIuNjJMMTgwLjcgMzk1LjN6TTM2OCA0NDhoLTM1MkM3LjE1NiA0NDggMCA0NTUuMiAwIDQ2NFM3LjE1NiA0ODAgMTYgNDgwaDM1MmM4Ljg0NCAwIDE2LTcuMTU2IDE2LTE2UzM3Ni44IDQ0OCAzNjggNDQ4eiIvPjwvc3ZnPg==);
  width: 13px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
  opacity: 0.6;
  transition: opacity 0.2s;
  text-decoration: none;
  border: none;
  outline: none;
}

.download-single-btn > a:hover {
  opacity: 1;
}

.download-single-btn > a:focus {
  outline: none;
}

/* Hide any potential duplicate download elements */
.download-single-btn ~ .hidden-download-menu {
  display: none !important;
}


.chart-wrapper:hover .download-single-btn {
  display: block;
}

.chart-title {
  font-weight: normal;
  border-bottom-color: #e2e2e2;
  position: relative;
  /* This overflow setting will be reset once chart-title-text is rendered in order to show the LOV dropdown properly */
  overflow: hidden; 
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chart-title .chart-title-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.chart-shim > div[data-r-code-id] {
  height: 100%;
  width: 100%;
  overflow-y: auto;
}

.chart-shim > div[data-r-code-id] img {
  max-width: 100%;
  object-fit: contain;
}

.chart-shim .filter-tokens {
  position: absolute;
  top: 0px;
  right: 0px;
  max-width: 100%;
  /*overflow-x: hidden;*/
  z-index: 1000;
}
.chart-shim .filter-token {
  height: 26px;
}

.chart-shim .filter-token.condition-token {
  display: inline-block;
  margin-left: 2px;
  border: 1px solid #0b8ee3;
  border-radius: 4px;
  padding: 3px 8px 3px 10px;
  font-size: 12px;
  background-color: #c2e7ff; /*google docs share button blue*/
}
.chart-shim .filter-token .token-text {
  display: inline-block;
  max-width: 130px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform: translateY(1px);
  height: 16px;
  line-height: 16px;
}
.chart-shim .filter-token .delete-token {
  padding-left: 8px;
  display: inline-block;
  color: #0b8ee3;
  cursor: pointer;
  font-size: 14px;
  height: 16px;
  line-height: 16px;
  transform: translateY(-2px);
}
.chart-shim .filter-token.show-detail-toggle-btn {
  display: inline-block;
  margin-left: 2px;
  border: 1px solid #00ab6d;
  border-radius: 4px;
  padding: 3px 10px;
  color: transparent;
  cursor: pointer;
  /* Table (table) icon from FA5 */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjMDBhYjdkIiBkPSJNNDY0IDMySDQ4QzIxLjQ5IDMyIDAgNTMuNDkgMCA4MHYzNTJjMCAyNi41MSAyMS40OSA0OCA0OCA0OGg0MTZjMjYuNTEgMCA0OC0yMS40OSA0OC00OFY4MGMwLTI2LjUxLTIxLjQ5LTQ4LTQ4LTQ4ek0xNjAgNDQ4SDQ4Yy04LjgzNyAwLTE2LTcuMTYzLTE2LTE2di04MGgxMjh2OTZ6bTAtMTI4SDMydi05NmgxMjh2OTZ6bTAtMTI4SDMyVjk2aDEyOHY5NnptMTYwIDI1NkgxOTJ2LTk2aDEyOHY5NnptMC0xMjhIMTkydi05NmgxMjh2OTZ6bTAtMTI4SDE5MlY5NmgxMjh2OTZ6bTE2MCAxNjB2ODBjMCA4LjgzNy03LjE2MyAxNi0xNiAxNkgzNTJ2LTk2aDEyOHptMC0zMkgzNTJ2LTk2aDEyOHY5NnptMC0xMjhIMzUyVjk2aDEyOHY5NnoiLz48L3N2Zz4=");
  background-color: rgb(255, 255, 255);
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: center center;
  font-size: 14px;
  line-height: 22px;
}
/* In case of scroll layout, make sure the panel scrollable in case 
   you have a taller content such as a long text content. */
.vertical-layout-scroll .chart-stage {
  /* 40px = 32px (.chart-title area height) + 8px (bottom margin) */ 
  height: calc( 100% - 40px );
  overflow: auto;
}

/* Dashboard content */

.dashboard-container {
  color: inherit;
}

.dashboard-container a {
  background-color: transparent;
  color: #00ab6d;
  text-decoration: none;
}

.dashboard-container a:active,
.dashboard-container a:hover {
  outline-width: 0;
}


/* Exploratory specific styles */

/* error message that rmd engine shows */
.dashboard-container .viz-not-found {
  border: 1px solid #e0e0e0;
  width: 100%;
  height: 500px;
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, Helvetica, lato, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align:center;
  padding-top:247px;
  padding-left:20px;
  padding-right:20px;
  color: #999;
  background-color:#f8f8f8;
  
}
/* error message that viz rendering engine shows */
.dashboard-container .viz-rendering-error {
  border: 1px solid #e0e0e0;
  color: #999;
  background-color:#f8f8f8;
}


.viz-loading {
  height: 100%!important;
}

.viz-loading > div:first-of-type > div:first-of-type ,
.viz-loading > div:first-of-type > div:first-of-type:after {
  width: 5em;
  height: 5em;
}
.viz-loading > div:first-of-type > div:first-of-type {
  margin: 10px ;
  font-size: 10px;
  color:transparent;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 2s infinite linear;
  /* fa-spinner icon from FA5. fill="#999999" */
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjOTk5OTk5IiBkPSJNMzA0IDQ4YTQ4IDQ4IDAgMSAwIC05NiAwIDQ4IDQ4IDAgMSAwIDk2IDB6bTAgNDE2YTQ4IDQ4IDAgMSAwIC05NiAwIDQ4IDQ4IDAgMSAwIDk2IDB6TTQ4IDMwNGE0OCA0OCAwIDEgMCAwLTk2IDQ4IDQ4IDAgMSAwIDAgOTZ6bTQ2NC00OGE0OCA0OCAwIDEgMCAtOTYgMCA0OCA0OCAwIDEgMCA5NiAwek0xNDIuOSA0MzdBNDggNDggMCAxIDAgNzUgMzY5LjEgNDggNDggMCAxIDAgMTQyLjkgNDM3em0wLTI5NC4yQTQ4IDQ4IDAgMSAwIDc1IDc1YTQ4IDQ4IDAgMSAwIDY3LjkgNjcuOXpNMzY5LjEgNDM3QTQ4IDQ4IDAgMSAwIDQzNyAzNjkuMSA0OCA0OCAwIDEgMCAzNjkuMSA0Mzd6Ii8+PC9zdmc+');
  background-size: 23px;
  width: 23px;
  height: 23px;
  display: inline-block;
  background-repeat: no-repeat;

}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.dashboard-container pre.missing-message {
  border: 1px solid #e0e0e0;
  color: #999;
  background-color:#f8f8f8;
  padding:20px;
  margin-top: 0;
  margin-bottom: 20px;
  overflow: hidden;
  
} 
.dashboard-container pre.missing-message code {
  font-size: 13px;
  color: #999;
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, Helvetica, lato, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.dashboard-column-orientation > .dashboard-column {
  overflow: hidden;
}

/**
 * Each row should have a static height except rows that contain 
 * only single values in scroll layout mode. 
 */
.vertical-layout-scroll .dashboard-row.charts-only, 
.vertical-layout-scroll .dashboard-row.single-values-and-charts {
  height: 480px;
  flex: 0 0 480px;
}

/**
 * Single value chart handling. 
 * Rmarkdown html transforms the DOM tree on the fly depending on the available 
 * window width such as taking off dashboard-row class so don't depend on their
 * css classes. 
 */
.single-values-only {
  min-height:120px;
  flex:1 1 0px!important;
}
/** 
 * Use this at the last single value row if the page contains only 
 * singe values in order to avoid having extra spaces between rows.
 * This class doesn't apply flex: 1 1 configuration so that it expands
 * the height of the panel to use the rest of page space. 
 */
.single-values-only-last-row {
  min-height:120px;
}
.single-value {
  /* #38545: the Number's design height is 100px everywhere (the smallest container the
     product has for one, the KPI row's render area). This rule only reaches a legacy
     "all Numbers in this row" dashboard -- see DashboardLayoutTranslator's
     backwardCompatibilityMode -- but it should agree with every other host. */
  height:100px;
  max-height:100px;
}
.single-value.responsive {
  height:unset;
  max-height:unset;
}


/**
 * Dashboard header row. It expects only Number charts for now.
 */
.dashboard-row.dashboard-row-flex.dashboard-header-row {
  height:135px;
}

/* #38545: the value's font size and margins used to be re-declared here to squeeze a
   ~135px Number into the KPI row's 100px window, on top of a `transform: translateY(-7px)`
   on the sub-metric that hid the remaining overflow instead of removing it. pivot.css now
   IS the 100px design (VizUtil.SINGLE_VALUE_LAYOUT), so re-compensating here would apply
   the correction twice. Removed: .single-value-text-with-ratio (font-size 38px /
   margin-top -5px), its .no-sub-display variant (font-size 40px / margin-top 6px),
   .single-value-ratio's `margin:0; transform: translateY(-7px)`,
   .single-value-header's `margin-top: -3px`, and .single-value-ratio-token's
   padding-top/bottom 2px (now the shared default). */

.dashboard-row.dashboard-row-flex.dashboard-header-row .single-value-text-with-ratio.large {
  font-size: 42px;
  margin-top: -3px;
}

.dashboard-row.dashboard-row-flex.dashboard-header-row .single-value.text-bold .single-value-header,
.dashboard-column .single-value.text-bold .single-value-header {
  font-weight: bold;
}
.dashboard-row.dashboard-row-flex.dashboard-header-row .single-value.text-italic .single-value-header,
.dashboard-column .single-value.text-italic .single-value-header {
  font-style: italic;
}
.dashboard-row.dashboard-row-flex.dashboard-header-row .single-value.text-bold-italic .single-value-header,
.dashboard-column .single-value.text-bold-italic .single-value-header {
  font-weight: bold;
  font-style: italic;
}

.dashboard-row.dashboard-row-flex.dashboard-header-row .single-value-ratio.additional {
  font-size: revert !important;
  transform: translateY(-2.5px);
  margin-top: 0 !important;
  font-weight: normal;
}


/**
 * Dashboard header item for Number charts.  
 */
.single-value.dashboard-header-row-item {
  height:102px;
  max-height:102px;
  flex-direction:row;
}

.single-value.dashboard-header-row-item .single-value-text {
 margin-top: 3px;
}

.single-value > .chart-title {
  /* hack to return 0 for $(".chart-title") in adjustedHeight in flexdashboard
     to avoid adding extra height to the original data-height value to 
     make the shorter row height work properly. */
  padding:0;
  border:0;
  height:0;
  z-index:1;
}

.single-value.chart-wrapper-flex {
  position: relative;
}

.single-value.chart-wrapper-flex > .chart-title {
  color: transparent;
  position: absolute;
  top: 0;
  right: 0;
}

.single-value > .chart-stage.chart-stage-flex{
  padding:0;
  overflow: hidden;
}
.single-value > .chart-stage.chart-stage-flex > .chart-shim {
  top:0; bottom:0; left:3px; right:0;
}
/* #32879 / #38545: the Repeat By facet grid's 10px inset from the panel frame, and the
   ONLY host that gets one. The rule two below strips each tile's own
   .single-value-innerbox border here (a Dashboard panel draws its own frame) and the
   .single-value-facet-cell rule further down re-draws it as a card -- an ADDED border
   that would touch the panel's frame without this inset. Every other host keeps the
   tile's inner border, which IS the Number's border, and renders the grid flush exactly
   like the same Number without Repeat By; a shared inset in pivot.scss gave the Note
   editor / published Note / Chart View a gap the non-faceted Number does not have
   (reported 2026-09-08). Mirrors VizUtil.SINGLE_VALUE_FACET_CONTAINER_PADDING.

   padding-left is 3px short on purpose: the shim above already carries a 3px left offset
   (none on the other three sides), so a plain 10px would put the grid's left edge 13px
   from the panel frame against 10px everywhere else. 10 - 3 = 7. */
.single-value > .chart-stage.chart-stage-flex > .chart-shim .single-value-facet-container {
  padding: 10px;
  padding-left: 7px;
}
.single-value > .chart-stage.chart-stage-flex > .chart-shim .viz-container.markdown-viz-container .single-value-box {
  height:100%;
}
.single-value > .chart-stage.chart-stage-flex > .chart-shim .viz-container.markdown-viz-container .single-value-innerbox {
  border:none!important;
}
/* #32879: the rule directly above strips each Number's own inline .single-value-innerbox
   border, on a Dashboard and nowhere else, because a Dashboard panel draws the frame
   itself. A Repeat By Number used to be N such panels; one facet grid now replaces them
   all with a single panel, so without this each tile inside the grid would have no frame
   at all. Give the tile the bordered-card look here instead of in the shared pivot.scss:
   every other host (Chart View, Note editor, published Note) keeps the inner border, so a
   shared card border painted two nested frames per tile there. Same ancestor chain as the
   rule above on purpose -- the compensation must appear exactly where the suppression
   does, and nowhere else. */
.single-value > .chart-stage.chart-stage-flex > .chart-shim .viz-container.markdown-viz-container .single-value-facet-cell {
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  padding: 8px;
}

.chart-wrapper.text-box > .chart-title {
  /* hack to return 0 for $(".chart-title") in adjustedHeight in flexdashboard
     to avoid adding extra height to the original data-height value to 
     make the shorter row height work properly. */
  display: block;
  padding:0;
  border:0;
  font-size:0;
}
.chart-wrapper.text-box > .chart-title .dashboard-pane-toolbar .show-comment-btn, 
.chart-wrapper.text-box > .chart-title .dashboard-pane-toolbar .download-dropdown-menu
{
  display: none;
}

.text-box > .chart-stage {
  height: 100%;
  padding: 13px 14px;
  overflow: hidden;
}
.text-box > .chart-stage .markdown-note-content {
  padding: 0;
  overflow: auto;
}
.text-box > .chart-stage > .chart-shim {
  left: 14px;
  right: 14px;
  top: 13px;
  bottom: 13px;
}

.text-box > .chart-stage > .flowing-content-container {
  padding: 0;
  overflow: hidden;
}

/* R output text in dashboard: transparent pre with gray panel background */
.chart-stage .r-output-text {
  border: none;
  background-color: transparent;
}

/* Subset of styles used in the markdown note. */

.markdown-note-content {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  line-height: 1.7em;
  color:#333333; 
  font-family: "Helvetica Neue", Arial, Helvetica, "ヒラギノ角ゴシック","Hiragino Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  word-wrap: break-word;
  padding: 14px;
  /* #15819: Use the full available height of the current dashboard panel. */
  height:100%; 
}

.markdown-note-content .viz-container, .markdown-note-content table {
  font-family: "Helvetica Neue", Arial, Helvetica, "ヒラギノ角ゴシック","Hiragino Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.markdown-note-content .pl-c {
  color: #6a737d;
}

.markdown-note-content .pl-c1,
.markdown-note-content .pl-s .pl-v {
  color: #005cc5;
}

.markdown-note-content .pl-e,
.markdown-note-content .pl-en {
  color: #6f42c1;
}

.markdown-note-content .pl-smi,
.markdown-note-content .pl-s .pl-s1 {
  color: #24292e;
}

.markdown-note-content .pl-ent {
  color: #22863a;
}

.markdown-note-content .pl-k {
  color: #d73a49;
}

.markdown-note-content .pl-s,
.markdown-note-content .pl-pds,
.markdown-note-content .pl-s .pl-pse .pl-s1,
.markdown-note-content .pl-sr,
.markdown-note-content .pl-sr .pl-cce,
.markdown-note-content .pl-sr .pl-sre,
.markdown-note-content .pl-sr .pl-sra {
  color: #032f62;
}

.markdown-note-content .pl-v,
.markdown-note-content .pl-smw {
  color: #e36209;
}

.markdown-note-content .pl-bu {
  color: #b31d28;
}

.markdown-note-content .pl-ii {
  color: #fafbfc;
  background-color: #b31d28;
}

.markdown-note-content .pl-c2 {
  color: #fafbfc;
  background-color: #d73a49;
}

.markdown-note-content .pl-c2::before {
  content: "^M";
}

.markdown-note-content .pl-sr .pl-cce {
  font-weight: bold;
  color: #22863a;
}

.markdown-note-content .pl-ml {
  color: #735c0f;
}

.markdown-note-content .pl-mh,
.markdown-note-content .pl-mh .pl-en,
.markdown-note-content .pl-ms {
  font-weight: bold;
  color: #005cc5;
}

.markdown-note-content .pl-mi {
  font-style: italic;
  color: #24292e;
}

.markdown-note-content .pl-mb {
  font-weight: bold;
  color: #24292e;
}

.markdown-note-content .pl-md {
  color: #b31d28;
  background-color: #ffeef0;
}

.markdown-note-content .pl-mi1 {
  color: #22863a;
  background-color: #f0fff4;
}

.markdown-note-content .pl-mc {
  color: #e36209;
  background-color: #ffebda;
}

.markdown-note-content .pl-mi2 {
  color: #f6f8fa;
  background-color: #005cc5;
}

.markdown-note-content .pl-mdr {
  font-weight: bold;
  color: #6f42c1;
}

.markdown-note-content .pl-ba {
  color: #586069;
}

.markdown-note-content .pl-sg {
  color: #959da5;
}

.markdown-note-content .pl-corl {
  text-decoration: underline;
  color: #032f62;
}

.markdown-note-content .octicon {
  display: inline-block;
  vertical-align: text-top;
  fill: currentColor;
}

.markdown-note-content a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

.markdown-note-content a:active,
.markdown-note-content a:hover {
  outline-width: 0;
}

.markdown-note-content strong {
  font-weight: inherit;
}

.markdown-note-content strong {
  font-weight: bolder;
}


.markdown-note-content img {
  border-style: none;
}

/* iframe such as youtube embed, twitter embed etc. */
.markdown-note-content iframe {
  margin-bottom: 1.4em; 
}

.markdown-note-content .figure {
  margin-bottom: 38px;
}

.markdown-note-content svg:not(:root) {
  overflow: hidden;
}

.markdown-note-content code,
.markdown-note-content kbd,
.markdown-note-content pre {
  font-family: Menlo, Monaco, "Courier New", Courier, monospace;
  font-size: 13px;
  color: #333333;
  line-height: 1.8em;
}

.markdown-note-content hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

.markdown-note-content input {
  font: inherit;
  margin: 0;
}

.markdown-note-content input {
  overflow: visible;
}

.markdown-note-content [type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

.markdown-note-content * {
  box-sizing: border-box;
}

.markdown-note-content input {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.markdown-note-content a {
  color: #00ab6d;
  text-decoration: none;

}

.markdown-note-content .nav-tabs>li>a {
  color: #00ab6d;
}

.markdown-note-content .nav-tabs>li.active>a {
  color: #555;
}

.markdown-note-content a:hover {
  text-decoration: underline;
}

.markdown-note-content strong {
  font-weight: 600;
}

.markdown-note-content hr {
  height: 0;
  margin: 15px 0;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #dfe2e5;
}

.markdown-note-content hr::before {
  display: table;
  content: "";
}

.markdown-note-content hr::after {
  display: table;
  clear: both;
  content: "";
}

.markdown-note-content table {
  border-spacing: 0;
  border-collapse: collapse;
}

/* Markdown notation tables use no .table class. Keep their surface white
   without changing result tables such as kable/pagedtable. */
.markdown-note-content table:not(.table),
.markdown-note-content table:not(.table) tr,
.markdown-note-content table:not(.table) th,
.markdown-note-content table:not(.table) td {
  background-color: #fff !important;
}

.markdown-spec-table table,
.markdown-spec-table table tr,
.markdown-spec-table table th,
.markdown-spec-table table td {
  background-color: #fff !important;
}

.markdown-note-content td,
.markdown-note-content th {
  padding: 0;
}

/* Plain table support. Overriding bootstrap table style */
.markdown-note-content .table>tbody>tr>td, 
.markdown-note-content .table>tbody>tr>th, 
.markdown-note-content .table>tfoot>tr>td, 
.markdown-note-content .table>tfoot>tr>th, 
.markdown-note-content .table>thead>tr>td, 
.markdown-note-content .table>thead>tr>th {
  border-top:1px solid #dfe2e5;
  border-bottom:1px solid #dfe2e5;
  border-left:1px solid #dfe2e5;
  border-right:1px solid #dfe2e5;
}

.markdown-note-content .table>caption+thead>tr:first-child>td, 
.markdown-note-content .table>caption+thead>tr:first-child>th, 
.markdown-note-content .table>colgroup+thead>tr:first-child>td, 
.markdown-note-content .table>colgroup+thead>tr:first-child>th, 
.markdown-note-content .table>thead:first-child>tr:first-child>td, 
.markdown-note-content .table>thead:first-child>tr:first-child>th {
  border-top:1px solid #dfe2e5;
  border-bottom:1px solid #dfe2e5;
  border-left:1px solid #dfe2e5;
  border-right:1px solid #dfe2e5;
} 

/* Restore the table styles for kable/pagedtable table types */
.markdown-note-content .pagedtable .table>tbody>tr>td, 
.markdown-note-content .pagedtable .table>tbody>tr>th, 
.markdown-note-content .pagedtable .table>tfoot>tr>td, 
.markdown-note-content .pagedtable .table>tfoot>tr>th, 
.markdown-note-content .pagedtable .table>thead>tr>td,
.markdown-note-content .pagedtable .table>thead>tr>th,
.markdown-note-content .kable-table .table>tbody>tr>td, 
.markdown-note-content .kable-table .table>tbody>tr>th, 
.markdown-note-content .kable-table .table>tfoot>tr>td, 
.markdown-note-content .kable-table .table>tfoot>tr>th, 
.markdown-note-content .kable-table .table>thead>tr>td,
.markdown-note-content .kable-table .table>thead>tr>th {
  border-top: 1px solid #ddd;
  border-bottom:0;
  border-left:0;
  border-right:0;
}

.markdown-note-content .pagedtable .table>caption+thead>tr:first-child>td, 
.markdown-note-content .pagedtable .table>caption+thead>tr:first-child>th, 
.markdown-note-content .pagedtable .table>colgroup+thead>tr:first-child>td, 
.markdown-note-content .pagedtable .table>colgroup+thead>tr:first-child>th, 
.markdown-note-content .pagedtable .table>thead:first-child>tr:first-child>td, 
.markdown-note-content .pagedtable .table>thead:first-child>tr:first-child>th,
.markdown-note-content .kable-table .table>caption+thead>tr:first-child>td, 
.markdown-note-content .kable-table .table>caption+thead>tr:first-child>th, 
.markdown-note-content .kable-table .table>colgroup+thead>tr:first-child>td, 
.markdown-note-content .kable-table .table>colgroup+thead>tr:first-child>th, 
.markdown-note-content .kable-table .table>thead:first-child>tr:first-child>td, 
.markdown-note-content .kable-table .table>thead:first-child>tr:first-child>th {
  border-top: 0;
  border-bottom:0;
  border-left:0;
  border-right:0;
}

.markdown-note-content .pagedtable .table>thead>tr>th ,
.markdown-note-content .pagedtable .table>thead:first-child>tr:first-child>th,
.markdown-note-content .kable-table .table>thead>tr>th ,
.markdown-note-content .kable-table .table>thead:first-child>tr:first-child>th {
  border-bottom:2px solid #ddd;
}

.markdown-note-content li {
  margin-left: 15px;
  margin-bottom: 5px;
}
.markdown-note-content li:first-child {
  margin-top: 5px;
}

.markdown-note-content blockquote {
  margin: 0;
}

.markdown-note-content ul,
.markdown-note-content ol {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.markdown-note-content ol ol,
.markdown-note-content ul ol {
  list-style-type: lower-roman;
}

.markdown-note-content ul ul ol,
.markdown-note-content ul ol ol,
.markdown-note-content ol ul ol,
.markdown-note-content ol ol ol {
  list-style-type: lower-alpha;
}

.markdown-note-content dd {
  margin-left: 0;
}

.markdown-note-content pre {
  margin-top: 0;
  margin-bottom: 0;
}

.markdown-note-content .octicon {
  vertical-align: text-bottom;
}

.markdown-note-content .pl-0 {
  padding-left: 0 !important;
}

.markdown-note-content .pl-1 {
  padding-left: 4px !important;
}

.markdown-note-content .pl-2 {
  padding-left: 8px !important;
}

.markdown-note-content .pl-3 {
  padding-left: 16px !important;
}

.markdown-note-content .pl-4 {
  padding-left: 24px !important;
}

.markdown-note-content .pl-5 {
  padding-left: 32px !important;
}

.markdown-note-content .pl-6 {
  padding-left: 40px !important;
}

.markdown-note-content::before {
  display: table;
  content: "";
}

.markdown-note-content::after {
  display: table;
  clear: both;
  content: "";
}

.markdown-note-content>*:first-child {
  margin-top: 0 !important;
}

.markdown-note-content>*:last-child {
  margin-bottom: 0 !important;
}

.markdown-note-content a:not([href]) {
  color: inherit;
  text-decoration: none;
}

.markdown-note-content .anchor {
  float: left;
  padding-right: 4px;
  margin-left: -20px;
  line-height: 1;
}

.markdown-note-content .anchor:focus {
  outline: none;
}

.markdown-note-content blockquote,
.markdown-note-content ul,
.markdown-note-content ol,
.markdown-note-content dl,
.markdown-note-content table,
.markdown-note-content pre {
  margin-top: 0;
  margin-bottom: 1.4em; 
}

.markdown-note-content table {
  margin-bottom: 38px; 
}

.markdown-note-content blockquote {
  font-size: 16px;
}

.markdown-note-content p {
  margin-top: 0;
  margin-bottom: 1.4em;
}

.markdown-note-content hr {
  height: 0.25em;
  padding: 0;
  margin: 24px 0;
  background-color: #e1e4e8;
  border: 0;
}

.markdown-note-content blockquote {
  padding: 0 1em;
  border-left: 0.25em solid #00ab6d;
}

.markdown-note-content blockquote>:first-child {
  margin-top: 0;
}

.markdown-note-content blockquote>:last-child {
  margin-bottom: 0;
}

.markdown-note-content kbd {
  display: inline-block;
  padding: 3px 5px;
  font-size: 11px;
  line-height: 10px;
  color: #444d56;
  vertical-align: middle;
  background-color: #fafbfc;
  border: solid 1px #c6cbd1;
  border-bottom-color: #959da5;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 #959da5;
}

.markdown-note-content h1,
.markdown-note-content h2,
.markdown-note-content h3,
.markdown-note-content h4,
.markdown-note-content h5,
.markdown-note-content h6 {
  margin: 1.7em 0 1.0em 0;
  line-height:1.24; 
  color:#444659; 
  font-weight: 600;
}

.markdown-note-content h1 .octicon-link,
.markdown-note-content h2 .octicon-link,
.markdown-note-content h3 .octicon-link,
.markdown-note-content h4 .octicon-link,
.markdown-note-content h5 .octicon-link,
.markdown-note-content h6 .octicon-link {
  color: #1b1f23;
  vertical-align: middle;
  visibility: hidden;
}

.markdown-note-content h1:hover .anchor,
.markdown-note-content h2:hover .anchor,
.markdown-note-content h3:hover .anchor,
.markdown-note-content h4:hover .anchor,
.markdown-note-content h5:hover .anchor,
.markdown-note-content h6:hover .anchor {
  text-decoration: none;
}

.markdown-note-content h1:hover .anchor .octicon-link,
.markdown-note-content h2:hover .anchor .octicon-link,
.markdown-note-content h3:hover .anchor .octicon-link,
.markdown-note-content h4:hover .anchor .octicon-link,
.markdown-note-content h5:hover .anchor .octicon-link,
.markdown-note-content h6:hover .anchor .octicon-link {
  visibility: visible;
}

.markdown-note-content h1 {
  border-bottom: 1px solid transparent;
  font-size: 24px;
  margin: 1.3em 0 0.67em;
}

.markdown-note-content h2 {
  font-size: 20px;
  border-bottom: 1px solid transparent;
}

.markdown-note-content h3 {
  font-size: 18px;
}

.markdown-note-content h4 {
  font-size: 16px;
  color: #6a737d;
}

.markdown-note-content h5 {
  font-size: 14px;
  color: #6a737d;
}

.markdown-note-content h6 {
  font-size: 13px;
  color: #6a737d;
  font-weight: normal;
}

.markdown-note-content ul,
.markdown-note-content ol {
  padding-left: 2em;
}

.markdown-note-content ul ul,
.markdown-note-content ul ol,
.markdown-note-content ol ol,
.markdown-note-content ol ul {
  margin-top: 0;
  margin-bottom: 0;
}

.markdown-note-content p.caption {
  font-size:0.8em;
  margin-top:4px;
  color:#999999;
  /* Center align doesn't work well. It aligns to the center of the whole text area, not aligned to the image. */
  /* text-align:center; */
}

.markdown-note-content li>p {
  margin-top: 24px;
}

.markdown-note-content dl {
  padding: 0;
}

.markdown-note-content dl dt {
  padding: 0;
  margin-top: 24px;
  font-size: 1em;
  font-style: italic;
  font-weight: 600;
}

.markdown-note-content dl dd {
  padding: 0 16px;
  margin-bottom: 24px;
}

.markdown-note-content img {
  max-width: 100%;
  box-sizing: content-box;
  background-color: #fff;
}

.markdown-note-content code {
  padding: 0;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  margin: 0;
  background-color: rgba(27,31,35,0.05);
  border-radius: 3px;
}

.markdown-note-content code::before,
.markdown-note-content code::after {
  letter-spacing: -0.2em;
  content: "\00a0";
}

.markdown-note-content pre {
  word-wrap: normal;
}

.markdown-note-content pre>code {
  padding: 0;
  margin: 0;
  word-break: normal;
  white-space: pre-wrap;
  background: transparent;
  border: 0;
}

.markdown-note-content .highlight {
  margin-bottom: 24px;
}

.markdown-note-content .highlight pre {
  margin-bottom: 0;
  word-break: normal;
}

.markdown-note-content .highlight pre,
.markdown-note-content pre {
  padding: 24px;
  overflow: auto;
  background-color: #f8f8f8!important;
  border-radius: 3px;
  border: none;
}

.markdown-note-content pre code {
  display: inline;
  max-width: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  word-wrap: normal;
  background-color: transparent;
  border: 0;
}

@media (max-width : 766px) { 
  /* Avoid having very wide content width on mobile #14646 */
  .markdown-note-content pre code {
    word-break: break-all;
  }
}

.markdown-note-content pre code::before,
.markdown-note-content pre code::after {
  content: normal;
}

.markdown-note-content .full-commit .btn-outline:not(:disabled):hover {
  color: #005cc5;
  border-color: #005cc5;
}

.markdown-note-content kbd {
  display: inline-block;
  padding: 3px 5px;
  font: 11px Menlo, Monaco, "Courier New", Courier, monospace;
  
  line-height: 10px;
  color: #444d56;
  vertical-align: middle;
  background-color: #f8f8f8;
  border: solid 1px #d1d5da;
  border-bottom-color: #c6cbd1;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 #c6cbd1;
}

.markdown-note-content :checked+.radio-label {
  position: relative;
  z-index: 1;
  border-color: #0366d6;
}

.markdown-note-content .task-list-item {
  list-style-type: none;
}

.markdown-note-content .task-list-item+.task-list-item {
  margin-top: 3px;
}

.markdown-note-content .task-list-item input {
  margin: 0 0.2em 0.25em -1.6em;
  vertical-align: middle;
}

.markdown-note-content hr {
  border-bottom-color: #eaecef;
  height:1px; 
  width:80%;
  margin-left:auto; 
  margin-right:auto;
  margin-top:48px; 
  margin-bottom:48px;
}

.markdown-note-content ul.nav li {
  margin: 10px 0 -2px 0;
}

.markdown-note-content ul.nav > a {
  color: #00ab6d;
}

.markdown-note-content ul.nav {
  padding-left: 0;
}

.markdown-note-content .nav-pills>li.active>a, 
.markdown-note-content .nav-pills>li.active>a:focus,
.markdown-note-content .nav-pills>li.active>a:hover {
  background-color: #00ab6d;
  color: #fff;
}

.markdown-note-content .nav-pills>li>a {
  color: #00ab6d;
}

.dashboard-pane-toolbar {
  position: absolute;
  top: 8px;
  right: 1px;
  background-color: white;
  padding-left: 8px;
}

.dashboard-pane-toolbar .full-screen-toggle-btn,
.dashboard-pane-toolbar .download-dropdown-menu,
.dashboard-pane-toolbar .edit-text-btn,
.dashboard-pane-toolbar .adhoc-chart-btn,
.dashboard-pane-toolbar .flow-chart-note-btn {
  display: none;
}

.chart-wrapper:hover .dashboard-pane-toolbar .full-screen-toggle-btn,
.chart-wrapper:hover .dashboard-pane-toolbar .edit-text-btn,
.chart-wrapper:hover .dashboard-pane-toolbar .download-dropdown-menu,
.chart-wrapper:hover .dashboard-pane-toolbar .adhoc-chart-btn,
.chart-wrapper:hover .dashboard-pane-toolbar .flow-chart-note-btn {
    display: inline-block;
}

.chart-wrapper .adhoc-chart-btn.only-data-download {
  float: left;
  margin-right: 5px;
  margin-top: 2px;
}

.show-comment-btn {
  cursor: pointer;
  display: inline-block;
  /* Comment (comment) icon from FA6 */
  /* fill = "#00ab6d*/
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMC4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMwMGFiNmQiIGQ9Ik0yNTYgMzJDMTE0LjYgMzIgLjAyNzIgMTI1LjEgLjAyNzIgMjQwYzAgNDkuNjMgMjEuMzUgOTQuOTggNTYuOTcgMTMwLjdjLTEyLjUgNTAuMzctNTQuMjcgOTUuMjctNTQuNzcgOTUuNzdjLTIuMjUgMi4yNS0yLjg3NSA1LjczNC0xLjUgOC43MzRDMS45NzkgNDc4LjIgNC43NSA0ODAgOCA0ODBjNjYuMjUgMCAxMTUuMS0zMS43NiAxNDAuNi01MS4zOUMxODEuMiA0NDAuOSAyMTcuNiA0NDggMjU2IDQ0OGMxNDEuNCAwIDI1NS4xLTkzLjEzIDI1NS4xLTIwOFMzOTcuNCAzMiAyNTYgMzJ6Ii8+PC9zdmc+");
  background-size: 13px;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
  /* make sure to show over the map */
  z-index: 1001;
  margin-right: 13px;
}

.adhoc-chart-btn {
  cursor: pointer;
  display: inline-block;
  /* Line chart icon from FA6 */
  /* stroke = "#4d4d4d*/
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMC4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBzdHJva2U9IiM0ZDRkNGQiIGZpbGw9IiM0ZDRkNGQiIGQ9Ik0zMiA0MDBDMzIgNDI2LjUgNTMuNDkgNDQ4IDgwIDQ0OEg0OTZDNTA0LjggNDQ4IDUxMiA0NTUuMiA1MTIgNDY0QzUxMiA0NzIuOCA1MDQuOCA0ODAgNDk2IDQ4MEg4MEMzNS44MiA0ODAgMCA0NDQuMiAwIDQwMFY0OEMwIDM5LjE2IDcuMTY0IDMyIDE2IDMyQzI0Ljg0IDMyIDMyIDM5LjE2IDMyIDQ4VjQwMHpNMzMxLjMgMjk5LjNDMzI1LjEgMzA1LjYgMzE0LjkgMzA1LjYgMzA4LjcgMjk5LjNMMjIzLjEgMjE0LjZMMTIzLjMgMzE1LjNDMTE3LjEgMzIxLjYgMTA2LjkgMzIxLjYgMTAwLjcgMzE1LjNDOTQuNDQgMzA5LjEgOTQuNDQgMjk4LjkgMTAwLjcgMjkyLjdMMjEyLjcgMTgwLjdDMjE4LjkgMTc0LjQgMjI5LjEgMTc0LjQgMjM1LjMgMTgwLjdMMzIwIDI2NS40TDQ1Mi43IDEzMi43QzQ1OC45IDEyNi40IDQ2OS4xIDEyNi40IDQ3NS4zIDEzMi43QzQ4MS42IDEzOC45IDQ4MS42IDE0OS4xIDQ3NS4zIDE1NS4zTDMzMS4zIDI5OS4zeiIvPjwvc3ZnPg==");
  background-size: 13px;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
  /* make sure to show over the map */
  z-index: 1001;
  margin-right: 13px;
}

.flow-chart-note-btn {
  cursor: pointer;
  display: inline-block;
  /* chart-diagram (FA6), dark fill — matches transform step flow chart */
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%234d4d4d%22%20d%3D%22M96%2064C78.3%2064%2064%2078.3%2064%2096s14.3%2032%2032%2032l320%200c17.7%200%2032-14.3%2032-32s-14.3-32-32-32L96%2064zM32%2096c0-35.3%2028.7-64%2064-64l320%200c35.3%200%2064%2028.7%2064%2064s-28.7%2064-64%2064l-144%200%200%2024%206.6%206.6%2042.7%2042.7L328%20240l56%200c44.2%200%2080%2035.8%2080%2080l0%2032%2016%200c17.7%200%2032%2014.3%2032%2032l0%2064c0%2017.7-14.3%2032-32%2032l-64%200c-17.7%200-32-14.3-32-32l0-64c0-17.7%2014.3-32%2032-32l16%200%200-32c0-26.5-21.5-48-48-48l-56%200-6.6%206.6-42.7%2042.7L272%20328l0%2024%2016%200c17.7%200%2032%2014.3%2032%2032l0%2064c0%2017.7-14.3%2032-32%2032l-64%200c-17.7%200-32-14.3-32-32l0-64c0-17.7%2014.3-32%2032-32l16%200%200-24-6.6-6.6-42.7-42.7L184%20272l-56%200c-26.5%200-48%2021.5-48%2048l0%2032%2016%200c17.7%200%2032%2014.3%2032%2032l0%2064c0%2017.7-14.3%2032-32%2032l-64%200c-17.7%200-32-14.3-32-32l0-64c0-17.7%2014.3-32%2032-32l16%200%200-32c0-44.2%2035.8-80%2080-80l56%200%206.6-6.6%2042.7-42.7L240%20184l0-24L96%20160c-35.3%200-64-28.7-64-64zM48%20384l-16%200%200%2064%2064%200%200-64-16%200-32%200zm192%200l-16%200%200%2064%2064%200%200-64-16%200-32%200zm192%200l-16%200%200%2064%2064%200%200-64-16%200-32%200zM213.3%20256L256%20298.7%20298.7%20256%20256%20213.3%20213.3%20256z%22%2F%3E%3C%2Fsvg%3E");
  background-size: 13px;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
  z-index: 1001;
  margin-right: 13px;
}


.pixel-ratio-hint-toggle-btn {
  cursor: pointer;
  display: inline-block;
  /* Question (circle-question) icon from FA6 */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjU2IDBDMTE0LjYgMCAwIDExNC42IDAgMjU2czExNC42IDI1NiAyNTYgMjU2czI1Ni0xMTQuNiAyNTYtMjU2UzM5Ny40IDAgMjU2IDB6TTI1NiA0ODBjLTEyMy41IDAtMjI0LTEwMC41LTIyNC0yMjRzMTAwLjUtMjI0IDIyNC0yMjRzMjI0IDEwMC41IDIyNCAyMjRTMzc5LjUgNDgwIDI1NiA0ODB6TTI0MCAzNDRjLTEzLjI1IDAtMjQgMTAuNzUtMjQgMjRzMTAuNzUgMjQgMjQgMjRzMjQtMTAuNzUgMjQtMjRTMjUzLjMgMzQ0IDI0MCAzNDR6TTI4NS42IDEyOEgyMjYuNEMxODkuOCAxMjggMTYwIDE1Ny44IDE2MCAxOTQuNFYyMDRjMCA4Ljg0NCA3LjE1NiAxNiAxNiAxNlMxOTIgMjEyLjggMTkyIDIwNFYxOTQuNEMxOTIgMTc1LjQgMjA3LjQgMTYwIDIyNi40IDE2MGg1OS4yNUMzMDQuNiAxNjAgMzIwIDE3NS40IDMyMCAxOTQuNGMwIDEyLjQ4LTYuNzgxIDI0LTE3LjA2IDI5LjcyTDI0Mi41IDI1NC4zQzIzMS4xIDI2MC43IDIyNCAyNzIuNyAyMjQgMjg1LjhWMzA0QzIyNCAzMTIuOCAyMzEuMiAzMjAgMjQwIDMyMFMyNTYgMzEyLjggMjU2IDMwNFYyODUuOGMwLTEuNDUzIC43ODEzLTIuNzk3IDEuNDM4LTMuMTcybDYwLjQxLTMwLjIyQzMzOC45IDI0MC43IDM1MiAyMTguNSAzNTIgMTk0LjRDMzUyIDE1Ny44IDMyMi4yIDEyOCAyODUuNiAxMjh6Ii8+PC9zdmc+");
  background-size: 14px;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  /* make sure to show over the map */
  z-index: 1001;
  opacity: 0.8;
  transform: translateY(1px);
  margin-left: 2px;
}
.pixel-ratio-hint-toggle-btn:hover {
  display: inline-block;
  opacity: 1;
}
.pixel-ratio-hint-toggle-btn:hover::after {
  width: 150px!important;
  height: unset!important;
  white-space:normal!important;
}
.pixel-ratio-hint-toggle-btn:hover::before{
  transform: translate3d(-50%, -6px, 0)!important;
}
.edit-text-btn {
  cursor: pointer;
  display: inline-block;
  /* Edit (pencil) icon from FA6 */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuNC4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIzIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNDU0LjYgNDUuM2wxMi4xIDEyLjFjMTIuNSAxMi41IDEyLjUgMzIuOCAwIDQ1LjNMNDQwIDEyOS40IDM4Mi42IDcybDI2LjctMjYuN2MxMi41LTEyLjUgMzIuOC0xMi41IDQ1LjMgMHpNMTg5IDI2NS42bDE3MS0xNzFMNDE3LjQgMTUybC0xNzEgMTcxYy00LjIgNC4yLTkuNiA3LjItMTUuNCA4LjZsLTY1LjYgMTUuMUwxODAuNSAyODFjMS4zLTUuOCA0LjMtMTEuMiA4LjYtMTUuNHptMTk3LjctMjQzTDE2Ni40IDI0M2MtOC41IDguNS0xNC40IDE5LjItMTcuMSAzMC45bC0yMC45IDkwLjZjLTEuMiA1LjQgLjQgMTEgNC4zIDE0LjlzOS41IDUuNSAxNC45IDQuM2w5MC42LTIwLjljMTEuNy0yLjcgMjIuNC04LjYgMzAuOS0xNy4xTDQ4OS40IDEyNS4zYzI1LTI1IDI1LTY1LjUgMC05MC41TDQ3Ny4zIDIyLjZjLTI1LTI1LTY1LjUtMjUtOTAuNSAwek04MCA2NEMzNS44IDY0IDAgOTkuOCAwIDE0NFY0MzJjMCA0NC4yIDM1LjggODAgODAgODBIMzY4YzQ0LjIgMCA4MC0zNS44IDgwLTgwVjMwNGMwLTguOC03LjItMTYtMTYtMTZzLTE2IDcuMi0xNiAxNlY0MzJjMCAyNi41LTIxLjUgNDgtNDggNDhIODBjLTI2LjUgMC00OC0yMS41LTQ4LTQ4VjE0NGMwLTI2LjUgMjEuNS00OCA0OC00OEgyMDhjOC44IDAgMTYtNy4yIDE2LTE2cy03LjItMTYtMTYtMTZIODB6Ii8+PC9zdmc+");
  background-size: 12px;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
  /* make sure to show over the map */
  z-index: 1001;
  opacity: 0.6;
  margin-right: 7px;
}
.full-screen-toggle-btn {
  cursor: pointer;
  display: inline-block;
  /* Expand (arrow-up-right-and-arrow-down-left-from-center) icon from FA6 */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMC4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBzdHJva2U9IiM0ZDRkNGQiIGQ9Ik00OTYgMGgtMTYwQzMyNy4yIDAgMzIwIDcuMTU2IDMyMCAxNlMzMjcuMiAzMiAzMzYgMzJoMTIxLjRsLTE2NC43IDE2NC43Yy02LjI1IDYuMjUtNi4yNSAxNi4zOCAwIDIyLjYyczE2LjM4IDYuMjUgMjIuNjIgMEw0ODAgNTQuNjNWMTc2QzQ4MCAxODQuOCA0ODcuMiAxOTIgNDk2IDE5MlM1MTIgMTg0LjggNTEyIDE3NnYtMTYwQzUxMiA3LjE1NiA1MDQuOCAwIDQ5NiAwek0xOTYuNyAyOTIuN0wzMiA0NTcuNFYzMzZDMzIgMzI3LjIgMjQuODQgMzIwIDE2IDMyMFMwIDMyNy4yIDAgMzM2djE2MEMwIDUwNC44IDcuMTU2IDUxMiAxNiA1MTJoMTYwQzE4NC44IDUxMiAxOTIgNTA0LjggMTkyIDQ5NlMxODQuOCA0ODAgMTc2IDQ4MEg1NC42M2wxNjQuNy0xNjQuN2M2LjI1LTYuMjUgNi4yNS0xNi4zOCAwLTIyLjYyUzIwMi45IDI4Ni40IDE5Ni43IDI5Mi43eiIvPjwvc3ZnPg==");
  background-size: 12px;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
  /* make sure to show over the map */
  z-index: 1001;
  opacity: 0.6;
  margin-right: 7px;
}
.edit-text-btn:hover,
.full-screen-toggle-btn:hover {
  display: inline-block;
  opacity: 1;
}
.full-screen-pane {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  padding: 10px;
  border-radius: 5px;
  background-color: white;
  /* make sure to show over the map */
  z-index: 1002;
}
.full-screen-pane-inner {
  width: 100%;
  height: 100%;
  /* we need this to make the wordcloud center-aligned */
  text-align:left!important; 
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 10px;

}
.full-screen-close-btn {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
  display: inline-block;
  /* Close (xmark) icon from FA6 */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMC4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBzdHJva2U9IiM0ZDRkNGQiIGQ9Ik0zMTUuMyA0MTEuM2MtNi4yNTMgNi4yNTMtMTYuMzcgNi4yNTMtMjIuNjMgMEwxNjAgMjc4LjZsLTEzMi43IDEzMi43Yy02LjI1MyA2LjI1My0xNi4zNyA2LjI1My0yMi42MyAwYy02LjI1My02LjI1My02LjI1My0xNi4zNyAwLTIyLjYzTDEzNy40IDI1Nkw0LjY5IDEyMy4zYy02LjI1My02LjI1My02LjI1My0xNi4zNyAwLTIyLjYzYzYuMjUzLTYuMjUzIDE2LjM3LTYuMjUzIDIyLjYzIDBMMTYwIDIzMy40bDEzMi43LTEzMi43YzYuMjUzLTYuMjUzIDE2LjM3LTYuMjUzIDIyLjYzIDBjNi4yNTMgNi4yNTMgNi4yNTMgMTYuMzcgMCAyMi42M0wxODIuNiAyNTZsMTMyLjcgMTMyLjdDMzIxLjYgMzk0LjkgMzIxLjYgNDA1LjEgMzE1LjMgNDExLjN6Ii8+PC9zdmc+");
  background-size: 14px;
  width: 25px;
  height: 23px;
  background-repeat: no-repeat;
  opacity: 1;
  /* make sure to show over the map */
  z-index: 1003;
  background-position-x: 48%;
  background-color: white;
  border-radius: 4px;
}

/*
 * Download dropdown menu at the toolbar.
 */
.download-dropdown-menu {
  display: inline-block;
  position: relative;
  /* Download (arrow-down-to-link) icon from FA6 */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMC4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBzdHJva2U9IiM0ZDRkNGQiIGQ9Ik0xODAuNyAzOTUuM0MxODMuOCAzOTguNCAxODcuOSA0MDAgMTkyIDQwMHM4LjE4OC0xLjU2MiAxMS4zMS00LjY4OGwxNDQtMTQ0YzYuMjUtNi4yNSA2LjI1LTE2LjM4IDAtMjIuNjJzLTE2LjM4LTYuMjUtMjIuNjIgMEwyMDggMzQ1LjRWNDhDMjA4IDM5LjE2IDIwMC44IDMyIDE5MiAzMlMxNzYgMzkuMTYgMTc2IDQ4djI5Ny40TDU5LjMxIDIyOC43Yy02LjI1LTYuMjUtMTYuMzgtNi4yNS0yMi42MiAwcy02LjI1IDE2LjM4IDAgMjIuNjJMMTgwLjcgMzk1LjN6TTM2OCA0NDhoLTM1MkM3LjE1NiA0NDggMCA0NTUuMiAwIDQ2NFM3LjE1NiA0ODAgMTYgNDgwaDM1MmM4Ljg0NCAwIDE2LTcuMTU2IDE2LTE2UzM3Ni44IDQ0OCAzNjggNDQ4eiIvPjwvc3ZnPg==");
  background-size: 11px;
  width: 13px;
  background-repeat: no-repeat;
  z-index: 1001;
  opacity: 0.6;
  margin-right: 11px;
  font-size: 12px;
  cursor:pointer;
  vertical-align: text-bottom;
}

.download-dropdown-menu:hover {
  opacity: 1;
}

.download-dropdown-menu a {
  opacity:1;
  color: #666;
  text-decoration: none;
}

.download-dropdown-menu ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  display: none;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 3px;
  transform: translateX(-80%); 
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: #fff;
}

.download-dropdown-menu ul li {
  clear: both;
  white-space: nowrap;
  padding: 4px 10px;
  background-color: #fff;
}

.download-dropdown-menu ul li:hover,
.download-dropdown-menu ul li:focus-within {
  background: #f7f7f7;
  cursor: pointer;
}

.download-dropdown-menu ul li:focus-within a {
  outline: none;
}

.download-dropdown-menu:hover > ul,
.download-dropdown-menu ul:hover{
  visibility: visible;
  opacity: 1;
  display: block;
}

.download-dropdown-menu ul li.hidden-download-menu {
  display:none;
}

/* Style for green button */
a.btn.btn-primary {
  color: #fff;
  background-color: #00ab6d;
  border-color: #00ab6d;
  text-decoration: none;
  font-weight:700;
  padding:14px;
  font-size:16px;
  line-height:100%;
  border:none;
  border-radius:3px;
}

a.btn.btn-primary:hover,  
a.btn.btn-primary:active,  
a.btn.btn-primary:visited
{
  text-decoration: none;
  background-color: #00ab6d;
  border-color: #00ab6d;
}

/* Download image dialog */
#download-img-modal {
  box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 15px 0px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 6px;
  padding: 0;
  color: #4d4d4d;
  font-size: 14px;
  line-height: 20px;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
#download-img-modal .download-img-modal-title { 
  padding: 17px 15px;
  border-bottom: 1px solid #e5e5e5;
  font-weight: 500;
  font-size: 18px;
}
#download-img-modal .download-img-modal-body { 
  padding: 15px 15px 5px;
}
#download-img-modal .download-img-modal-body .label-row ,
#download-img-modal .download-img-modal-body .value-row {
  margin: 5px 0 18px;
}
#download-img-modal .download-img-modal-body .label-row {
  font-weight: bold;
  margin: 0 0 10px;
} 
#download-img-modal .download-img-modal-body .value-row .size-box {
  display: inline-block;
  width: 150px;
  margin-right: 4px;
} 
#download-img-modal .download-img-modal-body .value-row .size-box-small .sub-label-row ,
#download-img-modal .download-img-modal-body .value-row .size-box .sub-label-row {
  margin: 0 0 5px;
}
#download-img-modal .download-img-modal-body .value-row .size-box-small {
  display: inline-block;
  width: 120px;
}
#download-img-modal .download-img-modal-body .value-row .radio-label {
  padding-left: 7px;
  padding-right: 40px;
  vertical-align: top;
}
#download-img-modal .download-img-modal-body .value-row .cb-label {
  padding-left: 3px;
  vertical-align: top;
}
#download-img-modal .download-img-modal-body .value-row input[type="radio"] {
  transform: translateY(3px);
  vertical-align: top;
  margin: 0;
}
#download-img-modal .download-img-modal-body .value-row input[type="checkbox"] {
  transform: translateY(3px);
  vertical-align: top;
  margin: 0;
}
#download-img-modal .download-img-modal-body .value-row input[type="number"] {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 4px 10px;
  width: 100%;
  height: 30px;
  outline-width: 0px;
}
#download-img-modal .download-img-modal-body .value-row input[type="number"]:focus {
  border-color: #00ab6d;
}
#download-img-modal .download-img-modal-body .value-row select {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 4px 10px;
  width: 93px;
  height: 30px;
  outline-width: 0px;
}
#download-img-modal .download-img-modal-body .value-row select:focus {
  border-color: #00ab6d;
}
#download-img-modal .download-img-modal-footer { 
  border-top: 1px solid #e5e5e5;
  padding: 15px 15px;
  text-align: right;
}
#download-img-modal .download-img-modal-footer button { 
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 7px 12px;
  border-radius: 4px;
  box-shadow: none;
  font-weight: normal;
}
#download-img-modal .download-img-modal-footer button#download-img-ok-btn {
  background-color: #00ab6d;
  border: 1px solid #00ab6d;
  color: #fff;
}

/* Microtip customization */
[aria-label][role~="tooltip"]::after {
  line-height: 17px;
}

/* Sankey Network specific fix.*/
.sankeyNetwork.html-widget.html-widget-static-bound {
  overflow-y: hidden;
}

/* Adjustment for PDF printing */
@media print {
  @page { 
    margin: 0;
  }

  body {
    /* Hide tabs if exists. */
    padding-top: 8px!important;
  }
  /* Hide tabs if exists. */
  body .navbar-fixed-top {
    display: none!important;
  }

  /* Force the text and background color to be printed. */
  * {
    -webkit-print-color-adjust: exact; /* Chrome, Edge, Safari */
    print-color-adjust: exact;         /* Standard */
  }
  /* Hide Number chart title */
  body .single-value.chart-wrapper-flex > .chart-title {
    display: none;
  }
  /* Hide extra bottom border in Pivot Table */
  body .viz-container.markdown-viz-container .pivot-body-view .pivot-table-frame.pivot-table-body-frame .pivot-row .pivot-cell.header.row-header {
    border-bottom: none;
  }
  /* Hide Leaflet control container */
  body .viz-container.markdown-viz-container .leaflet-control-container {
    display: none;
  }
  a[href]:after { content: none !important; }

  blockquote {
    border: none !important;
    border-left: 4px solid #00ab6d !important;
    padding-left: 16px !important;
    margin: 16px 0 !important;
    color: #333333 !important;
    background: transparent !important;
  }
  .dashboard-page-wrapper.tab-pane {
    break-inside: avoid;
    page-break-inside: avoid;
  }
  /* Show all dashboard pages in browser print preview (not only active tab). */
  .tab-content > .dashboard-page-wrapper.tab-pane {
    display: flex !important;
  }
  .tab-content > .dashboard-page-wrapper.tab-pane:not(:first-child) {
    break-before: page;
    page-break-before: always;
  }


}

/* Interactive Decision Tree chart (#34678). Mirror of src/style/dtree.scss --
   published notes/dashboards cannot load app SCSS, so the rules are duplicated
   here as plain CSS. Keep in sync with dtree.scss. */
.dtree-view{position:relative;overflow:hidden;width:100%;height:100%;background:#fff}
.dtree-view.dtree-panning{cursor:grabbing}
.dtree-canvas{position:relative;transform-origin:0 0}
.dtree-edges{position:absolute;left:0;top:0;pointer-events:none}
.dtree-node{position:absolute;background:#fff;border:1px solid #cbd2d9;border-radius:7px;box-shadow:0 1px 3px rgba(0,0,0,.10);overflow:hidden;font-size:18px;box-sizing:border-box}
.dtree-node.is-leaf{border-width:2px;border-color:#2F6FB8}
.dtree-node.dtree-clickable{cursor:pointer}
.dtree-node-header{position:relative;display:flex;align-items:center;color:#fff;font-weight:600;padding:5px 9px;font-size:18px;letter-spacing:.3px;text-shadow:0 1px 1px rgba(0,0,0,.25)}
.dtree-node-header .dtree-node-id{position:absolute;left:9px;top:50%;transform:translateY(-50%);font-weight:400;font-size:16px;line-height:1;padding:1px 5px;border:1px solid currentColor;border-radius:3px;background:rgba(127,127,127,0.14);opacity:0.85}
.dtree-node-header .dtree-pred{flex:1 1 auto;text-align:center;padding:0 26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dtree-node-header .dtree-collapse-caret{position:absolute;right:9px;top:50%;transform:translateY(-50%);cursor:pointer;font-weight:400;font-size:16px;line-height:1;padding:1px 5px;border:1px solid currentColor;border-radius:3px;background:rgba(127,127,127,.14)}
.dtree-node-header .dtree-collapse-caret:hover{background:rgba(127,127,127,.28)}
.dtree-leaf-badge{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-weight:400;font-size:15px;opacity:.85;border:1px solid currentColor;border-radius:3px;padding:0 4px}
.dtree-thead{display:flex;align-items:baseline;padding:3px 9px 2px;color:#8a939b;font-size:16px;border-bottom:1px solid #eef1f4}
.dtree-thead .lb{flex:1 1 auto;min-width:0;margin-left:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dtree-thead .nn{flex:0 0 62px;text-align:right}
.dtree-thead .pc{flex:0 0 62px;text-align:right}
.dtree-class-row{display:flex;align-items:center;padding:2px 9px}
.dtree-class-row .sw{width:9px;height:9px;border-radius:2px;margin-right:6px;flex:0 0 auto}
.dtree-class-row .lb{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dtree-class-row .nn{flex:0 0 62px;text-align:right;font-variant-numeric:tabular-nums}
.dtree-class-row .pc{flex:0 0 62px;text-align:right;font-variant-numeric:tabular-nums;color:#57606a}
.dtree-class-row.dtree-class-more{color:#8a939b;padding-left:24px}
.dtree-node-bar{display:flex;height:12px;margin:5px 9px 4px;border-radius:3px;overflow:hidden;background:#eef1f4}
.dtree-node-bar span{display:block;height:100%}
.dtree-reg{padding:4px 9px 2px}
.dtree-reg .dtree-reg-row{display:flex;align-items:baseline;padding:1px 0}
.dtree-reg .dtree-reg-row .lb{flex:1 1 auto;color:#57606a}
.dtree-reg .dtree-reg-row .vv{flex:0 0 auto;font-variant-numeric:tabular-nums}
.dtree-node-dist{position:relative;display:flex;align-items:flex-end;height:34px;margin:5px 0 3px;gap:1px}
.dtree-node-dist .dtree-dist-bar{flex:1 1 0;min-height:1px;background:#6aa0c8;border-radius:1px 1px 0 0}
.dtree-node-dist .dtree-dist-bar.dtree-dist-empty{min-height:0;background:transparent}
.dtree-node-dist .dtree-dist-mean{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#d1495b;pointer-events:none}
.dtree-node-footer{padding:3px 9px 6px;font-size:17px;color:#57606a;border-top:1px solid #eef1f4}
.dtree-edge-label{position:absolute;transform:translate(-50%,-50%);pointer-events:none;text-align:center}
.dtree-edge-label span{background:#fff;border:1px solid #d0d7de;border-radius:4px;padding:1px 6px;font-size:18px;color:#334;white-space:nowrap;pointer-events:auto;cursor:pointer}
.dtree-split-stat-label{position:absolute;transform:translate(-50%,-50%);pointer-events:none;text-align:center}
.dtree-split-stat-label span{display:block;background:#fff;border-radius:3px;padding:0 4px;white-space:nowrap}
.dtree-split-stat-label .dtree-split-var{font-size:16px;font-weight:600;color:#334}
.dtree-split-stat-label .dtree-split-stat{font-size:15px;color:#6e7781}
.dtree-target-title{position:absolute;font-size:16px;line-height:20px;font-weight:600;color:#334;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.dtree-target-title.is-truncated{pointer-events:auto;cursor:default}
.dtree-message{padding:24px;color:#57606a;font-size:13px;text-align:center}
.dtree-tooltip{position:absolute;z-index:20;max-width:320px;background:rgba(31,41,55,.8);color:#f3f4f6;border-radius:6px;padding:8px 10px;font-size:12px;line-height:1.5;box-shadow:0 4px 14px rgba(0,0,0,.28);pointer-events:none}
.dtree-tooltip .dtree-tt-sec+.dtree-tt-sec{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.15)}
.dtree-tooltip .dtree-tt-head{font-weight:700;margin-bottom:2px}
.dtree-tooltip .dtree-tt-path{margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.15)}
.dtree-tooltip .dtree-tt-root{color:#9ca3af}
.dtree-tooltip .dtree-tt-stat{font-weight:600}
.dtree-tooltip .dtree-tt-class{color:#cbd5e1}
.dtree-tooltip.dtree-tt-pinned{pointer-events:auto}
.dtree-tooltip .dtree-tt-copyable{display:flex;align-items:flex-start;gap:6px}
.dtree-tooltip .dtree-tt-cond-text{flex:1 1 auto}
.dtree-tooltip .dtree-tt-copy-icon{flex:0 0 auto;width:14px;height:14px;margin-top:1px;cursor:pointer;background-color:transparent;background-repeat:no-repeat;background-size:13px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMC4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBmaWxsPSIjZjNmNGY2IiBkPSJNMjcyIDQxNkMyNjMuMiA0MTYgMjU2IDQyMy4yIDI1NiA0MzJWNDQ4YzAgMTcuNjctMTQuMzMgMzItMzIgMzJINjRjLTE3LjY3IDAtMzItMTQuMzMtMzItMzJWMTkyYzAtMTcuNjcgMTQuMzMtMzIgMzItMzJoMTEyQzE4NC44IDE2MCAxOTIgMTUyLjggMTkyIDE0NEMxOTIgMTM1LjIgMTg0LjggMTI4IDE3NiAxMjhINjMuOTljLTM1LjM1IDAtNjQgMjguNjUtNjQgNjRsLjAwOTggMjU2QzAgNDgzLjMgMjguNjUgNTEyIDY0IDUxMmgxNjBjMzUuMzUgMCA2NC0yOC42NSA2NC02NHYtMTZDMjg4IDQyMy4yIDI4MC44IDQxNiAyNzIgNDE2ek01MDIuNiA4Ni42M2wtNzcuMjUtNzcuMjVDNDE5LjQgMy4zNzEgNDExLjIgMCA0MDIuNyAwSDI4OEMyNTIuNyAwIDIyNCAyOC42NSAyMjQgNjR2MjU2YzAgMzUuMzUgMjguNjUgNjQgNjQgNjRoMTYwYzM1LjM1IDAgNjQtMjguNjUgNjQtNjRWMTA5LjNDNTEyIDEwMC44IDUwOC42IDkyLjYzIDUwMi42IDg2LjYzek00MTYgNDUuMjVMNDY2LjcgOTZINDE2VjQ1LjI1ek00ODAgMzIwYzAgMTcuNjctMTQuMzMgMzItMzIgMzJoLTE2MGMtMTcuNjcgMC0zMi0xNC4zMy0zMi0zMlY2NGMwLTE3LjY3IDE0LjMzLTMyIDMyLTMyaDk2bC4wMDI2IDY0YzAgMTcuNjcgMTQuMzMgMzIgMzIgMzJINDgwVjMyMHoiLz48L3N2Zz4=")}
.dtree-tooltip .dtree-tt-copy-icon.copied{cursor:default;background-size:14px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjZjNmNGY2IiBkPSJNMTczLjg5OCA0MzkuNDA0bC0xNjYuNC0xNjYuNGMtOS45OTctOS45OTctOS45OTctMjYuMjA2IDAtMzYuMjA0bDM2LjIwMy0zNi4yMDRjOS45OTctOS45OTggMjYuMjA3LTkuOTk4IDM2LjIwNCAwTDE5MiAzMTIuNjkgNDMyLjA5NSA3Mi41OTZjOS45OTctOS45OTcgMjYuMjA3LTkuOTk3IDM2LjIwNCAwbDM2LjIwMyAzNi4yMDRjOS45OTcgOS45OTcgOS45OTcgMjYuMjA2IDAgMzYuMjA0bC0yOTQuNCAyOTQuNDAxYy05Ljk5OCA5Ljk5Ny0yNi4yMDcgOS45OTctMzYuMjA0LS4wMDF6Ii8+PC9zdmc+")}
.dtree-zoom-controls{position:absolute;left:12px;bottom:12px;z-index:15;display:flex;flex-direction:column;gap:4px}
.dtree-zoom-controls .dtree-zoom-btn{width:30px;height:30px;border:1px solid #d0d7de;border-radius:6px;background:#fff;color:#334;font-size:14px;line-height:1;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.10);padding:0}
.dtree-zoom-controls .dtree-zoom-btn:hover{border-color:#00ab6d;color:#00ab6d}
.dtree-zoom-controls .dtree-zoom-reset{font-size:11px}
.dtree-sync-axis{position:absolute;top:10px;right:12px;z-index:15;display:inline-flex;align-items:center;gap:5px;margin:0;font-size:12px;font-weight:normal;line-height:1;color:#334;cursor:pointer;user-select:none}
.dtree-sync-axis input[type="checkbox"]{cursor:pointer;margin:0;vertical-align:middle;flex:0 0 auto}