body {
  color: black;
  font-size: 9pt;
  background-color: white;
  font-family: 'ReadexPro';
  /* font-family: 'NotoSans-Regular'; */
  
}
@font-face {
  font-family: 'NotoSans-Regular';
  font-style: normal;
  font-weight: 400;
  src: local('NotoSans'), local('NotoSans-Regular'), url('fonts/notosans-regular.ttf') format('truetype');  
}
@font-face {
  font-family: 'Hack-Regular';
  src: local('Hack-Regular'), url('fonts/hack-regular.ttf') format('truetype');  
}
@font-face {
  font-family: 'Hack';
  src: local('Hack'), url('fonts/hack-regular.ttf') format('truetype');  
}
@font-face {
  font-family: 'Angelface';
  src: local('Angelface'), url('fonts/angelface.otf') format('opentype');
}
@font-face {
  font-family: 'fa-solid';
  font-style: normal;
  font-weight: 900;
  src: local('fa-solid'), url('fonts/fa-solid-900.ttf') format('truetype');
}
@font-face {
  font-family: 'fa-regular';
  src: local('fa-regular'), url('fonts/fa-regular-400.ttf') format('truetype');
}
@font-face {
  font-family: 'fa-brands';
  src: local('fa-brands'), url('fonts/fa-brands-400.ttf') format('truetype');
}
@font-face {
  font-family: 'ReadexPro';
  font-style: normal;
  src: local('ReadexPro'), url('fonts/ReadexPro-Regular.ttf') format('truetype');
}

#mainMenu {
  background-color: white;
  padding: 5px;
  text-decoration: none;
  border: 1px solid black;
  border-radius: 3px;
  position: absolute;
  left: 0px;
  top: 55px;
  width: 150px;
  display: none;
  color: black;
}
#mainMenu div.table div.row {
  cursor: pointer;
  border: 1px solid transparent;
}
#mainMenu div.table div.row:hover {
  color: white;
  border: 1px solid transparent;
}
#mainMenu div.table div.row:hover div.cell:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
#mainMenu div.table div.row:hover div.cell:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
#mainMenu div.table div.row:hover div.cell {
  background-color: #c22803;
}
#mainMenu div.table div.row div.cell img {
  vertical-align: middle;
  padding: 5px;
}
#mainMenu div.table div.row div.cell {
  font-size: 11pt;
}
#menu {
  font-family: 'Readex Pro', Sans-Serif;
  font-size: 11pt;
}

/* div.button */
div.btn1 {
  background-color: #c22c16;
  color: white;
  font-weight: bold;
  padding: 3px;
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
}
div.table {
  display: table;
}
div.row {
  display: table-row;
}
div.cell {
  display: table-cell;
}
div.center {
  text-align: center;
}
div.left {
  text-align: left;
}
div.right {
  text-align: right;
}
div.vam {
  vertical-align: middle;
}
div.vat {
  vertical-align: top;
}
img.vam {
  vertical-align: middle;
}
div.bg:nth-child(even) {
  background-color: #e8e8e8;
}
div.bg div.row:nth-child(even) {
  background-color: #d8d8d8;
}
div.bgh {
  background-color: #424242;
  color: white;
  font-weight: bold;
}
.bgh .cell {
  padding: 10px;
  vertical-align: middle;
}
.bgc div.cell {
  vertical-align: middle;
}
div.p3 {
  padding: 3px;
}
div.p5 {
  padding: 5px;
}
div.tt {
  border: 1px solid #e8e8e8;
  background-color: white;
  vertical-align: top;
}
div.ts {
  border-right: 1px solid black;
  background-color: white;
}
#tableVorgang div.row:nth-child(even) {
  background-color: #e8e8e8;
}
#tableVorgang div.row div.cell {
  padding: 5px;
}
input.d {
  border: 1px solid black;
  border-radius: 2px;
}
input.v {
  border: 1px solid #e8e8e8;
  border-radius: 5px;
}
input.vc {
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  text-align: center;
}
input.c {
  border: 1px solid #d8d8d8;
  border-radius: 2px;
}
input.f {
  border: 0px solid black;
}
input.fr {
  border: 0px solid black;
  text-align: right;
}
input.fc {
  border: 0px solid black;
  text-align: center;
}
input.d1 {
  border: 1px solid white;
  margin: 0;
  padding: 8px;
  height: auto;
  line-height: 1.5;
  display: block;
}
input.d1:focus {
  border: 1px solid black;
}
textarea.c {
  border: 1px solid #d8d8d8;
  border-radius: 5px;
}
.cddcaf div.table div.row:nth-child(even) {
  background-color: #cddcaf;
}
.fce6d4 div.table div.row:nth-child(even) {
  background-color: #fce6d4;
}
.TextLabelOuter {
  border: 1px solid black;
  border-radius: 3px;
  padding: 2px;
}
.TextLabelOuter .TLOR1 .TLOR1C1 {
  padding: 2px;
  font-size: 8pt;
  text-decoration: underline;
}
.TextLabelOuter input {
  border: 0;
  padding-left: 15px;
}
#skilled div.table .row {
  height: 30px;
}
#enduser div.table .row {
  height: 30px;
}
#control div.table .row {
  height: 30px;
}
#funding div.table .row {
  height: 30px;
}
/* process */
#processlisttable {
  width: 1400px;
}
#processlisttable div.row:nth-child(even) {
  background-color: #e8e8e8;
}
#processlisttable .cell {
  padding: 5px;
  vertical-align: middle;
}
#processlisttablehead {
  background-color: #424242;
  color: white;
  font-weight: bold;
}
#processlisttablehead .cell {
  padding: 15px 5px 15px 5px;
  vertical-align: middle;
}
#migrationTable div.row:nth-child(even) {
  background-color: #e8e8e8;
  width: 100%;
}
#migrationTable .cell {
  padding: 10px;
}

#searchTable {
  width: 100%;
}
#searchTable div.row:nth-child(even) {
  background-color: #d5d5d5;
}
#searchTable .cell {
  padding: 10px;
  vertical-align: middle;
}
#searchTableHead {
  background-color: #424242;
  color: white;
  font-weight: bold;
}
#searchTableHead .cell {
  padding: 10px;
  vertical-align: middle;
}



/* dashboard */
#workflowStackData div.row:nth-child(even) {
  background-color: #d5d5d5;
}
#workflowStackData .cell {
  padding: 10px;
  vertical-align: middle;
}
div.active {
  background-color: #c12d15 !important;
}
div.active img.fs {
  content: url("images/upload_icon_fs_white.png");
}
div.active img.vwn {
  content: url("images/upload_icon_vwn_white.png");
}
#workflowtable .cell {
  padding: 10px;
  vertical-align: middle;
}
#workflowtablehead {
  background-color: #424242;
  color: white;
  font-weight: bold;
}
#workflowtablehead .cell {
  padding: 10px;
  vertical-align: middle;
}

/* contacts */
#contactslisttable {
  width: 1400px;
}
#contactslisttable div.row:nth-child(even) {
  background-color: #d5d5d5;
}
#contactslisttable .cell {
  padding: 10px;
  vertical-align: middle;
}
#contactslisttablehead {
  background-color: #424242;
  color: white;
  font-weight: bold;
}
#contactslisttablehead .cell {
  padding: 10px;
  vertical-align: middle;
}

/* settings */
#virtualtablelisttable {
  width: 1400px;
}
#virtualtablelisttable div.row:nth-child(even) {
  background-color: #d5d5d5;
}
#virtualtablelisttable .cell {
  padding: 4px;
  vertical-align: middle;
}
#virtualtablelisttablehead {
  background-color: #424242;
  color: white;
  font-weight: bold;
}
#virtualtablelisttablehead .cell {
  padding: 10px;
  vertical-align: middle;
}

div.dupload {
  width: 176px;
  height: 38px;
  background-image: url('/inc/images/upload_button.png');
  background-size: 90px;
  background-repeat: no-repeat;
  border: 0px solid black;
  border-radius: 3px;
  padding-left: 1px;
}
div.dupload input  {
  display: block !important;
  width: 85px !important;
  height: 35px !important;
  opacity: 0;
  cursor: pointer;
}

.cr {
  position: relative;
  padding-left: 30px;
  padding-right: 10px;
  margin-bottom: 12px;
  cursor: pointer;
  /* font-size: 22px; */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0px solid #cdcdcd;
  height: 23px;
}

.cr input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.cmr {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #d9d9d9;
  border-radius: 50%;
}

.cr:hover input ~ .cmr {
  background-color: #ccc;
}

.cr input:checked ~ .cmr {
  background-color: #ff6600;
}

.cmr:after {
  content: "";
  position: absolute;
  display: none;
}

.cr input:checked ~ .cmr:after {
  display: block;
}

.cr .cmr:after {
 	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}


.cc {
  position: relative;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 2px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cc input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}



.cmc {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #d9d9d9;
  border-radius: 3px;
}

.cc:hover input ~ .cmc {
  background-color: #ccc;
}

.cc input:checked ~ .cmc {
  background-color: #c12d09;
  border-radius: 3px;
}

.cmc:after {
  content: "";
  position: absolute;
  display: none;
}

.cc input:checked ~ .cmc:after {
  display: block;
}

.cc .cmc:after {
  left: 6px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}