.whatis {
    border-color: #c566df;
  }

  .admonition.whatis .admonition-title:after {
    color: #c566df;
    font-family: "Font Awesome 5 Free";
    content: "\f128";
  }

  .readmore {
    border-color: #c566df;
  }

  .admonition.readmore .admonition-title:after {
    color: #c566df;
    font-family: "Font Awesome 5 Free";
    content: "\f35d";
  }

  div.quote {
    border-color: #FF69B4;
  }

  div.quote .admonition-title:after {
    color: #FF69B4;
    font-family: "Font Awesome 5 Free";
    content: "\f10d";
  }

  div.exercise {
    border-color: var(--note-border-color);
    background-color: var(--note-title-color);
  }

  div.exercise p.admonition-title {
    background-color: var(--note-title-color);
  }

  /* Remove content box */
  div.exercise p.admonition-title:after {
    content: "\f303";
  }

  div.solution {
    border-color: var(--pst-color-danger);
    background-color: var(--pst-color-surface);
  }

  div.solution p.admonition-title {
    background-color: var(--pst-color-on-surface);

  }

  /* Remove content box */
  div.solution p.admonition-title:after {
    content: "\f303";
  }

  p {
    text-align: justify;
  }

  table {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
  }

  table,
  th,
  td {
    border: 2px solid steelblue !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    vertical-align: top !important;
    color: var(--pst-color-text-base) !important;
  }

  .output_png {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }

  body {
    --sd-color-primary: #D5FFFF;
    --sd-color-primary-text: #212529;
  }

  .item {
    display: inline-block;
    vertical-align: top
  }

  .bd-content {
    flex-grow: 1;
    max-width: 100%;
  }

html[data-theme="light"] {
    --pst-color-wotsit: #FADADD;
}

html[data-theme="dark"] {
    --pst-color-wotsit: #4D4D4D;
}

/* Left align table captions */
table, 
caption {
  text-align: left !important;
}

.no-border {
  /* Set a border for the table */
  border: none !important;
  font-weight: normal !important;
}

.no-margin {
  margin-top: -30px !important;
  padding: 0 !important;
}

.no-height {
  /* Set a border for the table */
  border: none !important;
  height: 10px !important;
}