@font-face {
	    font-family: 'Armin Grotesk Typo Normal';
	    src: url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-Normal.eot');
	    src: url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-Normal.eot?#iefix') format('embedded-opentype'),
	        url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-Normal.woff2') format('woff2'),
	        url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-Normal.woff') format('woff'),
	        url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-Normal.ttf') format('truetype'),
	        url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-Normal.svg#https://www.typoform.se/download/fonts3/ArminGroteskTypo-Normal') format('svg');
	    font-weight: 300;
	    font-style: normal;
	    font-display: swap;
	}

	@font-face {
	    font-family: 'Armin Grotesk Typo';
	    src: url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-UltraLight.eot');
	    src: url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-UltraLight.eot?#iefix') format('embedded-opentype'),
	        url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-UltraLight.woff2') format('woff2'),
	        url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-UltraLight.woff') format('woff'),
	        url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-UltraLight.ttf') format('truetype'),
	        url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-UltraLight.svg#https://www.typoform.se/download/fonts3/ArminGroteskTypo-UltraLight') format('svg');
	    font-weight: 200;
	    font-style: normal;
	    font-display: swap;
	}

	@font-face {
	    font-family: 'Armin Grotesk Typo';
	    src: url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-UltraBold.eot');
	    src: url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-UltraBold.eot?#iefix') format('embedded-opentype'),
	        url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-UltraBold.woff2') format('woff2'),
	        url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-UltraBold.woff') format('woff'),
	        url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-UltraBold.ttf') format('truetype'),
	        url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-UltraBold.svg#https://www.typoform.se/download/fonts3/ArminGroteskTypo-UltraBold') format('svg');
	    font-weight: bold;
	    font-style: normal;
	    font-display: swap;
	}

	@font-face {
	    font-family: 'Armin Grotesk Typo';
	    src: url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-Thin.eot');
	    src: url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-Thin.eot?#iefix') format('embedded-opentype'),
	        url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-Thin.woff2') format('woff2'),
	        url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-Thin.woff') format('woff'),
	        url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-Thin.ttf') format('truetype'),
	        url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-Thin.svg#https://www.typoform.se/download/fonts3/ArminGroteskTypo-Thin') format('svg');
	    font-weight: 100;
	    font-style: normal;
	    font-display: swap;
	}

	@font-face {
	    font-family: 'Armin Grotesk Typo';
	    src: url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-Regular.eot');
	    src: url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-Regular.eot?#iefix') format('embedded-opentype'),
	        url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-Regular.woff2') format('woff2'),
	        url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-Regular.woff') format('woff'),
	        url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-Regular.ttf') format('truetype'),
	        url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-Regular.svg#https://www.typoform.se/download/fonts3/ArminGroteskTypo-Regular') format('svg');
	    font-weight: normal;
	    font-style: normal;
	    font-display: swap;
	}

	@font-face {
	    font-family: 'Armin Grotesk Typo';
	    src: url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-SemiBold.eot');
	    src: url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-SemiBold.eot?#iefix') format('embedded-opentype'),
	        url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-SemiBold.woff2') format('woff2'),
	        url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-SemiBold.woff') format('woff'),
	        url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-SemiBold.ttf') format('truetype'),
	        url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-SemiBold.svg#https://www.typoform.se/download/fonts3/ArminGroteskTypo-SemiBold') format('svg');
	    font-weight: 600;
	    font-style: normal;
	    font-display: swap;
	}

	@font-face {
	    font-family: 'Armin Grotesk Typo';
	    src: url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-Black.eot');
	    src: url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-Black.eot?#iefix') format('embedded-opentype'),
	        url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-Black.woff2') format('woff2'),
	        url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-Black.woff') format('woff'),
	        url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-Black.ttf') format('truetype'),
	        url('https://www.typoform.se/download/fonts3/ArminGroteskTypo-Black.svg#https://www.typoform.se/download/fonts3/ArminGroteskTypo-Black') format('svg');
	    font-weight: 900;
	    font-style: normal;
	    font-display: swap;
	}

	@font-face {
	    font-family: 'Askan';
	    src: url('https://www.typoform.se/download/fonts3/Askan-Regular.eot');
	    src: url('https://www.typoform.se/download/fonts3/Askan-Regular.eot?#iefix') format('embedded-opentype'),
	        url('https://www.typoform.se/download/fonts3/Askan-Regular.woff2') format('woff2'),
	        url('https://www.typoform.se/download/fonts3/Askan-Regular.woff') format('woff'),
	        url('https://www.typoform.se/download/fonts3/Askan-Regular.ttf') format('truetype'),
	        url('https://www.typoform.se/download/fonts3/Askan-Regular.svg#https://www.typoform.se/download/fonts3/Askan-Regular') format('svg');
	    font-weight: normal;
	    font-style: normal;
	    font-display: swap;
	}

	@font-face {
	    font-family: 'Askan';
	    src: url('https://www.typoform.se/download/fonts3/Askan-Thin.eot');
	    src: url('https://www.typoform.se/download/fonts3/Askan-Thin.eot?#iefix') format('embedded-opentype'),
	        url('https://www.typoform.se/download/fonts3/Askan-Thin.woff2') format('woff2'),
	        url('https://www.typoform.se/download/fonts3/Askan-Thin.woff') format('woff'),
	        url('https://www.typoform.se/download/fonts3/Askan-Thin.ttf') format('truetype'),
	        url('https://www.typoform.se/download/fonts3/Askan-Thin.svg#https://www.typoform.se/download/fonts3/Askan-Thin') format('svg');
	    font-weight: 100;
	    font-style: normal;
	    font-display: swap;
	}

	@font-face {
	    font-family: 'Askan';
	    src: url('https://www.typoform.se/download/fonts3/Askan-Italic.eot');
	    src: url('https://www.typoform.se/download/fonts3/Askan-Italic.eot?#iefix') format('embedded-opentype'),
	        url('https://www.typoform.se/download/fonts3/Askan-Italic.woff2') format('woff2'),
	        url('https://www.typoform.se/download/fonts3/Askan-Italic.woff') format('woff'),
	        url('https://www.typoform.se/download/fonts3/Askan-Italic.ttf') format('truetype'),
	        url('https://www.typoform.se/download/fonts3/Askan-Italic.svg#https://www.typoform.se/download/fonts3/Askan-Italic') format('svg');
	    font-weight: normal;
	    font-style: italic;
	    font-display: swap;
	}

	@font-face {
	    font-family: 'Askan';
	    src: url('https://www.typoform.se/download/fonts3/Askan-LightIt.eot');
	    src: url('https://www.typoform.se/download/fonts3/Askan-LightIt.eot?#iefix') format('embedded-opentype'),
	        url('https://www.typoform.se/download/fonts3/Askan-LightIt.woff2') format('woff2'),
	        url('https://www.typoform.se/download/fonts3/Askan-LightIt.woff') format('woff'),
	        url('https://www.typoform.se/download/fonts3/Askan-LightIt.ttf') format('truetype'),
	        url('https://www.typoform.se/download/fonts3/Askan-LightIt.svg#https://www.typoform.se/download/fonts3/Askan-LightIt') format('svg');
	    font-weight: 300;
	    font-style: italic;
	    font-display: swap;
	}

	@font-face {
	    font-family: 'Askan';
	    src: url('https://www.typoform.se/download/fonts3/Askan-Light.eot');
	    src: url('https://www.typoform.se/download/fonts3/Askan-Light.eot?#iefix') format('embedded-opentype'),
	        url('https://www.typoform.se/download/fonts3/Askan-Light.woff2') format('woff2'),
	        url('https://www.typoform.se/download/fonts3/Askan-Light.woff') format('woff'),
	        url('https://www.typoform.se/download/fonts3/Askan-Light.ttf') format('truetype'),
	        url('https://www.typoform.se/download/fonts3/Askan-Light.svg#https://www.typoform.se/download/fonts3/Askan-Light') format('svg');
	    font-weight: 300;
	    font-style: normal;
	    font-display: swap;
	}

	@font-face {
	    font-family: 'Askan';
	    src: url('https://www.typoform.se/download/fonts3/Askan-Bold.eot');
	    src: url('https://www.typoform.se/download/fonts3/Askan-Bold.eot?#iefix') format('embedded-opentype'),
	        url('https://www.typoform.se/download/fonts3/Askan-Bold.woff2') format('woff2'),
	        url('https://www.typoform.se/download/fonts3/Askan-Bold.woff') format('woff'),
	        url('https://www.typoform.se/download/fonts3/Askan-Bold.ttf') format('truetype'),
	        url('https://www.typoform.se/download/fonts3/Askan-Bold.svg#https://www.typoform.se/download/fonts3/Askan-Bold') format('svg');
	    font-weight: bold;
	    font-style: normal;
	    font-display: swap;
	}
	
	html{margin:0;padding:0;}
	body{background-color:#ededed;margin:0;padding:0;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
	#svgbild,#svgbild2{position:absolute;z-index:2;overflow:auto;border:0px solid grey;
		width: 100%;
		height: 100%;
	    margin: 0px;
	}
	#bild,#bild2{box-shadow: 0px 0px 5px #ccc;background:#fff;margin:0;overflow:scroll;}
	#bildruta{width:80%;height:auto;border:0px solid #ccc;display:block;margin:0 10%;padding:25px 0;z-index:80;}
	#bildruta2{width:80%;height:auto;border:0px solid #ccc;display:block;margin:0 10%;padding:25px 0;z-index:80;}
	#knapp{width:100%;height:25px;margin:10px 0;cursor:pointer;}
	#knapp p{width:50px;height:50px;border-radius:50px;position:relative;display:block;background-color:#fff;margin:-25px auto;box-shadow: 0px 0px 5px #ccc;font-size:1.9em;line-height:1.4;font-weight:bold;z-index:100;text-align:center;color:#868786}
	
	textarea{display:block;}
	.divs{width:100%;height:auto;border:0px solid red;min-height:50px;display:block;margin:0 0;padding-left:35px;white-space: nowrap;}
	h3{display:none;font-size:1.2em;color:#868786;margin:40px 0% 5px 0%;width:100%;}
	h3 a{color:#868786;font-size:10px;margin-left:5px;text-decoration:none;text-transform:uppercase;color:#777;}
	h6{display:none;}
	p{font-size:0.9em;margin:0;line-height:1.4;}
	h3 span{background-color:#000;border-radius:20px;color:#fff;width:40px;height:35px;display:inline-block;margin:-10px 15px 0 -20px;text-align:center;vertical-align:top;padding:5px 0 0 0;}
	#formler{position:absolute;top:0px;left:0px;z-index:50;padding:10px 10px 0 10px;}
	#formler p.formel{padding:5px 0;border-bottom:1px solid #fff;cursor:pointer;margin-bottom:10px;}
	#formler p.rub{padding:5px 0;border-bottom:1px solid #fff;font-size:20px;color:#777;font-weight:bold;}
	.closed{width:20px;height:30px;overflow:hidden;cursor:pointer;padding:0;background-color:#ededed;}
	.closed .openimg{position:fixed;background-color:#fff;display:block;width:20px;height:auto;margin:0 0 20px 0;padding:0;border:1px solid #ededed;text-align:center;color:#555;}
	.closed .closeimg{display:none;cursor:pointer;}
	.closed p{display:none;}
	.opend{width:100%;height:100%;overflow:scroll;background-color:#ededed;}
	.opend .openimg{display:none;}
	.opend .closeimg{position:fixed;background-color:#fff;display:block;cursor:pointer;width:20px;height:auto;margin:0 0 20px 0;padding:0;border:1px solid #ededed;text-align:center;color:#555;}
	#GrafKod div{}
	.latexkoden,.stringkoden,.latexkoden,.stringkodenrens,.string2koden,.grafkoden{font-family:'Askan';font-weight:normal;font-style:normal;font-size:20px;line-height:25px;}
	.latexkoden{display:block;font-size:1em;color:#777;border:1px solid #ccc;padding:10px;text-align:left;}
	.stringkoden{display:block;font-size:1em;color:#515262;border:1px solid #ccc;padding:10px;text-align:left;}
	.stringkodenrens{display:block;font-size:1em;color:#515262;border:0px solid #ccc;padding:10px;text-align:left;}
	.string2koden{display:block;font-size:1em;color:#777;border:1px solid #ccc;padding:10px;text-align:left;}
	.grafkoden{display:block;color:#515262;border:1px solid #ccc;padding:10px;text-align:left;}
	.latexkodrub,.stringkodrub,.grafkodrub{display:block;width:100px;color:#777;font-size:0.5em;text-transform:uppercase;margin-right:7px;margin-top:20px;}
	.latexkoden{width:80%;}
	.stringkoden{width:80%;}
	.stringkodenrens{width:80%;}
	.string2koden{width:80%;}
	.grafkoden{width:80%;height:11vw;}
	.grafkoden{color:#000;font-size:2em;}
	.grafkoden .brak_singel{color:#555;font-size:0.8em;}
	.brak_singel{width:auto;border:0px solid red;display:inline-block;vertical-align:middle;margin:0 3px;}
	.brak_dubbel{width:auto;border:0px solid yellow;display:inline-block;vertical-align:middle;}
	.brak_dubbel .brak_singel{border:0px solid orange;}
	.Graf_upphojd{width:auto;border:0px solid brown;display:inline-block;vertical-align:middle;color:#000;margin:-4px 0 0 2px;}
	.Graf_nedsankt{width:auto;border:0px solid pink;display:inline-block;vertical-align:middle;color:red;margin:0 0 0 0;}
	.Graf_upphojd_parentes{width:auto;border:0px solid brown;display:inline-block;vertical-align:middle;color:#000;}
	.Graf_rotenur{width:auto;position:relative;display:inline-block;vertical-align:middle;margin:0;padding:0;}
	.Graf_rotenur_tecken{display:inline-block;color:red;padding:0 0 0 0;margin:-5px 0 0 0;vertical-align:middle;
	  transform:scale(1,1.3);
	  /* Safari and Chrome */
	  -webkit-transform: scale(1,1.3);
	  /* Firefox */
	  -moz-transform: scale(1,1.3);
	  /* IE 9+ */
	  -ms-transform: scale(1,1.3);
	  /* Opera */
	  -o-transform: scale(1,1.3);
	}
	.Graf_rotenur_value{display:inline-block;padding:5px 0 0 5px;margin:0 0 0 -3px;vertical-align:middle;border-top:2px solid red;}
	.Graf_rotenur_ur{display:inline-block;padding:0;margin:-18px -12px 0 0;vertical-align:middle;font-size:0.6em;border:0px solid red;}
	.Parentes_siffra_upphojd{color:green;width:auto;border:0px solid yellow;display:inline-block;vertical-align:top;margin:-7px 0 0 -3px;}
	span.Siffra_upphojd{border:0px solid green;display:block;vertical-align:middle;color:#000;font-size:0.6em;line-height:1;}
	span.Siffra_nedsankt{border:0px solid blue;display:block;vertical-align:middle;color:#000;font-size:0.6em;line-height:1;}
	span.Parentes_tal{border:0px solid pink;color:green;vertical-align:middle;display:inline-block;padding:0 3px;margin:-7px 0 7px 0;
		  transform:scale(1,1.2);
		  /* Safari and Chrome */
		  -webkit-transform: scale(1,1.2);
		  /* Firefox */
		  -moz-transform: scale(1,1.2);
		  /* IE 9+ */
		  -ms-transform: scale(1,1.2);
		  /* Opera */
		  -o-transform: scale(1,1.2);
	 }
	span.Parentes_brak{border:0px solid pink;color:green;vertical-align:middle;display:inline-block;padding:0 3px;margin-top:-7px;
		  transform:scale(1,2.7);
		  /* Safari and Chrome */
		  -webkit-transform: scale(1,2.7);
		  /* Firefox */
		  -moz-transform: scale(1,2.7);
		  /* IE 9+ */
		  -ms-transform: scale(1,2.7);
		  /* Opera */
		  -o-transform: scale(1,2.7);
	 }
	.tecken{width:auto;border:0px solid blue;display:inline-block;vertical-align:middle;}
	.tal{width:auto;border:0px solid blue;display:inline-block;vertical-align:middle;padding:5px 0;}
	.talbryt{width:auto;border:0px solid yellow;display:block;vertical-align:middle;padding:5px 0;margin:0 auto;}
	.formelleft{border:0px solid green;}
	.formelcenter{border:0px solid blue;margin:0 0;display:block;position:relative;width:200px;}
	.mtecken{color:orange;display:inline-block;vertical-align:middle;margin:0 5px;margin-top:-5px;}
	.mteckenplus{color:orange;display:inline-block;vertical-align:middle;margin:0 5px;font-size:0.6em;}
	
	div.gruppyttre{display:inline-block;border:0px solid pink;vertical-align:middle;}
	.gruppinnre{display:inline-block;border:0px solid blue;text-align:center;}
	.Graf_delat_innan{display:inline-block;vertical-align:middle;color:red;padding:0 0 0 0;}
	.Graf_delat_uppe{border-bottom:2px solid #000;display:block;text-align:center;color:#000;padding:0 0 4px 0;}
	.Graf_delat_nere{display:block;text-align:center;color:#000;padding:4px 0 0 0;}
	.Siffra_upphojd .Graf_delat_uppe{padding:0 0 0 0;font-size:0.8em;}
	.Siffra_upphojd .Graf_delat_nere{padding:0 0 0 0;font-size:0.8em;}
	.Graf_delat_dubbel_uppe{border-bottom:2px solid #000;display:block;text-align:center;color:#000;padding:0 5px 5px 5px;}
	.Graf_delat_dubbel_nere{display:block;text-align:center;color:#000;padding:5px 5px 0 5px;}
	.Graf_delat_dubbel_uppe .Graf_delat_uppe{padding:0 0 1px 0;font-size:0.8em;}
	.Graf_delat_dubbel_uppe .Graf_delat_nere{padding:1px 0 0 0;font-size:0.8em;}
	.Graf_delat_dubbel_nere .Graf_delat_uppe{padding:0 0 1px 0;font-size:0.8em;}
	.Graf_delat_dubbel_nere .Graf_delat_nere{padding:1px 0 0 0;font-size:0.8em;}
	.formlen{display:inline-block;border-color:1px solid pink;vertical-align:middle;}
	.Textparad{display:inline-block;color:pink;vertical-align:middle;padding:5px 10px;}
	.Text_tal{color:lightblue;}
	.Text_text{color:pink;}
	
	p.brak_streck{color:green;display:inline-block;font-size:1em;}
	span.String_kursiv{font-style:italic;}
	span.Graf_kursiv{font-style:italic;}
	span.Graf_rotenur{border:0px solid orange;}
	
	.knapp{background:#fff;display:inline-block;width:200px;font-size:0.9em;text-align:center;color:#777;padding:10px 0 10px 0;margin-top:10px;border:0px;border:1px solid #ccc;cursor:pointer;}
	.knappfile{background:#fff;display:block;width:200px;font-size:0.9em;text-align:center;color:#777;padding:10px 0 10px 0;margin-top:10px;border:0px;border:1px solid #ccc;cursor:pointer;}
	::-webkit-file-upload-button{background:#fff;display:block;width:200px;font-size:0.9em;text-align:center;color:#777;padding:10px 0 10px 0;margin-top:10px;border:0px;border:1px solid #ccc;cursor:pointer;text-transform:uppercase;}
	.knappfile + label {display:block;width:200px;font-size:0.9em;text-align:center;color:#777;padding:10px 0 10px 0;margin-top:10px;border:0px;border:1px solid #ccc;cursor:pointer;}
	input[type=file]{color:#777;font-size:1em;margin-right:10px;width:500px;}
	
	
	
	.uploadno::file-selector-button {background-color:#fff;}
	.uploadyes::file-selector-button {background-color:#e3f8e3;}