body {
    font-family: Verdana;
    padding-left: 30px;
    padding-right: 30px;
}

#app-container {
    width: 100%;
}

#chinese-chars-div {
    margin: 10px;
}

#chinese-wordlist-div {
    margin: 10px;
}

.chinese-char-div {
    display: inline-block;
    margin: 2px;
    border: 3px solid #ddd;
}

.selected.chinese-char-div {
    border: 3px solid #fbb;
}

#chinese-wordlist-table {
}

#chinese-wordlist-table table {
    width: 90%;
}

table tr:nth-child(odd) td {
    background-color: #eee;
}

table tr:nth-child(even) td {
    background-color: #ddd;
}

table tr.char-word-result:nth-child(odd) td {
    background-color: #fee;
}

table tr.char-word-result:nth-child(even) td {
    background-color: #fdd;
}

.char-word-hidden-result {
    opacity: 40%;
}

#chinese-wordlist-table tr td {
    white-space: nowrap;
    text-wrap: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 10px;
    padding-right: 10px;
}

.word-result-english {
    max-width: 500px;
}