html {
  background: #222222 url(/media/templates/site/cassiopeia_bastabande/images/background.gif);
  color: #747474;
}

.table-striped>tbody>tr:nth-of-type(odd)>*,.table-striped-columns>:not(caption)>tr>:nth-child(2n) {
    --table-color-type: white;
}

.table-active {
    --table-color-state: white;
}

.table-hover>tbody>tr:hover>* {
    --table-color-state: white;
}

.table>:not(caption)>*>* {
    color: white;
}

:root {
    --body-bg: black;
}

body {
  margin: 20px;
  background: #222222 url(/media/templates/site/cassiopeia_bastabande/images/background.gif);
}

.container-header {
  background: #000000ed;
  border: 1px solid #8c0000;
  border-radius: 10px 10px 0px 0px;
}

.site-grid {
  background: #000000de;
  color: #CCCCCC;
  border: 1px solid #8c0000;
  border-radius: 0px 0px 10px 10px;
}

.navbar-brand {
  margin: auto;
}

.sidebar-right {
  background: black;
  color: #CCCCCC;
  border: 1px solid #827373;
}

.card {
  --card-border-color: #827373;
  border-radius: 10px;
}

.container-component {
  border: 1px solid #827373;
  margin-top: 1em;
  padding: 1em;
  border-radius: 10px;
  margin-bottom: 1em;
}

.bottom-a.card .card-body .nav {
    display: block;
}

.bottom-a.card .card-body .mod-menu.mod-list.nav .nav-item {
    margin: 5px 20px 5px 0px;
    float: left;
}