.nav-wrapper{
	height: 100%;
	display: flex;
	flex-flow: column;
	padding: 10px;
	justify-content: center;
	text-align: center;
	width:9.688rem;
	max-width: 10.5rem;
}

.nav-wrapper > div:nth-child(2) {
	margin:10px 0;
}

.nav-avatar-img {
	border-radius: 50%;
width: 4.25rem;
  height: 4.25rem;
	object-fit: cover;
	border: var(--5px) solid var(--accent-color);
}

.nav-username {
	font-weight: bold;
}

.nav-item-blocks {
  display: flex;
	grid-gap:5px;
	flex-wrap: wrap;
}

.nav-item-blocks > div {
	background-color: var(--background-color-less-opacity);
	padding: var(--5px);
	font-size: 0.563rem;
	flex-grow: 1;
	min-width: 3.75rem;
}

.line-above {
  border-top: 0.063rem solid var(--background-color-intensive);
  margin-top: var(--20px);
  padding-top: var(--20px);
}

.nav-item-logout {
	border-top: 0.063rem solid var(--background-color-intensive);
	margin-top: var(--20px);
	padding-top: var(--20px);
}

.nav-item-logout a {
	font-size: var(--10px);
}

@media only screen and (min-width: 1500px) {
.nav-wrapper{
	height: 100%;
	display: flex;
	flex-flow: column;
	padding: var(--20px);
	justify-content: center;
	text-align: center;
	width: 14.688rem;
	max-width: 14.688rem;
}

.nav-wrapper > div:nth-child(2) {
	margin: var(--20px) 0;
}

.nav-avatar-img {
	border-radius: 50%;
	width: 6.25rem;
	height: 6.25rem;
	object-fit: cover;
	border: var(--5px) solid var(--accent-color);
}

.nav-username {
	font-weight: bold;
}

.nav-item-blocks {
  display: flex;
	grid-gap: var(--10px);
	flex-wrap: wrap;
}

.nav-item-blocks > div {
	background-color: var(--background-color-less-opacity);
	padding: var(--5px);
	font-size: 0.563rem;
	flex-grow: 1;
	min-width: 5.75rem;
}

.line-above {
  border-top: 0.063rem solid var(--background-color-intensive);
  margin-top: var(--20px);
  padding-top: var(--20px);
}

.nav-item-logout {
	border-top: 0.063rem solid var(--background-color-intensive);
	margin-top: var(--20px);
	padding-top: var(--20px);
}

.nav-item-logout a {
	font-size: var(--10px);
}
	
}
 /* Dropdown Button */
.header-dropbtn {
  cursor: pointer;
	color: var(--accent-color);
	text-transform: uppercase;
}

.header-dropbtn:hover, .header-dropbtn:focus {
  color: var(--accent-color-intesive);
}

.dropdown {
  position: relative;
  display: inline-block;
}

#header-dropdown.show {
  display: block;
}

.dropdown-content {
  display: none;
  position: absolute;
	background-color: var(--background-color);
	min-width: 7.188rem;
	z-index: 1;
top: 2.188rem;
left: 0;
}

.dropdown-content a {
	display: block;
  text-align: left;
padding: 0.125rem var(--20px);
}

.headertable_news_text {
  text-align: justify;
  font-size: var(--10px);
  height: 12.5rem;
  overflow: auto;
}