#nav {
    margin-top: 5%;
    width: 100%;
    background-color: #333333;
    padding-top: 10px;
    padding-left: 5%;
    padding-bottom: 10px;
    color: #888888
}

.navactive {
    color: #ffffff
}

.navitem {
    font-size: 3rem;
    padding-left: 0px;
    padding-right: 20px;
    font-weight: bold;
}

.tab {
    display: none;
    padding: 10px;
}

.cbox {
    width: 64px;
    height: 64px;
}

label {
    margin-right: 20px;
}

.num_input {
    width: 10%;
    margin-right: 20px;
}

#res_num {
    margin-bottom: 20px;
}

.atable {
    font-size: 1.5rem;
}

.scontainer {
    float: left
}

.atable td {
    padding-right: 20px;
}

.spell_group {
    font-size: 1.8rem;
    padding-right: 25px;
    display: block;
    clear: both;
    padding-bottom: 20px;
}

/* imports */

.spellitem {
    display: none;
    font-size: 1.3rem;
}

.spell_toc {
    padding-bottom: 4px;
    float: left;
    width: 45%;
    padding-right: 10px;
}

#toc_link {
    display: none;
    font-size: 2rem;
}

.topic {
    font-weight: bold;
}

.entryList {
    margin-top: 10px;
    justify-self: left;
}

.entryTable {
    width: 95%
}

.entryTableRow {
    text-align: left;
}

.floater {
    float: left;
    width: 49%;
}

.floatcontainer {
    width: 100%;
}

.card {
    width: 100%
}

.entryTableCol-1 {
    width: 8.3333%
}

.entryTableCol-2 {
    width: 16.66666%
}

.entryTableCol-3 {
    width: 25%
}

.entryTableCol-4 {
    width: 33.33333%
}

.entryTableCol-5 {
    width: 41.66666%
}

.entryTableCol-6 {
    width: 50%
}

.entryTableCol-7 {
    width: 58.33333%
}

.entryTableCol-8 {
    width: 66.66666%
}

.entryTableCol-9 {
    width: 75%
}

.entryTableCol-10 {
    width: 83.33333%
}

.entryTableCol-11 {
    width: 91.6666%
}

.entryTableCol-12 {
    width: 100%
}