* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	font-family: arial; font-size: 10pt; 
}

.flex-container {
    display: flex;
    flex-direction: column;
  	height:100vh;
    }

.flex-item:nth-child(1) {
  flex-grow: 1;
  text-align:center;
  height:20vh;
    }

.flex-item:nth-child(2) {
  flex-grow: 1;
  align-items:center;
  height:80vh;
    }

.flex-item:nth-child(3) {
  flex-grow: 1;
  display:flex; 
  align-items:center;
  background: yellow;
    }

body {
  overflow: hidden;
}

div.prizes {

}

div.list { overflow: visible; }
div.edit { overflow: auto; }

table {
    border-collapse:collapse;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}

tr {
    font-weight: bold;
}

tr.header {
    color: #FFFFFF;
    background-color: #0356a6;
    //border-bottom: 6px solid #FFFFFF; //#003399;
}

div.list tr.tro { background-color: #ECF3FC; }
div.list tr.tre { background-color: #FFFFFF; }

tr.claimed {
    //text-decoration: line-through;
    font-weight: normal;
}

th {
    font-variant: small-caps;
    font-size: 21pt;
    font-weight: bold;
    padding-right: 20px;
    /*! text-align: left; */
    vertical-align: top;
  	padding:3px;
}

td {
    font-size: 18pt;
    padding-right: 20px;
    text-align: left;
    vertical-align: top;
  text-align:center;
    padding: 5px;
}

img#edit {

}

.initwin {

  }

.background {
    background: linear-gradient(180deg, #e9f1fc, #ffffff);
    text-align: center;
}

form { font-size: 10pt; }

div.edit td { padding-right: 0px; }
tr.tro td input { background-color: #99FFCC; }
tr.tre td input { background-color: #99CCFF; }