.progress-wrapper {
overflow: hidden; 
margin-top: 5px;
}
.progress { 
border: 1px solid darkgrey;
height: 10px;
background-color: whitesmoke;
overflow: hidden;
float: left;
border-radius: 15px;
width: 75%;
}
.progress-color	{
background-color: grey;
}
.progress-text {
float: left;
font-size: 11px;
margin-top: -2px;
margin-right: 0px;
margin-left: 5px;
} .book.compact {
height: 105px;
}
img.compact { 
margin-right: 5px;
margin-bottom: 5px;
height: 100px; 
float: left; 
display: block;
}
.title.compact { 
font-weight: bold;
margin-bottom: 0;
word-break: break-word;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
line-height: 16px; max-height: 32px; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.author.compact	{
margin-bottom: 0;
}
progress.compact { 
width: 40%;
} .book.long {
margin-bottom: 20px;
}
img.long {
margin-left: auto;
margin-right: auto;
height: 100px;
display: block;
}
.title.long { 
margin-bottom: 0;
}