.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;
}


/* compact style */
.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; /* fallback */
	max-height: 32px; /* fallback */
	-webkit-line-clamp: 2; /* number of lines to show */
	-webkit-box-orient: vertical;
}

.author.compact	{
	margin-bottom: 0;
}

progress.compact { 
	width: 40%;
}

/* long  style */
.book.long {
    margin-bottom: 20px;
}

img.long {
    margin-left: auto;
    margin-right: auto;
    height: 100px;
    display: block;
}

.title.long { 
	margin-bottom: 0;
}