body {
  margin:0;
  padding:0;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
  background: #335CA9;

}
h1,p {
  color: whitesmoke;
}

a {
  color: #ff45c5;
}

a.button {
  background-color: #051b34;
  padding:10px 20px;
  border-radius: 10px;
  text-decoration: none;
  transition: all 0.5s ease;
  display: block;
}
a.button:hover,
a.button:active{
  background: #003269;
}

div.main{
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: calc(100vh - 70px);
}

div.wrapper{
  max-width:1000px;
  width:100%;
}

div.info{
  background: white;
  color: #051b34;
  padding: 10px 20px;
  border-radius: 10px;
  line-height: 1.5em;
}
div.info p,
div.info ul{
  color: #051b34;
  line-height: 1.5em;
}
div.info h4{
  margin-bottom:5px
}

div.menu{
  display: flex;
  justify-content: space-around;
  max-width:1000px;
  /*min-width: 50%;*/
  width:90%;
  /*align-items: center;*/
  gap:0.5rem;

}
div.menu a{

  padding:10px 30px;
  background: #051b34;
  border-radius: 10px;
  text-transform: uppercase;
  color:white;
  transition: all 0.5s ease;
  /*font-weight: bold;*/
  text-decoration: none;
  /*width:100%;*/
  text-align: center;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.menu a:hover,
div.menu a:active
{
  /*font-weight: bold;*/
  background: #003269;
}

div.logo{
  padding:20px;
  display: flex;
}
div.logo img {
  width:200px;
}

div.sum {
  margin:20px;
  color:white;
  font-size:18pt;
}
div.sum span {
  color: #b3d6ff
}

table.deb-table,
table.transaction-table{
  background: white;
  max-width:1000px;
  min-width: 50%;
  border-radius: 10px;
}
table.deb-table{
  width: 100%;
  max-width: 960px;
}
table.deb-table thead tr th,
table.transaction-table thead tr th{
  padding:6px;
  color:white;
  font-weight: bold; text-transform: uppercase;
  background: #003269;
}
table.deb-table tr th:nth-child(1),
table.transaction-table tr th:nth-child(1){
  border-radius: 10px 0 0 0;
}
table.deb-table tr th:nth-child(5),
table.deb-table tr th:nth-child(7),
table.transaction-table tr th:nth-child(3){
  border-radius: 0 10px 0 0;
}
table.deb-table tr td:nth-child(1),
table.transaction-table tr td:nth-child(1){
  border-radius: 10px 0 0 10px;
}
table.deb-table tr td:nth-child(5),
table.deb-table tr td:nth-child(7),
table.transaction-table tr td:nth-child(3){
  border-radius: 0 10px 10px 0;
}
table.transaction-table tbody{}

table.deb-table.admin tr th:nth-child(5),
table.deb-table.admin tr td:nth-child(5){
  border-radius: inherit;
}

table.deb-table tbody tr:nth-child(2n),
table.transaction-table tbody tr:nth-child(2n) {
  background: #a6fbff
}
table.deb-table tbody tr td {
  padding:10px;
}
table.transaction-table tbody tr td{
  padding:6px;text-align: right;
}
table.transaction-table tbody tr td:nth-child(1){text-align: center}
table.transaction-table tbody tr.credit {
  background: #ffa5a5
}
table.transaction-table tbody tr td.wait {
  color: #72737c;
}

div.footer{
  margin-top:20px;
  height: 50px;
  width:100%;
  background: #051b34;
}

div.flex{
  display: flex;
  align-items: center;
}
div.grid {
  display:grid;
  row-gap: 10px
}

div.grid.bidGrid{
  grid-template-columns: 40% auto;align-items: start;justify-content: start;
}

form.newBid {
  padding:20px;background: #cdd2d9;
  border-radius: 10px;
}
form.newBid input {
  padding:10px 10px;
  font-size: 16pt;
  border-radius: 10px;
  border: 1px solid;
  max-width: 220px;
  text-align: center;
}