/* !important is necessary because the Bootstrap Material Design uses it too. */

.navbar {
    margin-bottom: 2em;
    background-color: lightblue !important;
}

.no-padding {
    padding: 0 !important;
}

div.game-board {
    padding-left: 1em;
}

textarea.found-word-list {
    width: 100%;
    height: 100%;
}

div.register-login div {
    text-align: center;
}

div.main-menu {
    text-align: center;
}

div.main-menu button {
    margin-bottom: 1em;
}

.pointer {
    cursor: pointer;
}

div.row.win {
    background-color: lightgreen;
}

div.row.rejected {
    text-decoration: line-through;
}

label.radio input[type="radio"] {
    margin-right: 0.8em;
}

input.form-control.invalid-guess {
    background-color: red;
}

table.centered {
    margin-right: auto;
    margin-left: auto;
}

table.table-stats th {
    text-align: center;
    padding: .01em;
    background-color: lightgray;
    font-weight: bold;
    border-bottom-color: black;
}

table.table-stats tfoot td {
    background-color: lightgray;
    font-weight: bold;
    border-top-color: black;
}

table.table-stats td {
    padding: .1em;
}

table.table-stats td.right {
    text-align: right;
}

.submit-arrow {
    font-size: 24pt;
    font-weight: bold;
}