body {
	background-color: #BBBBBB;
}

div.pre, img, div.table, div.text, div.descr {
	border-radius: 10px;
	padding: 20px;
	border: 0px;
}

img.center {
	margin-left: auto;
	margin-right: auto;	
	display: block;
	width: 90%;
}

div.table, div.text {
	background-color: #f2f2f2;
	font-size: 200%;
	margin: 2%;
}

div.descr  {
	width: 95%;
	height: auto;
	font-size: 100%;
	margin: 10px;
	display: inline-block;
	box-sizing: border-box;
	background-color: #E7E7E7;
}

/* input[type=text], input[type=file], input[type=submit], input[type=password], input[type=number], input[type=date], textarea,  select { */
input, textarea,  select, div.input {
	border-radius: 10px;
	border: 0px;
	width: 98%;
	height: auto;
	font-size: 100%;
	padding: 50px;
	margin: 10px;
	display: inline-block;
	box-sizing: border-box;
	background-color: #E7E7E7;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

input[type=radio] {
	width: auto;
	margin: 20px;
	padding: 20px;
}

div.header1 {
	font-size: 50px;
	font-weight: bold;
	height: 50px;
}

table {
	border-collapse: collapse;
	width: 100%;
	border-radius: 10px;

}

td {
	height: auto;
	font-size: 250%;
	padding: 20px;
}


/* td::first-letter {
	font-weight: bold;
}
*/

td.rating {
	text-align: center;
	font-weight: normal;
}

th {
	font-size: 200%;
	font-weight: bold;
	height: 75px;
	text-align: left;
	padding: 10px;
}

tr.light {
	background-color: #f2f2f2;
}

tr.dark {
	background-color: #e2e2e2;
}



input:focus, textarea:focus {
	background: #FFFFFF;
}

div.pre {
	font-size: 75%;
	background-color: #f2f2f2;
	margin: 2%;
}

.dropdown {
	position: relative;
	display: inline-block;
	background-color: #f2f2f2;
	font-size: 100%;
	margin: 0%;
	border-radius: 10px;
	border: 0px;
	width: 96%;
}

a.dropdown {
	padding: 15px;
	background-color: #FFFFFF;
}

.dropdown-content {
	width: 50%;
	border-radius: 10px;
	display: none;
	position: absolute;
	background-color: #FFFFFF;
	box-shadow: 0px 16px 32px 0px rgba(0,0,0,0.4);
	padding: 25px;
	font-size: 150%;
}

.dropdown:hover .dropdown-content {
	display: block;
}

input[type="date"]:before {
	content: attr(placeholder) !important;
	color: grey;
}

input[type="date"]:focus:before, input[type="date"]:valid:before {
	content: "";
}
