/* AP-HP family-specific colors */
:root {
  --ig-status-text-color: rgb(21, 61, 138); /* 1. IG Title and status text color */
  --navbar-bg-color: rgb(0, 99, 175); /* 2. Header container color */
  --footer-bg-color: rgb(208, 215, 216); /* 3. Footer background color*/
  --footer-container-bg-color:  rgb(0, 99, 175); /* 4. Footer container color */
  --stripe-bg-color: rgb(208, 215, 216); /* 5. Header strip color */
  --btn-hover-color: rgb(21, 61, 138);  /* 6. Menu button hover color */
  --btn-active-color: rgb(0, 162, 224); /* 7. Menu button active color */
  --btn-text-color: rgb(244, 242, 242); /* 8. Menu button text color */
  --btn-gradient-start-color: rgb(0, 162, 224); /* 9. Menu item gradient start color */
  --btn-gradient-end-color: rgb(0, 99, 175); /* 10. Menu item gradient end  color */
  --btn-gradient-start-color-alpha: rgba(0, 162, 224, 1); /* 11. Menu item gradient start color (with alpha) */
  --btn-gradient-end-color-alpha:rgba(0, 99, 175, 1); /* 12. Menu item gradient end color (with alpha) */
  --link-color: rgb(0, 99, 175); /* 13. Hyperlink text color */
  --link-hover-color: rgb(21, 61, 138); /* 14. Hyperlink text hover color */
  --publish-box-bg-color: rgb(255, 222, 20); /* 15. Publish box background color */
  --publish-box-border: 1px solid rgb(234, 91, 12); /* 16.  Publish box border definition */
  --toc-box-bg-color: rgba(255, 222, 20, .25); /* 17.  TOC box background color */
  --toc-box-border: 1px solid rgb(255, 208, 0); /* 18. TOC box border definition */
  --ig-header-color: rgb(244, 242, 242); /* 21. Header color (sides) */
  --ig-header-container-color: rgb(255, 255, 255); /* 22. Header container color (center) */
  --footer-nav-bg-color: rgb(244, 242, 242); /* 23. Footer navigation background color*/
  --footer-text-color: rgb(255, 255, 255); /* 24. Footer highlight font color */
  --footer-hyperlink-text-color: rgb(91, 197, 242); /* 25. Footer hyperlinks font color */
  --footer-highlight-text-color: rgb(244, 242, 242);; /* 26. Footer highlight font color */
  --breadcrumb-bg-color: rgb(255, 255, 255)  ; /* 27. Breadcrumb background color */
  --breadcrumb-text-color: rgb(0, 99, 175); /* 28. Breadcrumb font color */
}

#ig-status {
  clear: both;
}

table.grid {
  width: 100%;
  border: 1px solid rgb(208, 215, 216);
}

table.grid th {
  background-color: rgb(244, 242, 242);
}

h6 {
  font-size: 13px;
}

.viewer-container {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.svg-container {
  width: 100%;
  height: 100%;
  cursor: grab;
  position: absolute;
  top: 0;
  left: 0;
}

.svg-container.grabbing {
  cursor: grabbing;
}

.ig-figure {
  display: block;
  margin-left:auto;
  margin-right: auto;
  margin-bottom: 10px;
}

.ig-figure-img {
  border: 1px solid rgb(208, 215, 216);
  border-radius: 0.375rem;
  max-width: 100%;
  height: auto;
  padding: 2px;
  margin-bottom: 0.5rem;
  line-height: 1;
}

.ig-figure-caption {
  font-size: 12px;
  font-style: italic;
  padding: 2px;
  color: rgba(33, 37, 41, 0.75);
}

pre[class*='language-fsh'],
pre[class*='language-fml'],
pre[class*='language-json'] {
  background-color: #eee;
  text-shadow: unset;
  overflow: unset;
}

pre[class*='language-fsh'] code[class*='language-fsh'],
pre[class*='language-fml'] code[class*='language-fml'],
pre[class*='language-json'] code[class*='language-json'] {
  white-space: pre-wrap;
  text-shadow: unset;
}

/* Inline code */
:not(pre) > code[class*='language-fsh'],
:not(pre) > code[class*='language-fml'] {
  background-color: #eee;
  padding: 0.1em 0.3em;
  border: 1px solid #cccccc;
  border-radius: 0.3em;
  font-size: 1em;
  display: inline-block;
  margin: 2px 0;
  text-shadow: unset;
  white-space: normal;
}

pre[class*='language-fsh'] .token.operator,
pre[class*='language-fsh'] .token.rule-indicator,
pre[class*='language-fml'] .token.operator,
pre[class*='language-fml'] .token.url,
pre[class*='language-json'] .token.operator {
  background: unset;
}

pre[class*=language-fsh] .token.caret {
  border-top-color: transparent;
  width: unset;
  height: unset;
  vertical-align: unset;
}