/* W3.CSS 4.15 December 2020 by Jan Egil and Borge Refsnes */
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.example {
  text-align: center;
  border: solid;
}
.graphs {
    /*min-width: 60%;
    max-width: 80%;*/
    width: auto;
    /*min-height: 60%;
    max-height: 80%;*/
    /*height: 1000px;*/
    height: auto;
	/* max-height: 600px;  test for smartphones */
    border: solid;
	border-color: #bba992;
    border-width: 4px;
}

svg {
    /*min-width: 60%;*/
    width:100%;
    background-color: #f5f5f5;
}



.concept_label {
    background-color: #ccc
}


.legend label {
	font-size:16px;
	font-weight:normal;
	/*line-height:20px;*/
	display:inline;
	margin-bottom:0px}
	
input[type="checkbox"] {
     margin: 0px 5 0 0;
    line-height: normal;
}

/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	input#myRange {
		overflow: hidden;
		width: 150px;
		height: 12px;
		-webkit-appearance: none;
		background-color: #966f50;
		border-radius: 9px;
		margin: 2px 6px;
	}
    
	input#myRange::-webkit-slider-runnable-track {
		height: 20px;
		-webkit-appearance: none;
		color: #e1dfd8;
		margin-top: -1px;
	}
    
	input#myRange::-webkit-slider-thumb {
		-webkit-appearance: none;
		width: 10px;
		height: 25px;
		border-radius: 0px;
		cursor: ew-resize;
		background: #bba992;
		box-shadow: -150px 0 0 150px #e1dfd8;
	}
}
/** FF*/
input#myRange::-moz-range-progress {
	background-color: #9a905d; 
}
input#myRange::-moz-range-track {  
	/* background-color: #9a905d; */
	background-color: #e1dfd8;
}
/* IE*/
input#myRange::-ms-fill-lower {
	background-color: #e1dfd8; 
}
input#myRange::-ms-fill-upper {  
	background-color: #9a905d;
}