* {
  box-sizing: border-box;
  font-family: "Georgia", sans-serif;
}

body {
  margin: 10px;
  /*background: linear-gradient(to right, #175d69 23%, #330c43 95%);*/
  background: linear-gradient(to right, #cadcfc, white, white, #cadcfc);
  /*background: #e6f1ff; /* #fcf6f5; /* linear-gradient(to bottom, #e7e8d1 23%, #a7beae 95%); */
  /*max-width: 800px;*/
}

.wrapper {
	width: 100%;
	height: auto;
	display: block;
	/*border: 2px solid magenta;*/  /* #a7beae; */
	/*border-radius: 20px;*/
	margin: 0 auto;
	background-color: transparent;  /* #e7e8d1;  /* #edf4f2; light gray */
	max-width: 800px;
	scroll-margin-top: 110px;
}

table {
  /* font-family: arial, sans-serif; */
  border-collapse: collapse;
  width: 100%;
}
/* Target the first cell (left end) of the row */
tr td:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
/* Target the last cell (right end) of the row */
tr td:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
/* Target the spanned cell in that specific row */
.rounded-row td[colspan],
.rounded-row th[colspan] {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
/*background-color: #331763;*/
/*color: white;*/
}
td, th {
  /*border: 1px solid #000;*/
  /*background-color: transparent;*/
  text-align: center;
  padding: 8px;
  color: #31473a;
  font-size: 1.2em;
}
tr:nth-child(1) {
  background-color: #cadcfc; /*#8aaae5;  /*#a7beae;  /* #ccc; */
  color: #31473a;  /* #000; */
}

td img {
  width: 100%;
  object-fit: contain;
}
.tdMinWid {
  min-width: 40%;
}

.dropdown {
  /*position: relative;*/
  display: block;
}
.dropdown-content {
  display: none;
  /*position: absolute;*/
  background-color: #fcf6f5; /* #e7e8d1;  /* #f9f9f9; */
  /* min-width: 160px; */
  /*width: 400px;  /* max-width: 75%; */
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}
/*
.dropdown:hover .dropdown-content {
  display: block;
}
*/
.show {display: block;}

.copyrightEtc {
    background: transparent; width: auto;
	position: fixed; padding: 10px;
	font-size: small; text-align: right; color: #777;
	right: 10px;
	/*bottom: 3px;*/
}
.copyrightEtc:hover {
    color: #000;
}