:root {
  /* Top- & Brandbar */
    --cassiopeia-color-primary: #212121;     /* color fading from left ...                    */
    --cassiopeia-color-hover: black;         /*                    ... to the right           */

  /* Body Basics     */
    --body-bg: #1f1f1f;                      /* background color                              */
    --body-color: white;                     /* font color                                    */
    --secondary-color: #bababa;              /* font color for "Details", see dd for margins  */
    --body-font-size: 0.8rem;                /* font size                                     */
    --body-line-height: 1.4;                 /* line height                                   */
    --link-color: #63dcff;                   /* link color                                    */
    --link-hover-color: white;               /* link hover color                              */
    --font-monospace: "Courier New", Consolas, SFMono-Regular, Menlo, Monaco, "Liberation Mono", monospace;
    --success: #bababa;                      /* operation success message accent color        */
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-size: 1.5rem;
    line-height: 1.5;
}

dd {                                          /* more "Details" customizations*/
    margin-bottom: 0;
    margin-left: 1rem;
}

.metismenu.mod-menu .metismenu-item {
    flex-wrap: wrap;
    align-items: center;
    padding: 0em 0em;
    font-size: 0.8rem;
    line-height: 1.4;
    display: flex;
}

.sublink {
    margin-left: 1.2rem;
}
.sublink:before {
    content: "+";
    margin-right: 0.5rem;
}

.subsublink {
    margin-left: 2.4rem;
}
.subsublink:before {
    content: "+";
    margin-right: 0.5rem;
}

.boldmenu {
    font-weight: 600;
}