select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
} 


select {
	border: none;
	display: inline-block;
	border: none;
	outline: 0;
	padding: 8px 10px;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	font-size: 10pt;


	text-align: center;
	cursor: pointer;
	white-space: nowrap;
    color: #fff!important;
	
	background-color: #5980A7!important; /* fallback */	
	background-color: var(--selected-background,#5980A7)!important;
	
}

option:disabled {
  background: #fff;
}
        
select:hover {
  /*box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);*/
}


input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 13.8px 0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.1px;
  cursor: pointer;
  background: #3071a9; /* fallback */
  background: var(--selected-background,#3071a9);
  border-radius: 1.3px;
  border: 0.0px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  border: 1px solid #000000;
  height: 40px;
  width: 40px;
  border-radius: 10px;
  //background: #ffffff; /* fallback */
  //background: none;
  background: var(--selectedable-background,#ffffff);
  
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -37px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #367ebd;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 0px;
  cursor: pointer;
  background: #3071a9; /* fallback */
  background: var(--selected-background,#3071a9);
  border-radius: 1.3px;
  border: 0.0px solid #010101;
}
input[type=range]::-moz-range-thumb {
  border: 1px solid #000000;
  height: 40px;
  width: 40px;
  border-radius: 1px;
  background: #93ffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #3071a9; /* fallback */
  background: var(--selected-background,#3071a9);
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 36px;
  border-radius: 18px;
  background: #93ffff;
  cursor: pointer;
  height: 8.4px;
}

input[type=range]:focus::-ms-fill-lower {
  background: #3071a9;
}

input[type=range]:focus::-ms-fill-upper {
  background: #367ebd;
}

p {
   font-family: "sans-serif", Tahoma, Arial, Times, serif;
   
}

body {
	background: #FFFFFF;
	background: var(--body-background,#FFFFFF);
	color: #000000;
	color: var(--body-font,#000000);
	font-size: 125%;
	
}


.sildermovetop {
  opacity: 0.5;
  z-index: 1;
  position:relative;
  top:-11px;
  left:0px;
  height:10px;
}

.canvasmovedown {
  position:relative;
  top:11px;
  left:18px;
  width: calc(100% - 36px);
  
}


@media screen and (max-device-width: 480px) and (orientation: portrait) {
	body {
		width: 100vw!important;
		margin: 0px 0px!important;
	}	
}	

h1 {
   display: block;	
   border-top: 5px solid #4179AD; /* fallback */
   border-top: 5px solid var(--colored-font,#4179AD);
   font-family: "sans-serif", Tahoma, Arial, Times, serif;
   font-size: 1.6em;
   font-weight: bold;
   color: #4179AD; /* fallback */
   color: var(--colored-font,#4179AD);
   
   background-color: #FFFFFF;
   background-color: var(--body-background,#FFFFFF);
}

.fett {
   font-weight: bold!important;
}

.bigger {
   font-size: 125%;
}

h2 {
   margin-top:0px;
   margin-bottom:4px;
   border-top: 0.20vh solid #4179AD; /* fallback */	 
   border-top: 0.20vh solid var(--colored-font,#4179AD);	
   background-color: #FFFFFF;
   background-color: var(--body-background,#FFFFFF);
   display: block; 	  
   font-family: "sans-serif", Tahoma, Arial, Times, serif;
   font-size: 15pt;
   font-weight: normal;
   color: #4179AD; /* fallback */
   color: var(--colored-font,#4179AD);
}

table {
	border-collapse: collapse;
}

.spezrotate {
    transform-origin: 50% 50%;
    transform: rotate(var(--rot-base));
}	

.table, .th, .td {
	font-size: 10pt;
	color: #000000;
    color: var(--body-font,#000000)!Important;
}

td.center {
	text-align:center;
}

td.lefttext {
	text-align:left;
}

td.right {
	text-align:right;
}

th.center {
	text-align:center;
}

th.lefttext {
	text-align:left;
}

th.right {
	text-align:right;
}

div.center {
	text-align:center;
}

div.lefttext {
	text-align:left;
}

div.right {
	text-align:right;
}

tbody, thead {
	border: 0px;
}

.noborder {
	border: 0px!Important;
	border-collapse: collapse!Important;
	background: #FFFFFF;
	background: var(--body-background,#FFFFFF)!Important;
	color: #4179AD; /* fallback */
    color: var(--colored-font,#4179AD);
	padding: 0px!Important;
}

.noborder8 {
	border: 0px!Important;
	border-collapse: collapse!Important;
	background: #FFFFFF;
	background: var(--body-background,#FFFFFF)!Important;
	
	padding-top: 4px;
	padding-bottom: 4px;
}

th {
	font-family: "sans-serif", Tahoma, Arial, Times, serif;
	
	border: 1px solid #ffffff;
	border: 1px solid var(--body-background,#ffffff);
	
	padding: 5px 4px;
	font-weight: normal;
	background-color: #9BB3CB; /* fallback */
	background-color: var(--selectedable-background,#9BB3CB);
	color: #ffffff;
    color: var(--button-font,#ffffff);
}

thead th {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
	top: 0;
	z-index: 10;
	border: 1px solid #ffffff;
	border: 1px solid var(--body-background,#ffffff);
	
	
	
}

td {
	font-family: "sans-serif", Tahoma, Arial, Times, serif;
	padding: 5px 4px;	
}

.imageneu-del {
	background-image: url("images/appbar.neu.png"); /* The image used */
	height: 100%; /* You must set a specified height */
	background-position: right center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	float: right;
	width: 40px;
	z-index: 99;
}

.imageneu {
	float: right;
	z-index: 99;
	font-size: 95%;
	padding: 0px 0px!Important;
}

table tr:nth-child(odd) {
    background-color: #EFF2F5; /* fallback */	
	background-color: var(--row1-background,#EFF2F5);
}

table tr:nth-child(even) {
	background-color: #ffffff; /* fallback */	  
	background-color: var(--row2-background,#ffffff);
}

tr.sumx td {
  border-bottom-style: solid;
  border-bottom-color: #9BB3CB; /* fallback */
  border-bottom-color: var(--selectedable-background,#9BB3CB)!important;
  border-bottom-width: 2px!important;
  border-top-style: solid;
  border-top-color: #9BB3CB; /* fallback */
  border-top-color: var(--selectedable-background,#9BB3CB)!important;
  border-top-width: 2px!important;
  font-weight: bold!important;
}

tr.markx td {
  border-bottom-style: solid;
  border-bottom-color: coral!important;
  border-bottom-width: 2px!important;
  border-top-style: solid;
  border-top-color: coral!important;
  border-top-width: 2px!important;
  font-weight: bold!important;
}

tr.headx td {
	border-top-style: inset;
	border-top-color: #9BB3CB; /* fallback */
	border-top-color: var(--selectedable-background,#9BB3CB)!important;
	border-top-width: 2px!important;
   
    font-family: "sans-serif", Tahoma, Arial, Times, serif;
    font-size: 1.6em;
    font-weight: bold;
    color: #4179AD; /* fallback */
    color: var(--colored-font,#4179AD);
}
	
canvas {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	border-style: none;
	color: var(--colored-font,#4179AD);
}

.optional {
  display: display: table-cell;
}

div {
	border-style: none;
}

div.card {
    width: 100%;
	padding: 0px;
	/* sehr hilfreich
	border: 1px solid #000000;
	*/
	
	margin-bottom: 15px;
	/*
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);
	*/
}

.halfopacity {
   opacity: 0.50;
}

.symbol {
    vertical-align: middle;
	opacity: 0.60;
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.symbol40 {
    vertical-align: middle;
	opacity: 0.40;
	display: block;
    margin-left: auto;
    margin-right: auto;
}


.smalltext {
   font-family: "sans-serif", Tahoma, Arial, Times, serif;
   font-size: 0.8em;
}

.microtext {
      font-family: "sans-serif", Tahoma, Arial, Times, serif;
	  font-size: 0.7em!important;
	  line-height: 70%!important;
    }


@media screen and (max-device-width: 480px) and (orientation: portrait){
	
	.optional {
	   display: none!important;
	}
	
	.th, .td {
      font-size: 95%!important;
	  padding: 6px 6px!important;
      font-weight: normal!important;
	}  
	
	h2 {
	   font-size: 12pt!important;
	}   
	   
	.microtext {
      font-size: 0.6em!important;
	  line-height: 70%!important;
    }

	.smalltext {
	   font-size: 5pt!important;
	}
   
}



@media screen and (max-device-width: 480px) and (orientation: landscape){
	
	.th, .td {
      font-size: 95%!important; 
	  padding: 6px 8px!important;
      font-weight: normal!important;
	}  
	h2 {
	   font-size: 8pt!important;
	}
	.microtext {
      font-size: 0.6em!important;
	  line-height: 70%!important;
    }

	.smalltext {
	   font-size: 5.5pt;
	}
	
}

.w3-deprecated {
	font-weight: normal!important;
	color: rgb(from var(--colored-font) r g b / 50%)
}


.w3-block {
	display: block;
	width: 100%;
	padding: 8px 10px;
}
.cx-button {
	border: none;
	display: inline-block;
	outline: 0;
	padding: 8px 10px;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	background-color: inherit;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	font-size: 10pt;
}

.cx-btn:hover {
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}


.w3-right {
	float: right!important
}


.cx-button {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.cx-btn:disabled,
.cx-button:disabled {
	cursor: not-allowed;
	opacity: 0.3
}

.cx-blue {
	color: #fff!important;
	background-color: #2196F3!important; /* fallback */	
	background-color: var(--button-background,#2196F3)!important;
}

.cx-blue2 {
	color: #fff!important;
	background-color: #5980A7!important; /* fallback */	
	background-color: var(--selected-background,#5980A7)!important;
}


a:link {
  color: var(--colored-font,#4179AD);
}


a:visited {
  color: var(--colored-font,#4179AD);
}


a:hover {
  color: var(--colored-font,#4179AD);
}


a:active {
  color: var(--colored-font,#4179AD);
}

.warnpanel {
	color: #204050;
	background-color: rgba(255, 205, 0, 1.0);
	border-color: rgba(255, 205, 0, 1.0)!important;
	padding-left: 5px; 
	padding-top: 5px; 
	padding-bottom: 5px;
}