:root {
  --rs-navy: #2b637f;
  --rs-navy-light: #d9eaf2;
  --rs-blue: #28c0da;
  --rs-blue-light: #e9f9fb;
  --rs-green: #c3d941;
  --rs-green-light: #f8fbea;
  --rs-slate: #abbfb5;
  --rs-slate-light: #f0f4f2;
  --rs-grey: #E9EAE6;
  --rs-font: Lato, sans-serif;
}
/* Font styles */
h1,
h2,
h3,
h4,
body,
.caption{
  font-family: var(--rs-font) !important;
}
/* Navigation Header */
.wy-menu-vertical p.caption{
   color: var(--rs-blue) !important;
}
/* Note box content */
.note {
background: var(--rs-navy-light) !important;
}
/* Note box header, nav header */
.rst-content .note .admonition-title, .wy-side-nav-search, .wy-nav-top{
  background: var(--rs-navy) !important;
}
/* Tip box content */
.tip {
  background: var(--rs-blue-light) !important;
}
/* Tip box header */
.rst-content .tip .admonition-title {
  background: var(--rs-blue) !important;
}
/* Caution box content */
.caution {
  background: var(--rs-slate-light) !important;
}
/* Caution box header */
.rst-content .caution .admonition-title{
  background: var(--rs-slate) !important;
}
/* Warning box content */
.warning {
  background: var(--rs-green-light) !important;
}
/* Warning box header */
.rst-content .warning .admonition-title {
  background: var(--rs-green) !important;
}

/* Mermaid classes */
.rs-box > rect{
  fill:var(--rs-grey) !important;
  stroke:var(--rs-blue) !important;
  stroke-width:3px !important;
}
.rs-box-navy > rect{
  fill:var(--rs-navy) !important;
  stroke:var(--rs-blue) !important;
  stroke-width: 3px !important;
}
.rs-box-navy-optional > rect{
  fill:var(--rs-navy) !important;
  stroke:var(--rs-blue) !important;
  stroke-width: 3px !important;
  stroke-dasharray:5,5 !important;
}
.rs-box-green > rect{
  fill:var(--rs-green) !important;
  stroke:var(--rs-green) !important;
  stroke-width:4px;
}
.rs-box-optional > rect{
  fill:var(--rs-grey) !important;
  stroke:var(--rs-blue) !important;
  stroke-width:3px !important;
  stroke-dasharray:5,5 !important;
}

.cluster rect{
  fill:var(--rs-slate-light) !important;
  stroke:var(--rs-slate) !important;
    stroke-width:3px !important;
}

/* width of main documentation pane */
.wy-nav-content {
   max-width: 1000px;
}
