.faktarutaprog{
	display:block;
	position:absolute;
	height:auto;
	min-height:200px;
	overflow-x:hidden;
	overflow-y:scroll;
	top:0px;
	right:22px;
}
.faktarutaprog .faktaspalt1{
}
.legend-container{
	display:none;
}
.legend{
	display:block;
	position:absolute;
	height:auto;
	min-height:200px;
	overflow-x:hidden;
	overflow-y:scroll;
	top:0px;
	left:20px;
}
.legend-container1{
	display:block;
	position:relative;
	top:0px;
}
.legend-container2{
	display:block;
	position:relative;
	top:0px;
}
.legend-container3{
	display:block;
	position:relative;
	top:0px;
}
.niva1 p::after{
	background-image: url(../svgar/knapp_down.svg);
	background-size: contain;
	float:right;
    speak: none;
    display:block;
	position: relative;
	height: 16px;
    width: 16px;
    left: 0;
    top: 0px;
	content: '';
}
.niva1-on p::after{
	background-image: url(../svgar/knapp_up.svg);
	background-size: contain;
	float:right;
    speak: none;
	display:block;
    position: relative;
	height: 16px;
    width: 16px;
    left: 0;
    top: 0px;
	content: '';
}

.niva2{
	display:none;
}
.niva2-on{
	display:block;
}


.legend-container1 div{
	color:#fff;
	margin-bottom:1px;
	border-radius:0px;
}
.legend-container2 div{
	color:#fff;
	margin-bottom:1px;
	border-radius:0px;
}
.legend-container3 div{
	color:#fff;
	margin-bottom:1px;
	border-radius:0px;
}
.legend-container1 p{
	margin:0;
	color:#fff;
	font-family:'ArminGroteskTypo Normal';
	font-size:0.8em;
	padding:5px 10px 5px 10px;
}
.legend-container2 p{
	margin:0;
	color:#fff;
	font-family:'ArminGroteskTypo Normal';
	font-size:0.8em;
	padding:5px 10px 5px 10px;
}
.legend-container3 p{
	margin:0;
	color:#fff;
	font-family:'ArminGroteskTypo Normal';
	font-size:0.8em;
	padding:5px 10px 5px 10px;
}
.legend-container2 .depth1{
	display:none;
}
.legend-container3 .depth1,.legend-container3 .depth4{
	display:none;
}



.cros{
	background-color:#9B71A5;
}
.circ{
	background-color:#D38236;
}
.clim{
	background-color:#4397B4;
}
.bioe{
	background-color:#93931F;
}
.mate{
	background-color:#B8384A;
}
.summary-container img{
	width:100%;margin:20px auto;
}
.preview{
	display:none;
}
.breadcrumbs-container{
	display:none;
}
#bakomselect{width:100%;padding:20px 0;}
.main{border:0px solid red;margin:0px auto;padding:0px;}
.main select {color:#404b4d;cursor:pointer;border:none;box-shadow:none;background-color:#ccc;margin:0px 0px 0px 35vw;width:30vw;text-align:center;}
.main select, .main option:checked{font-family:'ArminGroteskTypo Normal';font-size:1.3em;}
.main select:focus{outline:none;}

.sunburst-container {
	display:block;
	position: absolute;
	z-index: 1;
	margin:0 auto;
}
.summary-container{
	display:block;
	  position: absolute;
	  z-index: 1;
}
.summary-container p{text-align:center;padding:0;margin:0;}

.summary-container #textover{border:0px solid red;height:auto;}
.summary-container .rad3{border:0px solid orange;}
.summary-container #textunder{border:0px solid blue;}

.summary-container .rad1 p{
	font-size:1em;
	color:#555;
	text-align:center;
	text-transform:uppercase;
}
.summary-container .rad2 p{
	font-family:'ArminGroteskTypo Semibold';
	font-size:1.3em;
	color:#000;
	padding:5px 10px;
	text-align:center;
}
.summary-container .rad3 img{
	display:block;
	position:relative;
	margin:10px auto;
}
.summary-container .rad4 p{
	font-size:1em;
	color:#555;
	text-align:center;
	text-transform:uppercase;
}
.summary-container .rad5 p{
	font-family:'ArminGroteskTypo Semibold';
	font-size:1.5em;
	color:#000;
	padding:5px 10px;
	text-align:center;
}
.summary-container .rad6 p{
	font-family:'ArminGroteskTypo Semibold';
	font-size:2em;
	color:#000;
	padding:5px 10px;
	text-align:center;
}
.summary-container .msek p{
	font-size:1em;
	color:#555;
	text-align:center;
}

/* Customizable classes used in D3 vis, uncomment to customize
.vis-container {
  position: relative;
  top: 50px;
  left: 50px;
}

.summary-container {
  position: absolute;
}
.breadcrumbs-container {
  position: absolute;
}
.legend-container {
  position: absolute;
}
.lastCrumb {
  fill: black;
  font-weight: 600;
}
.breadcrumbs-text {
  fill: white;
  font-weight: 600;
}
.legend-text{
  fill: red;
  font-weight: 600;
}
.nodePath {
  stroke: white;
} */



/* IPHONE P */
@media screen and (min-width: 320px) {
	.legend-container1 p,.legend-container2 p,.legend-container3 p{font-size:0.8em;}
	.summary-container #textover{min-height:4em;}
	.summary-container .rad1 p{}
	.summary-container .rad2 p{padding:5px 10px;}
	.summary-container .rad3 img{width:75%; margin:0px auto 5px auto;}
	.summary-container .rad4 p{}
	.summary-container .rad5 p{padding:5px 10px;}
	.summary-container .rad6 p{padding:5px 10px;}
	.summary-container .msek p{}
	.summary-container .rad1 p{font-size:0.8em;}
	.summary-container .rad2 p{font-size:1.0em;padding:5px 0px;}
	.summary-container .rad4 p{font-size:0.8em;}
	.summary-container .rad5 p{font-size:0.8em;padding:5px 0px;}
	.summary-container .rad6 p{font-size:1.2em;padding:5px 0px;}
	.summary-container .msek p{font-size:0.8em;}
	.faktarutaprog .faktaspalt1 .MIST_AVS4_BRODTEXT1{font-size:1.0em;}
	.faktarutaprog .faktaspalt1 .MIST_AVS4_RUBRIK2{font-size:1.3em;color:#000;}
	.faktarutaprog .faktaspalt1 .MIST_AVS4_RUBRIK3{font-size:1.0em;color:#555;}
	.faktarutaprog .faktaspalt1 .MIST_AVS4_PROGDATUM{font-size:0.8em;}
	.faktarutaprog .faktaspalt1 .MIST_AVS4_PROGPENGAR{font-size:0.8em;}
	.faktarutaprog .faktaspalt1 .MIST_AVS4_PROGVARD{font-size:0.8em;}
	.faktarutaprog .faktaspalt1 .MIST_AVS4_LINK{font-size:0.8em;}
	.niva1 p::after{height:11px;width:11px;}
	.niva1-on p::after{height:11px;width:11px;}
}
/* IPHONE L */
@media screen and (min-width: 480px) and (min-device-width: 480px), screen and (device-height: 480px) and (device-width: 320px) and (width: 480px) and (max-height: 320px) {

}
/* IPAD P */
@media screen and (min-width: 768px) {
	.legend-container1 p,.legend-container2 p,.legend-container3 p{font-size:1.0em;}
	.summary-container #textover{min-height:5em;}
	.summary-container .rad1 p{}
	.summary-container .rad2 p{padding:5px 10px;}
	.summary-container .rad3 img{width:100%; margin:5px auto;}
	.summary-container .rad4 p{}
	.summary-container .rad5 p{padding:5px 10px;}
	.summary-container .rad6 p{padding:5px 10px;}
	.summary-container .msek p{}
	.summary-container .rad1 p{font-size:1.0em;}
	.summary-container .rad2 p{font-size:1.2em;padding:5px 10px;}
	.summary-container .rad4 p{font-size:1.0em;}
	.summary-container .rad5 p{font-size:1.0em;padding:5px 10px;}
	.summary-container .rad6 p{font-size:1.7em;padding:5px 10px;}
	.summary-container .msek p{font-size:1.0em;}
	.faktarutaprog .faktaspalt1 .MIST_AVS4_BRODTEXT1{font-size:1.0em;}
	.faktarutaprog .faktaspalt1 .MIST_AVS4_RUBRIK2{font-size:1.3em;color:#000;}
	.faktarutaprog .faktaspalt1 .MIST_AVS4_RUBRIK3{font-size:1.0em;color:#555;}
	.faktarutaprog .faktaspalt1 .MIST_AVS4_PROGDATUM{font-size:0.8em;}
	.faktarutaprog .faktaspalt1 .MIST_AVS4_PROGPENGAR{font-size:0.8em;}
	.faktarutaprog .faktaspalt1 .MIST_AVS4_PROGVARD{font-size:0.8em;}
	.faktarutaprog .faktaspalt1 .MIST_AVS4_LINK{font-size:0.8em;}
	.niva1 p::after{height:11px;width:11px;}
	.niva1-on p::after{height:11px;width:11px;}
}
/* SCREEN S */
@media screen and (min-width: 992px) and (min-device-width: 992px), screen and (device-height: 1024px) and (device-width: 768px) and (width: 1024px) and (max-height: 768px) {
	.legend-container1 p,.legend-container2 p,.legend-container3 p{font-size:0.8em;}
	.summary-container #textover{min-height:4em;}
	.summary-container .rad1 p{}
	.summary-container .rad2 p{padding:5px 10px;}
	.summary-container .rad3 img{width:100%; margin:5px auto;}
	.summary-container .rad4 p{}
	.summary-container .rad5 p{padding:5px 10px;}
	.summary-container .rad6 p{padding:5px 10px;}
	.summary-container .msek p{}
	.summary-container .rad1 p{font-size:0.8em;}
	.summary-container .rad2 p{font-size:1.0em;padding:5px 10px;}
	.summary-container .rad4 p{font-size:0.8em;}
	.summary-container .rad5 p{font-size:0.8em;padding:5px 10px;}
	.summary-container .rad6 p{font-size:1.5em;padding:5px 10px;}
	.summary-container .msek p{font-size:0.8em;}
	.faktarutaprog .faktaspalt1 .MIST_AVS4_BRODTEXT1{font-size:1em;}
	.faktarutaprog .faktaspalt1 .MIST_AVS4_RUBRIK2{font-size:1.5em;color:#000;}
	.faktarutaprog .faktaspalt1 .MIST_AVS4_RUBRIK3{font-size:1.0em;color:#555;}
	.faktarutaprog .faktaspalt1 .MIST_AVS4_PROGDATUM{font-size:0.8em;}
	.faktarutaprog .faktaspalt1 .MIST_AVS4_PROGPENGAR{font-size:0.8em;}
	.faktarutaprog .faktaspalt1 .MIST_AVS4_PROGVARD{font-size:0.8em;}
	.faktarutaprog .faktaspalt1 .MIST_AVS4_LINK{font-size:0.8em;}
	.niva1 p::after{height:16px;width:16px;}
	.niva1-on p::after{height:16px;width:16px;}
}
/* IPAD L */
@media screen and (min-width: 1024px) and (min-device-width: 1024px), screen and (device-height: 1024px) and (device-width: 768px) and (width: 1024px) and (max-height: 768px) {

}
/* SCREEN B */
@media screen and (min-width: 1280px) {
	.legend-container1 p,.legend-container2 p,.legend-container3 p{font-size:1em;}
	.summary-container #textover{min-height:5em;}
	.summary-container .rad1 p{}
	.summary-container .rad2 p{padding:5px 10px;}
	.summary-container .rad3 img{width:100%; margin:10px auto;}
	.summary-container .rad4 p{}
	.summary-container .rad5 p{padding:5px 10px;}
	.summary-container .rad6 p{padding:5px 10px;}
	.summary-container .msek p{}
	.summary-container .rad1 p{font-size:1em;}
	.summary-container .rad2 p{font-size:1.3em;padding:5px 10px;}
	.summary-container .rad4 p{font-size:1em;}
	.summary-container .rad5 p{font-size:1.5em;padding:5px 10px;}
	.summary-container .rad6 p{font-size:2em;padding:5px 10px;}
	.summary-container .msek p{font-size:1em;}
	.faktarutaprog .faktaspalt1 .MIST_AVS4_BRODTEXT1{font-size:1.1em;}
	.faktarutaprog .faktaspalt1 .MIST_AVS4_RUBRIK2{font-size:1.9em;color:#000;}
	.faktarutaprog .faktaspalt1 .MIST_AVS4_RUBRIK3{font-size:1.4em;color:#555;}
	.faktarutaprog .faktaspalt1 .MIST_AVS4_PROGDATUM{font-size:0.9em;}
	.faktarutaprog .faktaspalt1 .MIST_AVS4_PROGPENGAR{font-size:0.9em;}
	.faktarutaprog .faktaspalt1 .MIST_AVS4_PROGVARD{font-size:0.9em;}
	.faktarutaprog .faktaspalt1 .MIST_AVS4_LINK{font-size:0.9em;}
	.niva1 p::after{height:16px;width:16px;}
	.niva1-on p::after{height:16px;width:16px;}
}