/* Body */
body {
	background-color: #3399CC; 
	margin: 20px 0px 20px 0px;
	-webkit-text-size-adjust: 100%;
}

a {
	text-decoration: none;
}

	/* knapp */
.knapp-2, 
.knapp-2-a {
	margin: 0px 10px 0px 0px;
	margin-bottom: 5px;
	padding: 0px;
	width: fit-content;
	height: 30px;
	float: left;
	color: black;
	background-color: LightGray;
	border: 1px solid black;
	border-radius: 5px;
	text-align: center;
	font-weight: bold;
}

.knapp-none {
	display: inline;
	white-space: nowrap;
}

.knapp-2 {
	margin-bottom: 0px;
	padding: 0px 10px 0px 10px;
}

.knapp-2-a {
	width: 190px;
	text-align: left;
}

#rew {
	height: fit-content;
	display: flex;
	align-items: center;
}

	/* radio-toolbar */
.radio-toolbar {
	float: left;
}

.radio-toolbar input[type=checkbox],
.radio-toolbar input[type=radio] {
	opacity: 0;
	position: fixed;
	width: 0;
}

.radio-toolbar label {
	display: inline-block;
	background-color: #ddd;
	border: 1px solid #444;
	border-radius: 5px;
	width: 50px;
	text-align: center;
	font-size: 12px;
	vertical-align: top;
}

.radio-toolbar input[type=checkbox]:checked + label,
.radio-toolbar input[type=radio]:checked + label {
	color: white;
	background-color: blue;
}

.radio-toolbar input[type=checkbox]:focus + label,
.radio-toolbar input[type=radio]:focus + label {
	border: 1px dashed #444;
}

.radio-toolbar label:hover {
	background-color: #dfd;
}

	/* grid_container */
.grid-container {
	display: grid;
	grid-template-columns: auto;
	gap: 5px;
	width: 800px;
	margin: auto;
}

.grid-container > div {
	background-color: #ffff99;
	border: 1px solid black;
	border-radius: 5px;
	padding: 5px 25px;
}

.grid-container > div:nth-child(1) {
	font-size: 50px;
}

	/* media ola */
.view-box-710 {
	width: 720px;
	overflow: auto;
}

.full-box-945 {
	width: 960px;
}

	/* Grid till pop_rad */
.grid-container-pop-rubrik,
.grid-container-pop-rad {
	display: grid;
	grid-template-columns: 40px 605px 35px 40px 40px 100px 100px;
	gap: 0px;
}

#nyyy2 {
	max-height: 187px;
	overflow-x: hidden;
}

.grid-container-pop-rubrik {
	color:	white;
	background-color: black;
}

.grid-container-pop-rubrik > div:nth-of-type(1) {
	grid-column: span 4;
}

.grid-container-pop-rubrik > div:nth-of-type(2) {
	grid-column: span 3;
}

.grid-container-pop-rubrik > div:nth-of-type(1) div:nth-of-type(1) {
	float: right;
}

.grid-container-pop-rubrik > div:nth-of-type(n+3):nth-of-type(-n+8) a {
	color: white;
	text-decoration: underline;
	cursor: pointer;
}

.grid-container-pop-rad > div:nth-of-type(7n+1) {
	text-align: right;
}

.grid-container-pop-rad > div:nth-of-type(7n+1)::after {
	content: '\00a0';
}

.grid-container-pop-rad div:is(
:nth-of-type(14n+1),
:nth-of-type(14n+2),
:nth-of-type(14n+3),
:nth-of-type(14n+4),
:nth-of-type(14n+5),
:nth-of-type(14n+6),
:nth-of-type(14n+7)) {
/* 
.grid-container-pop-rad div:nth-child(14n+1),
.grid-container-pop-rad div:nth-child(14n+2),
.grid-container-pop-rad div:nth-child(14n+3),
.grid-container-pop-rad div:nth-child(14n+4),
.grid-container-pop-rad div:nth-child(14n+5),
.grid-container-pop-rad div:nth-child(14n+6),
.grid-container-pop-rad div:nth-child(14n+7) {
*/
	color: white;
	background-color: blue;
} 

.grid-container-pop-rad div:is(
:nth-of-type(14n-6),
:nth-of-type(14n-5),
:nth-of-type(14n-4),
:nth-of-type(14n-3),
:nth-of-type(14n-2),
:nth-of-type(14n-1),
:nth-of-type(14n-0)) {
/*
.grid-container-pop-rad div:nth-child(14n-6),
.grid-container-pop-rad div:nth-child(14n-5),
.grid-container-pop-rad div:nth-child(14n-4),
.grid-container-pop-rad div:nth-child(14n-3),
.grid-container-pop-rad div:nth-child(14n-2),
.grid-container-pop-rad div:nth-child(14n-1),
.grid-container-pop-rad div:nth-child(14n-0) {
*/
	color: white;
	background-color: black;
}