/* Cloak elements on initial load to hide the possible display of {{ ... }}
 * Add to the app tag or to specific tags
 * To display "loading...", change to the following:
 *    [v-cloak] > * { display:none }
 *    [v-cloak]::before { content: "loading…" }
 */

/* [v-cloak] { display: none; } */
[v-cloak]::before { content: "loading…" }

body {
  background-color: rgb(51,51,51);
}

table, td, th {
  background-color:rgb(91,91,91);
  border: 5px solid rgb(91,91,91);
}

/* ----------- Setup text ----------- */
.textWhiteBoldLeft20px {
    color: white;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    font-family: Calibri, 'Gill Sans', 'Gill Sans MT', 'Trebuchet MS', sans-serif;
}

.textWhiteCentered16px {
    color: white;
    font-size: 16px;
    text-align: center;
    font-family: Calibri, 'Gill Sans', 'Gill Sans MT', 'Trebuchet MS', sans-serif;
}