:root {
	--color0:#FFFFFF;
	--color1:#E3EFF2;
	--color2:#66AFCC;
	--color3:#5089A0;
	--color4:#0073A0;
	--color5:#005070;
	--color6:#000000;
	--colorred:#DB0000;
	--colorgray1:#6b6b6b;
	--colorgray2:#808080;
	--colorgray3:#C0C0C0;
	--colorgray4:#D0D0D0;
	--colorgray5:#E0E0E0;
	--colorgray6:#F0F0F0;
	--fsize-1:8pt;
	--fsize0:9pt;
	--fsize1:10pt;
	--fsize2:11pt;
	--fsize3:12pt;
	--fsize4:13pt;
	--fsize5:15pt;
	--fsize6:22pt;
}	
@font-face {
  font-family: 'Open Sans';
  src: url('./fonts/OpenSans-Regular.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('./fonts/OpenSans-Light.ttf') format('truetype');
	font-weight:100;
	font-style:normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('./fonts/OpenSans-Bold.ttf') format('truetype');
	font-weight:bold;
	font-style:normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('./fonts/OpenSans-ExtraBold.ttf') format('truetype');
	font-weight:800;
	font-style:normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('./fonts/OpenSans-Italic.ttf') format('truetype');
	font-weight:normal;
	font-style:italic;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
 (min-resolution: 192dpi) { 
    /* Retina-specific stuff here */
}

/*general standard settings*/
.error {
	color:red;
	padding:5px 0px 5px;
}
.exception {
	padding:5px;
	color:#005070;
	background-color:#E0E0E0;
}
.border0 {
	border:none;
}	 
.border1 {
	border:solid red 1px;
}	 
.border2 {
	border:none;
	border-left:solid red 1px;
}	 
html {
	height:100%;
	font-weight:normal;
	font-size:10pt;
  font-size:var(--fsize1);
}
a {
  color:#5089A0;
	color: var(--color3);
  background-color: transparent;
  text-decoration:none;
  font-weight:normal;
	font-size:10pt;
  font-size:var(--fsize1);
}
a.grouptitle {
	font-size:13pt;
	font-size:var(--fsize4);
  color:#FFFFFF;
	color:var(--color0);
}		
a.button {
	color:#FFFFFF;
	color:var(--color0);
	text-decoration:none;
}
a.addbutton {
	color:var(--color6);
}	
a:hover,a.sortheader:hover {
  color:#005070;
  color: var(--color5);
}
a.charaction {
	font-weight:400;
	font-size:18pt;
	padding-left:3px;
}	
a.sortheader {
	font-size:12pt;
	font-size:var(--fsize2);
	color:#6b6b6b;
	color:var(--colorgray1);
}	
a.submenu {}
body {
  background-color:#FFFFFF;
	background-color: var(--color0);
  font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
  font-size:var(--fsize1);
  font-weight:normal;
  color:#005070;
  color:var(--color5);
  margin:0px;
  padding:0px;
  border:0;
}
a.tab1 {
	font-weight:normal;	
	font-size:var(--fsize4);
	color:#FFFFFF;
	color:var(--color0);
}
a.tab2 {
	font-weight:normal;	
	font-size:var(--fsize4);
	color:#D0D0D0;
	color:var(--colorgray3);
}
div {
  font-family:  Arial, Helvetica, sans-serif;
	font-size:10pt;
  font-size:var(--fsize1);
	font-weight:normal;
	font-style:normal;
	padding:0px;
	margin:0px;
	vertical-align:top;
}
div.status {
	float:right;
  background-color:#005070;
	background-color: var(--color5);
	padding:5px;
	color:#FFFFFF;
	color: var(--color0);
}
div.attention {
  background-color:#005070;
	background-color: var(--color5);
	color:#FFFFFF;
	color: var(--color0);
	padding:5px;
}	
div.container {
  box-sizing: border-box;
	position:absolute;
	height:calc(100% - 125px); 
	width:100%;
	overflow:auto;
	background-color:transparent;
	padding:10mm;
}
div.doc_portrait {
  box-sizing: border-box;
	height:100%; 
	background-color:transparent;
	width:210mm;
	margin:auto;
  padding:10mm;
  padding-top:20mm;
	min-height:297mm;
}
div.doc_landscape {
  box-sizing: border-box;
	height:100%; 
	background-color:transparent;
  width:297mm;
	margin:auto;
	padding:10mm;
	padding-top:20mm;
	min-height:210mm;
}
div.datablock,div.dataframe {
  clear: both;
  width:450px;
	padding:0px; 
}
div.editbox {
  color:#005070;
	color:var(--color5);
	padding:5px;
	border-top:0;
	background-color:#FFFFFF;
}
div.editbox_solo {
  color:#5089A0;
  color:var(--color5);
	padding:5px;
  border:solid 1px #C0C0C0;
	border:solid 1px var(--colorgray3);
	min-height:18px;
	white-space:pre-wrap;
  background-color:transparent;	
}	
div.inputgroup {
	background-color:#F2F2F2;
	border:1px solid #C0C0C0; 
	min-height:26px;
}
div.editbuttons {
	height:25px;
}  
div.error {
  font-family:  Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-size:var(--fsize10);
	color:#DB0000;
	color:var(--colorred);
	padding:5px 0px 5px 5px;
}
/*fm main*/
div.fm_specs {
  padding-left:5px;
}	
div.fm_director {
  height:35px;
	padding:8px;
  background-color:#66AFCC;
  background-color: var(--color2);
}	
div.fm_factory {
	clear:both;
  height:100%;
}
div.fm_factorytitle { 
  display:inline;
	float:left;
	font-size:15pt;
	font-size:var(--fsize5);
	color:#E3EFF2;
	color:var(--color1);
	background-color:transparent;
	padding-left:15px;
}
div.fm_helpbutton {
	float:right;
	width:20px;
	padding:0px 8px;
}
div.fm_labels {
  color:#909090;
	font-weight:normal;
	color:var(--colorgray2);
	padding:10px 0px 10px 3px; 
}
div.fm_languages {
  display: inline;
  float:right;
  background-color:#0073A0;
	background-color: var(--color4);
}	
div.fm_logoframe {
  display:inline;
	float:left;
	height:30px;
}	
img.fm_logo {
  padding:0px 0px 0px 10px;
	height:30px;
}	
img.icon {
	width:36px;
	padding-left:5px;
}	
div.fm_name{
  padding:0px 0px 0px 11px;
	color:#E3EFF2;
	color:var(--color1);
	font-size:15pt;
	font-size:var(--fsize5);
	font-weight:200;
}
div.fm_search {
	float:left;
	padding:5px 10px;
}
div.fm_titleframe{
	color:#E3EFF2;
  color:var(--color1);
	background-color:#5089A0;
  background-color: var(--color3);
	font-size:13pt;
	font-size:var(--fsize4);
	height:40px;
	padding-top:10px;
}
div.button1,input.button1 {
	font-size:13pt;
	font-size:var(--fsize4);
	padding:0px;
	color:#FFFFFF;
	color:var(--color0);
	text-align:center;
	padding-top:10px;
  background-color: #5089A0;
  background-color:var(--color3);
	width:114px; 
	height:45px;
	margin-top:35px;
}
div.button175,input.button175 {
	font-size:13pt;
	font-size:var(--fsize4);
	padding:0px;
	color:#FFFFFF;
	color:var(--color0);
	text-align:center;
	padding:5px 0px 2px 0px;
  background-color: #5089A0;
  background-color: var(--color3);
	width:175px; 
	height:30px;
	margin-top:35px;
}
div.button2,input.button2 {
	border:solid 1px #C0C0C0;
	border:solid 1px var(--colorgray3);
	margin:7px 7px 12px 6px;
	padding:2px 4px 4px 10px; 
	text-align:left;
	color:black; 
	width:180px;
	height:15px; 
	background-color:#E0E0E0;
	background-color:var(--colorgray5);
}
div.groupinfo {
  color:#909090;
	color:var(--colorgray2);
	padding:5px;
}
div.grouptitle,td.grouptitle {
	clear:both;
	background-color:#66AFCC;
	background-color:var(--color2);
	height:auto;
	width:450px;
	margin-top:15px;
	font-size:13pt;
	font-size:var(--fsize4);
  font-weight:normal;
	font-style:normal;
  color:#FFFFFF;
	color:var(--color0);
	padding:5px 0px 5px 10px;
}
div.grouptitle1,td.grouptitle1 {
	clear:both;
	font-size:12pt;
	font-size:var(--fsize3);
  color:#005070;
	color:var(--color5);
	padding:10px 10px 10px 5px;
}
div.grouptitle2,td.grouptitle2 {
	clear:both;
 	font-size:12pt;
	font-size:var(--fsize3);
  color:#5089A0;
	color:var(--color3);
	padding:10px 10px 10px 3px;
}
div.grouptitle3,td.grouptitle3 {
	clear:both;
	font-size:13pt;
	font-size:var(--fsize4);
	color:#66AFCC;
	color:var(--color2);
	padding:10px 10px 10px 3px;
}
div.grouptitle4,td.grouptitle4 {
	clear:both;
	font-size:12pt;
	font-size:var(--fsize3);
  color:#0073A0;
	color:var(--color4);
	padding:0px;
}
div.grouptitleblock,td.grouptitleblock {
	clear:both;
	font-size:13pt;
	font-size:var(--fsize4);
  color:#5089A0;
	color:var(--color3);
	padding:10px 10px 10px 10px;
	border-top:solid 1px silver;
	border-left:solid 1px silver;
}
div.hints {
	padding:15px 0px 15px 0px;
  color:#5089A0;
	color:var(--color3);
	text-align:left;
	font-style:italic;
	font-size:12pt;
	font-size:var(--fsize2);
}
div.info {
	padding:10px 0px 15px 5px;
  color:#5089A0;
	color:var(--color3);
	text-align:left;
	font-size:10pt;
	font-size:var(--fsize1);
}
div.info0 {
	padding:0px 5px 5px 5px;
  color:#909090;
	color:var(--colorgray2);
	text-align:left;
	font-size:9pt;
	font-size:var(--fsize0);
}	
div.input { 
  filter: none;
  padding: 0px 6px 10px 5px;
}
div.input1 { 
  filter: none;
  width:175px;
	padding:30px;
}

div.pagetitle,h1 {
	font-size:13pt;
	font-size:var(--fsize4);
	color:#306383;
	font-weight:400;
	padding-left:5px;
}	
div.pagetitle_warning {
	display:inline;
	font-size:13pt;
	font-size:var(--fsize4);
	color:red;
}	
div.pageinfo { 
	font-style:italic;
	color:black;
	color:var(--color3);
	padding:5px 0px 5px 5px;
}	
div.label {
	color:#5089A0;
  color:var(--color3);
	padding: 10px 10px 10px 0px;
  font-weight:normal;
  font-style:italic;
	text-align:left;
}
div.languages {
	float:right;
	width:90px;
}	
div.data {
	padding: 0px;
	color:#003F7F;
	text-align:left;
}
div.menutile{
	vertical-align:top;
	text-align:left;
	padding:10px 0px 0px 15px;
	background-repeat:no-repeat;
	background-color: #66AFCC;
	background-color:var(--color2);
	font-size:12pt;
	font-size:var(--fsize3);
	font-weight:normal;
  color:#FFFFFF;
	color:var(--color0);
	height:100px;
	width:150px;
}
div.notice {
	font-size:10pt;
	font-size:var(--fsize1);
}	
div.remark {
	font-size:10pt;
	font-size:var(--fsize1);
	font-style: italic;
	padding:0px 0px 10px 5px;
}	
div.subcontainer {
	clear:both;
	padding:10px 0px 0px 5px;
}
div.submenu { 
  padding:10px 0px 5px 8px;
	color:#808080;
	color:var(--colorgray2);
}
div.text {
	padding:3px;
}	
div.whitelabel{
  box-sizing: border-box; 
  color:#005070;
	color:var(--color5);
	padding:8px;
	background-color:#FFFFFF;
	background-color:var(--color0);
	width:98%;
}
h1 {
	font-size:15pt;
	font-size:var(--fsize5);
	color:#6b6b6b;
	color:var(--colorgray1);
	padding:10px 0px 20px 0px;
}
h2 {
	font-size:13pt;
	font-size:var(--fsize4);
	font-weight:400;
  color:#005070;
	color:var(--color5);
	padding:20px 0px 5px 0px;
	margin:0px;	
}
h3 {
	font-size:12pt;
  font-size:var(--fsize3);
	font-weight: 400;
  color:#0073A0;
	color:var(--color4);
	padding:15px 0px 5px 0px;
	margin:0px;	
}
h4 {
	font-size:11pt;
  font-size:var(--fsize2);
	font-style: italic;
  color:#5089A0;
	color:var(--color3);
	padding:10px 0px 5px 0px;
	margin:0px;	
}
hr {
	color:#6b6b6b;
	color:var(--colorgray1);
}	
img.ebutton {
	border:1px groove silver;
}	
input {
  box-sizing: border-box; 
	font-family:  Arial, Helvetica, sans-serif;
	padding:5px;
  color:#5089A0;
	color:var(--color3);
	font-size:10pt;
	font-size:var(--fsize1);
  border:solid #C6C6C6 1px;
	background-color:#FEFEFE;
}
#name {
  background-color: white !important;
}
input[type=checkbox] { 
 	width:20px;
	margin-top:-3px;
}
input.matrix {
	font-size:var(--fsize-2); 
}
input.editbox {
  border:0;
}	
li {
	padding:4px;
}
li.orgchart {
	padding:0px; 
}
li.editgroup {
  min-height:52px;
	padding-top:12px;
}	
li.action0 
{ list-style-image: url('../img/disc.png');
  color:#909090;
  color:var(--colorgray2);
}
li.action1 
{ list-style-image: url('../img/plus.png');
}
ol {
	font-size:10pt;
  font-size:var(--fsize1);
  font-weight:normal;
	font-style:normal;
	list-style-type: decimal;
	margin-left: -20px;
	margin-top:5px;
	min-height:52px;
}
select {
  box-sizing: border-box; 
  font-family:  Arial, Helvetica, sans-serif;
	font-size:10pt;
  font-size:var(--fsize1);
  color:#5089A0;
	color:var(--color3);
  width: 100%;
  border:solid #C6C6C6 1px;
  padding:5px;
}
select.mini {
  font-size:8pt;
  padding:2pt;
  width:90px;  
}	
table {
	border-collapse:collapse;
	font-size:10pt;
  font-size:var(--fsize1);
}
table.matrix {
	font-size:8pt;
	font-size:var(--fsize-1);
	border:solid 1px #C0C0C0;
	border:solid 1px var(--colorgray3);
}	
textarea {
  font-family:  Arial, Helvetica, sans-serif;
	font-size:10pt;
  font-size:var(--fsize1);
  color:#005070;
	color:var(--color5);
  width: 95%;
  border:solid #C6C6C6 1px;
  padding:5px;
	white-space:pre-wrap;
}
textarea.white {
	border:0;
	width:100%;
	padding:0px;
}	
td {
	font-size:10pt;
  font-size:var(--fsize1);
  font-weight:normal;
	font-style:normal;
	vertical-align:top;
	padding:5px 5px 5px 5px;
}	
td.narrow {
  padding:5px 10px 0px 0px;
}	
td.matrix {
	border:solid 1px #C0C0C0;
  border:solid 1px var(--colorgray3);
	font-size:8pt;
	font-size:var(--fsize-1);
	padding:5px 5px 5px 5px;
	text-align:left;
}
td.matrixc {
	border:solid 1px #C0C0C0;
	border:solid 1px var(--colorgray3);
	font-size:8pt;
	font-size:var(--fsize-1);
	padding:5px 5px 5px 5px;
	text-align:center;
}
td.matrixr {
	border:solid 1px #C0C0C0;
	border:solid 1px var(--colorgray3);
	font-size:8pt;
	font-size:var(--fsize-1);
	padding:5px 5px 5px 5px;
	text-align:right;
}
td.score {
	text-align:right;
	padding: 0px 5px 0px 5px;
}	
td.small {
  padding:0px;
} 
td.list {
	padding:2px 5px 2px 0px;
}	
td.tab1,div.tab1 {
	background-color:#66AFCC;
	background-color:var(--color2);
	padding-top:7px;
	text-align:center;
	width:125px;
	height:30px;
	font-weight:normal;	
	font-size:13pt;
	font-size:var(--fsize4);
	color:#FFFFFF;
	color:var(--color0);
}
td.tab2,div.tab2 {
	background-color:#FFFFFF;
	background-color:var(--color0);
	border:1px solid #D0D0D0;
	border:1px solid var(--colorgray3);
	padding-top:7px;
	text-align:center;
	width:125px;
	height:30px;
	font-weight:normal;	
	font-size:13pt;
	font-size:var(--fsize4);
	color:#D0D0D0;
	color:var(--colorgray3);
}

th {
  text-align:left;
  vertical-align: top;
	font-size:10pt;
	font-size:var(--fsize1);
  font-weight:normal;
  font-style:normal;
  color:#909090;
  color:var(--colorgray2);
	margin: 0px;
  padding:5px 5px 5px 3px;
}
th.small {
  padding:0px;
	font-size:10pt;
  font-size:var(--fsize1);
	font-weight:normal;	
	font-style:normal;	
} 
th.matrix {
	border:solid 1px #C0C0C0;
	border:solid 1px var(--colorgray3);
	font-size:8pt;
	font-size:var(--fsize-1);
	text-align:left;
	font-style:italic;
	padding:5px 5px 5px 5px;
}

th.narrow {
  padding:0px 5px 0px 0px;
}	
th.refpos {
	 color:#808080;
	 width:25px;
	 text-align:right;
}	 
th.score {
	text-align:right;
	padding: 0px 5px 0px 5px;
}	

ul {
	font-size:10pt;
  font-size:var(--fsize1);
  list-style-type:none;
	padding:0px;
	margin:0px;
  color:#005070;
	color: var(--color5);
} 
ul.fm_list {
  list-style-image: url(../img/listmark.png);
	margin-left: 20px;
	margin-top:5px;
}
ul.orgchart {
  list-style-image: url(../img/org1.png);
	padding-left:20px;
}