table {border-collapse:collapse; margin:0 0; width:100%;}
table.smaller {font-size:14px;}
td,th {border:1px solid #444; padding:2px 4px;}
th {background-color:#E8E8E8;}
th.light, td.light {background-color:#F6F6F6;}
th.green, td.green {background-color:#F6FFF6;}
th.blue, td.blue {background-color:#F6F6FF;}
td.light {color:#555; font-size:13px;}
td.morepad,th.morepad { padding:4px 8px; }
td.centered,th.centered {text-align:center;}
td.right,th.right {text-align:right;}
tr.hoverrow:hover {background:#F0F0F0;}

.titlebar {width:100hw; background-color:#03A9F4; padding:20px 8px;}

a.button { -webkit-appearance: button; -moz-appearance: button; appearance: button; text-decoration: none; color: initial; padding:2px 6px; font-family:arial;}
a.button-link { display:inline-block; color:#01529A; border:1px solid #01529A; border-radius:4px; background:#81D2FF; box-shadow: 0 0 5px -1px rgba(0,0,0,0.2); padding:4px 12px; text-align: center; text-decoration:none; }
i { border: solid black; border-width: 0 3px 3px 0; display: inline-block; padding: 3px;}
i.right { transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
i.left { transform: rotate(135deg); -webkit-transform: rotate(135deg);}

.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}