@import 'https://fonts.googleapis.com/css?family=Roboto:300,400,500';

/* A possibility to improve incremental changes, but need to change all other rem font-sizes
html {
  font-size: calc(1em + 1vw);
}
*/
body {
  padding-top: 112px;
  background-color: #FCF4D9;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 1.6rem;
}
.larger {
  font-size: 2rem;
}
.smaller {
  font-size: 1.2rem;
}
.bg-navbar {
  background-color: #FFB85F;
  color: #FF7A5A;
  font-size: 1.7rem;
}
.panel {
  background-color: #8ED2C9;
}
table td a {
  color: blue!important; /* seemed to need !important here due to bootstrap class? */
}
table td a:hover {
  color: darkred!important; /* same as above */
  background-color: aliceblue;
}
.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: #8ED2C9;
 }
.table-striped>tbody>tr>td>a {
  color: #FF7A5A;
}
.bg-even {
  background-color: #8ED2C9;
}
.bg-odd {
  background-color: #FFB85F;
}
.bg-lgrey {
  background-color: lightgrey;
}
.bg-green {
  background-color: green;
  color: white;
}
.bg-red {
  background-color: red;
  color: white;
}
.bg-blue {
  background-color: blue;
  color: white;
}
#head {
  font-size: 1.9rem;
  color: darkred;
}
table {
  width: 98%;
}
table, th, td {
  text-align:center;
}
.narrow {
  width: 6%;
}
.wide {
  width: 14%;
}
.wider {
  width: 26%;
}
.spacing-bottom {
  margin-bottom: 15px;
}
.spacing-top {
  margin-top: 15px;
}
.spacing-top-lg {
  margin-top: 25px;
}
.spacing-sides {
  margin-left: 8px;
  margin-right: 8px;
}
.required::after {
  content: " *";
  color: red;
}
.required-star::before {
  content: "* ";
  color: red;
}
.warning {
  color: red;
  font-size: 1.4rem;
  font-style: oblique;
}
.not-activated-star {
  color: red;
  font-size: 1.4rem;
}
.admin-star {
  color: red;
  font-size: 1.5rem;
}
.message-box {
  border: 1px solid black;
  width: 50%;
  margin-left: 10px;
  margin-bottom: 6px;
}
.number-column {
  width: 98%;
}
.score-input {
  width: 50px;
}
.date-input {
  width: 50px;
}
.name-col {
  width: 30%;
}
.score-col {
  width: 10%;
}
.day-date-col {
  width: 46%;
}
.date-col {
  width: 10%;
}
.day-col {
  width: 10%;
}
.small-comments {
  font-size: 0.9rem;
}
.squashed-list {
  line-height: 0.9rem;
}
.line-style {
  color: #FF7A5A;
  background-color: #FF7A5A;
  height: 4px;
  width: 90%;
}
.scroll {  
  height: 600px;
  overflow-y: scroll;  
  margin-right: 10px;
}
#profile-div {
  font-size: 1rem;
}
.red-font {
  color: red;
}
.green-font {
  color: green;
}
#stour-link {
  text-decoration: none;
}