.div-enteredinfo {
  /* position: fixed; */
	background-color: darkgoldenrod;
  color: var(--clr-creamywhite);
	display: grid;
	/* gap: 0.15rem; */
	grid-auto-columns: 1fr;
	grid-template-areas: "one two three four";
	grid-template-columns: 50px auto auto 35px;
	padding-block: 3px;
  height: auto;
    margin: inherit;
  z-index: 150;
  top: 0;	
	width: inherit;
	max-width: inherit;
  /* width: calc(100% - 2rem); */
	/* left: calc(50% - 0.5rem); */
  /* -webkit-transform: translate(calc(-50% + 0.5rem), 0); */
  /* transform: translate(calc(-50% + 0.5rem), 0) */
}
.div-enteredino input[type="checkbox"] {
	margin-right: 0.35rem;
	position: relative;
	align-self: center;
}
.div-enteredino input[type="checkbox"]:checked::after {
	content: "\2714";
	color: var(--clr-forestgreen);
	transform: translate(0, -4px);
	position: absolute;
}
/* .div-enteredinfo div,
.div-enteredinfo div div {
	align-self: center;
} */
.div-enteredinfo .div-h-menu {
	grid-area: one;
  align-self: center;
}
.div-enteredinfo .div-user {
	grid-area: two;
  align-self: center;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: pre-line;	
	min-width: 15ch;
}
.div-enteredinfo .div-rights {
	grid-area: three;
  display: flex;
  /* justify-content: space-evenly;   */
  align-self: center;
}
.div-enteredinfo .div-exit {
	grid-area: four;
  align-self: center;
}
.blokk {
  display: flex;
  margin: 0.25rem 0.5rem;
  align-items: center;
}
/* .div-nav {
  display: none;
  height: 0;
  opacity: 0;
} */
/* hamburger menu */
.div-h-menu {
	/* display: block; */
	cursor: pointer;
	padding: 0 3px;
	/* position: fixed;  */
	/* top: 0;	initial */
	/* left: 15px; */
	/* height: inherit;	 */
	transition: top var(--headertransition);
	z-index: 400;
  width: 43px;
	margin-left: 4px;
}
.div-h-bar {
	width: 36px;
	height: 3px;
	background-color: var(--clr-creamywhite);
	margin: 6px 0;	
	transition: var(--headertransition);
}
.div-h-menu:hover,
.div-h-menu:focus {box-shadow: var(--color-darkhsl07) 0px 1px 2px 4px;}

.responsive #div-h-bar1 {
	/* -webkit-transform: rotate(-45deg) translate(-9px, 6px); */
	-webkit-transform: rotate(-45deg) translate(-7px, 6px);	
	transform: rotate(-45deg) translate(-7px, 6px);
}
.responsive #div-h-bar2 {opacity: 0;}
.responsive #div-h-bar3 {
	/* -webkit-transform: rotate(45deg) translate(-8px, -8px);	 */
	-webkit-transform: rotate(45deg) translate(-6px, -6px);	
	transform: rotate(45deg) translate(-6px, -6px);
}
nav {
  /* width: calc(100% - 2rem); */
	background-color: var(--clr-grey);  
  /* position: absolute; */
  /* z-index: 500; */
  height: 0;
	transition: height var(--headertransition), display var(--headertransition);	
	display: -webkit-flex;
	display: flex;
	overflow: hidden;
}
nav ul {	
	z-index: 200;
	margin-bottom: 1px;
	opacity: 0;
	flex-direction: column;
	visibility: hidden;
	background-color: inherit;
	text-align: left;
	width: 100%;
	left: 0;
	-webkit-transform-origin: top;	
	transform-origin: top;
	-webkit-transform: scale(1, 0);	
	transform: scale(1, 0);	
	transition: all var(--headertransition) ease-in-out;
	/* top: 42px; */
	position: absolute;
}
nav ul li {
	list-style-type: none;
	white-space: nowrap;  
}
nav ul li a {
  color: var(--clr-creamywhite);
  text-decoration: none;
  width: 100%;
  display: block;
  padding: 0.5em;
}
nav ul li a:hover {
	background-color: var(--color-lightbrown);
	cursor: pointer;
}
nav.responsive ul {
	visibility: visible;
	/* top: 42px; */
	-webkit-transform: scale(1, 1);	
	transform: scale(1, 1);
	/* color: var(--clr-creamywhite); */
	display: flex;
	opacity: 1;		
	/* top: 100%; */
	/* left: 1rem; */
  /* background-color: var(--clr-grey); */
	/* z-index: 600; */
  /* width: calc(100% - 2rem); */
  /* position: fixed;	 */
}
.div-rights.rights_resp {display: none;}
/* ************************************ */
@media screen and (max-width: 992px) {
	.div-enteredinfo {
		grid-template-areas:
			"one two four"
			"three three three";
		grid-template-columns: 50px 1fr 50px;
	}
	.div-enteredinfo .div-user {white-space: nowrap;}
	.div-enteredinfo .div-exit {
		-webkit-transform: translate(13px);
		transform: translate(13px);
	}
}
@media screen and (max-width: 650px) {
	.div-enteredinfo .div-rights {
		display: grid;
		/* gap: 0.35rem; */
		grid-template-areas:
			"one two three"
      "four . . ";
	}
	.div-enteredinfo .div-user {white-space: pre-line;}	
}