html {
	background-color: #f2f3f4;
	padding: 32px 16px;
	width: 1200px;
	height: 400px;
	/*margin: 0px 150px;*/
	font-family: 'Raleway', sans-serif;
}

.jumbotron {
	border: 1px solid #b6bbc0;
	background-color: #eceeef;
	padding: 32px 16px;
	width: 800px;
	height: 400px;
	margin: auto;
}

.green {
	color: #00FF00;
}

.red {
	color: #FF0000;
}

.bold {
	font-weight: bold;
}

.save {
	width: 862px;
	height: 100px;
	margin: auto;
	text-align: center;
}

.datafetch {
	width: 169px;
	height: 464px;
	text-align: center;
	margin-top: -464px;
    margin-left: 1031px;
}

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}

/* Modal (Hintergrund) */
.modal {
  display: none; 
  position: fixed; 
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; /* Scrollen wenn noetig */
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4); 
}

/* Modal inhalt */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; 
  padding: 20px;
  border: 1px solid #888;
  width: 800px; 
}

/* X Symbol Modal */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}