.container-header {
    z-index: 10;
    background-color: #202124 !important;
    background-image:none;
    position: relative;
    border-bottom:1px solid #444;
}

body {
    font-family: var(--body-font-family);
    font-size: var(--body-font-size);
    font-weight: var(--body-font-weight);
    line-height: var(--body-line-height);
    color: #B0B0B0;
    text-align: var(--body-text-align);
    background-color: #202124;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: #0000;
    margin: 0;
}

.card {
     background-color: #202124;
    border: none;
}

.sidebar-right a{color:#f2f2f2; font-size:0.75em;}
.sidebar-right li{line-height:0.8em}

.metismenu.mod-menu .metismenu-item {
	flex-wrap: wrap;
	align-items: center;
	padding: .5em 1em;
	font-size: 0.95rem;
  font-weight:300rem;
	line-height: 1.5;
	display: flex;
  color:#4285f4;
}

.com-content-article__body h2 {color:#E0E0E0}
.page-header{margin-top:20px;margin-bottom:30px}
.pagenavcounter{margin-bottom:20px !important}

.com-content-article .page-header h2{font-weight:500;font-size:1.5rem !important;color:#34a853}

.breadcrumb {
	background-color: #232327;
  border:1px solid #38383d;
	margin-bottom: 0;
}
.breadcrumb a{color:#B0B0B0}
.breadcrumb a:hover{color:#fff}
.breadcrumb-item.active {color: #f2f2f2;}

.container-component > :first-child {
	margin-top: 2.5em;
}
.float-end {
	float: right !important;
  display:none
}

.footer {
	color: #B0B0B0;
	background-color: #121212;
  background-image: none;
  margin-top: 1em;
  font-size:0.8rem;
  line-height:0.9rem;
}