table {
    width: 100%;
}

th {
    text-align: left;
    color: #6728ad;
    font-weight: bold;
    line-height: 25px;
}


.arrows {
    text-align: right;
    line-height: 20px;
    font-size: 1.5em;
    display: none;
    color: #6728ad;
}

.arrows .fas {
    vertical-align: middle;
    cursor: pointer;
}

.searchinfo {
    color: #6728ad;
}

td a {
    color:#7f7f7f;
}

td a:hover {
    color:#6728ad;
}

.inventory_details {
    font-weight: bold;
    padding: 5px;
    color: #484848;
}
.author {
    width:100px;
    height:100px;
    background-color: #f2f2f2;
    border: 1px solid #dddddd;
    margin-right: 5px;
    float: left;
    text-align: center;
    font-size: 1.2em;
    cursor: pointer;
}

.active {
    border: 1px solid #1c58aa;
}

.hint {
    margin-bottom:10px;
}

.controls {
    width: 48%;
    display: inline-block;
    line-height: 2em;
}

.next {
    text-align: right;
}