body
{
  background: #28262B url(../images/page.png) top center repeat-y scroll;
  color: #ffffff;
}


.container-component
{
   background: #403f44cf;
   border:1px solid #9a9d9acc;
   padding: 20px;
}

.container-header
 {
    z-index: 10;
    background-color: #28262b00;
    background-image: none;
    position: relative;
    box-shadow: inset 0 5px 5px #00000008;
}

.container-header .mod-menu
 {
    background-color: #2e2c31;
    flex: 1 0 100%;
    margin: 0;
    padding: 10px;
    justify-content: center;
    list-style: none;
    border-radius: 0px;
}

.card {
    --card-spacer-y: 1rem;
    --card-spacer-x: 1rem;
    --card-title-spacer-y: .5rem;
    --card-title-color: whitesmoke;
    --card-subtitle-color: ;
    --card-border-width: var(--border-width);
    --card-border-color: #dfe3e7;
    --card-border-radius: var(--border-radius);
    --card-box-shadow: ;
    --card-inner-border-radius: calc(var(--border-radius) - (var(--border-width)));
    --card-cap-padding-y: .5rem;
    --card-cap-padding-x: 1rem;
    --card-cap-bg: rgba(var(--body-color-rgb),.03);
    --card-cap-color: whitesmoke;
    --card-height: ;
    --card-color: whitesmoke;
    --card-bg: #414045;
    --card-img-overlay-padding: 1rem;
    --card-group-margin: .5em;
    min-width: 0;
    height: var(--card-height);
    color: var(--body-color);
    word-wrap: break-word;
    background-color: var(--card-bg);
    border: var(--card-border-width)solid var(--card-border-color);
    border-radius: var(--card-border-radius);
    background-clip: border-box;
    flex-direction: column;
    display: flex;
    position: relative
}

.breadcrumb {
    --breadcrumb-padding-x: 0;
    --breadcrumb-padding-y: 0;
    --breadcrumb-margin-bottom: 1rem;
    --breadcrumb-bg: ;
    --breadcrumb-border-radius: ;
    --breadcrumb-divider-color: var(--secondary-color);
    --breadcrumb-item-padding-x: .5rem;
    --breadcrumb-item-active-color: #b9babb;
    padding: var(--breadcrumb-padding-y) var(--breadcrumb-padding-x);
    margin-bottom: var(--breadcrumb-margin-bottom);
    font-size: var(--breadcrumb-font-size);
    background-color: var(--breadcrumb-bg);
    border-radius: var(--breadcrumb-border-radius);
    flex-wrap: wrap;
    list-style: none;
    display: flex;
}

.btn-primary {
    background-color: #891c1c;
    border-color: #430d0d;
}

.btn-primary:hover,.btn-primary:focus {
    background-color: #8e8b9b;
    border-color: #000000;
}

a {
    color: #d5d6d9;
}

.text-muted {
    --text-opacity: 1;
    color: #f1f1f1bf !important;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    color: #928D9A;
    font-family: 'Palatino Linotype', Georgia, 'Times New Roman', Times, Serif;
    font-weight: var(--cassiopeia-font-weight-headings, 600);
}

h1
{
  color: #928D9A;
  margin: 10px 0 0;
    font-family: 'Palatino Linotype', Georgia, 'Times New Roman', Times, Serif;
}

.footer {
    color: #fff;
    background-color: #28262b;
    background-image: linear-gradient(135deg, #414045 0%, #28262b 100%);
    margin-top: 1em;
}