<!--

body {
  font-family:Verdana, Sans-serif;
  font-size: 16px;
  color : #000000;
}

/* Hyperlink decoration. */
a {
  color: #0000EE;
  text-decoration: none;
  text-transform: none;
}

a:link {
  color: #0000EE;
}

a:link:visited {
  color: #551A8B;
}

a:link:hover, a:visited:hover {
	text-decoration: underline;
}

/*----------------------------------------*/

.div-center {
  width:1050px;
  margin: 0 auto;
  /* text-align: left; */
  /* margin-left: auto; */
  /* margin-right: auto; */
}

.div-center-box {
  width:1050px;
  margin: 0 auto;
  /* padding: 3px; */
  /* border: 3px solid #003366; */
  /* width: fit-content; */
  /* width:auto; */
  /* margin-left: auto; */
  /* margin-right: auto; */
}

.maintable {
  /* width: 800px;  */
  color: aqua;
  color: black;
  /* margin-left: auto; */
  /* margin-right: auto; */
}

label {
  font-weight: bold;
}

.tdnowrap {
  white-space: nowrap;
}

/*----------------------------------------*/

/* Non-entry tables containing lists with striped rows. */
.listtable {
  padding: 2px;
  color: black;
  background-color:white;
  /* border: 1px solid black; */
  /* border-collapse: collapse; */
}

.listtable label {
  color: purple;
  color: black;
}

.listtable tr:nth-child(odd) {
  background-color: pink;
  background-color: #F2F2F2;
}

/*----------------------------------------*/

/* Navigation bar. */
.headline {
  font-weight: normal;
  font-size: 16px;
  color: white;
}

.headline td {
  color: white;
  background-color: maroon;
  background-color: #003366;
  background-color: black;
}

.headline a {
  color: white;
  text-decoration: none;
  text-transform: none;
  text-align: right;
}

.headline a:link {
  color: white;
  text-decoration: none;
  text-transform: none;
}

.headline a:link:hover, a:visited:hover {
  color: red;
}

.headline.navbartable {
  width: 100%;
}

.headline.name {
  font-weight: normal;
}

.headline.currentpage {
  color: #FF8000;
}

.headline.invisible {
  visibility: hidden;
}

.navigation-bar {
  text-align: left; /* Align all links to the left */
}

.navigation-bar a:last-child {
  text-align: right; /* Align the last link to the right */
}

.navigation-bar.last-link {
  white-space: nowrap;
}

/*----------------------------------------*/

/* Entry table rows. */
.entrytable {
  color: black;
  background-color: white;
  border-spacing: 0;
}

/* Applies to the whole cell. */
.entrytable .entryname {
  font-size: 1.0em;
  font-weight: bold;
  vertical-align: top;
  color: rgb(241, 2, 54);
  color: black;
}

.entrytable .entrydate  {
  font-size: 0.82em;
  color: rgb(241, 2, 54);
  color: black;
}

.entrytable .entryip  {
  font-size: 1.0em;
  color: rgb(241, 2, 54);
  color: black;
}

.entrytable .entrycomment {
  color: rgb(241, 2, 54);
  color: black;
}

.entrytable .entrycomment a.commentlink:link, a.commentlink:visited {
  font-size: 16px;
  text-decoration: underline;
  color: #0000EE;
}

.entrytable tr:nth-child(odd) {
  background-color: pink;
  background-color: #F2F2F2;
}

/*----------------------------------------*/

/* main table for add entry */
.addentrytable {
  border: 6px;
  padding: 6px;
  background-color: #F2F2F2;
  width: 810px;
}

/*----------------------------------------*/

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  /* border-bottom: 1px dotted black; If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 135px;
  background-color: black;
  color: #ffffff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 115%;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  font-size: 16px;
  visibility: visible;
}

img.top {
  vertical-align: top;
}

img.middle {
  vertical-align: middle;
}

img.bottom {
  vertical-align: bottom;
}

input.middle {
  vertical-align: middle;
}

input[type="radio"] {
  margin-top: -1px;
  vertical-align: middle;
}

input[type="checkbox"] {
  margin-top: -1px;
  vertical-align: middle;
}

/*----------------------------------------*/

/* Zoom the emojis */
.zoomimg {
  width: 24px;  /*any size*/
  height: 24px; /*any size*/
  vertical-align: middle;
  transition: transform .2s;
  margin: 0 auto;
}

.zoomimg:hover {
  -ms-transform: scale(1.5);     /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5);
  width: 32px;
  height: 32px;
}

/*----------------------------------------*/

/* Feedback message from functions. */
.infomessage {
  font-family: Verdana,Sans-serif;
  font-weight: bold;
  color: #020088;
}

.errormessage {
  font-family: Verdana,Sans-serif;
  font-weight: bold;
  color: #FF0000;
}

.errormessageleft {
  font-family: Verdana,Sans-serif;
  font-weight: bold;
  color: #FF0000;
  text-align: left;
}

/*----------------------------------------*/

.g-recaptcha {
  margin-left: 0px;
}

.grecaptcha-badgex {
  visibility: hidden !important;
}

/*----------------------------------------*/

/* Side by side tables */
/*
* {
  box-sizing: border-box;
}
*/

.rowsidebyside {
  display: flex;
  margin-left:-5px;
  margin-right:-5px;
}

.columnsidebyside {
  flex: 50%;
  padding: 5px;
}

/*----------------------------------------*/

.required:after {
  content:"*";
  color: red;
}

/*----------------------------------------*/

/* Some constraint validation stuff. */
input:invalid {
  border: 2px dashed red;
}

input:invalid:required {
  background-image: linear-gradient(to right, pink, lightgreen);
}
/*
input:valid {
  border: 2px solid black;
}

select:valid {
  border: 2px solid black;
}
*/
-->