/* [MODERN] Info Boxes */
.modern div.note-box,
.modern div.tip-box,
.modern div.caution-box,
.modern div.sf-box,
.modern div.autopilot-box {
  background-color: #eee;
  padding: .75em 1em .75em 2.5em;
  border: none;
  margin: .75em 0;
  background-repeat: no-repeat;
  background-position: .75em .9em;
  line-height: 1.5;
}

.modern #topic div.note-box p:first-child,
.modern #topic div.tip-box p:first-child,
.modern #topic div.caution-box p:first-child {
  margin-top: 0;
}

.modern div.note-box {
  background-image: url("note.svg");
  background-color: #FEFCBF;
}

.modern div.tip-box {
  background-image: url("bulb.svg");
  background-color: #EBF8FF;
  background-position: .75em 1em;
}
.modern table div.tip-box {
  background-color: #d0eeff; /* Stronger colour, as already a blue BG */
}

.modern div.caution-box {
  background-image: url("warning.svg");
  background-color: #fbecd0;
}

.modern div.sf-box,
.modern div.autopilot-box {
  background-position: .8em 1em;
}

/* [MODERN] Icons */
.modern .icon-expand {
  background-image: url("zoom-in.svg");
  width: 1.25em;
  height: 1.25em;

}
.modern .icon-collapse {
  background-image: url("zoom-out.svg");
  width: 1.25em;
  height: 1.25em;
}

/* [MODERN] Dropdown Content (Accordions) */
.modern .drop-down-section-heading {
  display: flex;
  align-items: flex-start;
  margin: 1em 0;
}
.modern .drop-down-section-heading > span {
  margin: -1px .25em 0 0;
}
.modern .drop-down-section-content {
  padding: 0 0 1em 1.5em;
}

.modern .drop-down-section-heading .icon-expand,
.modern .drop-down-section-heading .icon-collapse {
  display: inline-block;
  vertical-align: middle;
  width: 1.25em;
  height: 1.25em;
  background-image: url("arrow-right.svg");
}
.modern .drop-down-section-heading .icon-collapse {
  transform: rotate(90deg);
}

.modern h2.collapsible-heading {
  display: flex;
}
.modern h2.collapsible-heading > span {
  background-image: url("arrow-right.svg");
  width: 1em;
  height: 1em;
  margin: .2em .25em 0 -.25em;
}
.modern h2 .icon-collapse {
  transform: rotate(90deg);
}

/* [MODERN] Table styles */
.modern #topic th,
.modern #topic td {
  font-size: 1em;
}

.modern #topic th {
  padding: .5em .75em;
  font-weight: 600;
  line-height: 1.2;
  color: #0053a0;
}
.modern #topic td {
  padding: .75em;
  margin: 0;
  line-height: 1.4;
  vertical-align: top;
}
.modern #topic tr:last-child th,
.modern #topic tr:last-child td {
  border-bottom: 0;
}

/* [MODERN] Glossary Definition */
.modern .glossary-term-definition {
  border: 2px solid #bbdcbc;
  background-color: #d4f5d4;
  padding: .75em !important;
  margin: .25em 0 !important;
}
.modern .glossary-term-definition *:first-child {
  margin-top: 0;
}
.modern .glossary-term-definition *:last-child {
  margin-bottom: 0;
}

.modern img + .glossary-term,
.modern img + strong .glossary-term {
  margin-left: .25em;
}

/* [MODERN] Filterable Lists */
#topic input.filter-input {
  border: 2px solid #bbb;
  padding: .5em;
  font-size: 1em;
  box-shadow: none;
}
#topic input.filter-input:focus {
  border-color: rgb(82, 168, 236);
}

/* Cookiebot - Remove branding on the banner */
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
  display: none;
}

/* Cookiebot - Remove branding on the widget */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
  display: none;
}