:root{
	--gmssBlue: #003457; /* GMS Blue: PMS 540M */
	--gmssOrange: #FF5A00; /* GMS Orange: PMS 21C */
}

* {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 0.5em;
	margin-right:0.5em;
	/* color: white; /* GMS Orange: PMS 21C */
}

.surfacetext{
    color:white;
}

body{
	background-color: var(--gmssBlue); /* GMS Blue: PMS 540M */
}

body.main{
        background-image: url("blur.png");
	background-color: var(--gmssBlue); /* GMS Blue: PMS 540M */
        /* background-size: cover; */        /* makes it fill the page */
        background-size: contain;        /* makes it fill the page */
        background-repeat: no-repeat;  /* prevents tiling */
	background-position: center center;
        color:white;
}

div.selection
{
    background-color:white;
    float:left;
    margin:0.1em;
}

.table-container {
  position: absolute;
  right: 0;
  top: 20px;
  width: 50%;
  display:block;
  overflow-x: hidden;
  overflow-y: auto;
  bottom: 10px;
}
table {
  border: 0px;
  margin: 0px;
  width: 100%;
  border-collapse: collapse;
  position: static;
  background-color: white;
  color:black;
}

th, td {
  border: 1px solid var(--gmssOrange);
  padding: 8px;
  text-align: left;
}