/*
Style Pack Name: Mist
Style Pack URI: http://www.mybookprogress.com/
Description: Gentle like the morning dew.
Author: Author Media
Author URI: http://www.authormedia.com
Version: 1.0.0
*/

/*---------------------------------------------------------*/
/* Subscribe Form                                          */
/*---------------------------------------------------------*/

.mbp-container a.mbp-subscribe {
	display: inline-block;
	padding: 0.3em 0.6em 0.35em;
	margin: 10px 0 0 0;

	font-size: 1.4em;
	line-height: 1;
	font-weight: bold;

	border-radius: 0.5em;
	cursor: pointer;
	text-decoration: none;
	outline: 0;

	background: #E8E8E8;
	border-bottom: 0.25em solid #C9C9C9;
	color: #505050 !important;

	box-shadow: 0 1px 4px rgba(0,0,0,0.6);

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	transition: background 0.3s, border-bottom 0.3s, color 0.3s;
}
.mbp-container a.mbp-subscribe:hover {
	background: #F5F5F5;
	border-bottom: 0.25em solid #D6D6D6;
	color: #5D5D5D !important;

	text-decoration: none;
	outline: 0;
	opacity: 1;
}

.mbp-container .mbp-subscribe-form {
	color: #5e5e5e;
	background-color: #eee;
	padding: 5px;
	box-sizing: border-box;

	border-radius: 5px;
	box-shadow: 0 1px 5px rgba(0,0,0,0.3) inset;
}

.mbp-container .mbp-subscribe-form .mbp-subscribe-message {
	padding: 0.7em 0.9em;
	font-weight: bold;
}



/*---------------------------------------------------------*/
/* Progress Display                                        */
/*---------------------------------------------------------*/

.mbp-container .mbp-book .mbp-book-progress .mbp-book-progress-barbg {
	border: none;
}

.mbp-book-radial-progress {
	width: 130px;
	height: 130px;
	background-color: #EAEAEA;
	border-radius: 50%;
	margin: auto;
}

.mbp-book-radial-progress .mbp-book-radial-progress-circle .mbp-book-radial-progress-mask,
.mbp-book-radial-progress .mbp-book-radial-progress-circle .mbp-book-radial-progress-fill,
.mbp-book-radial-progress .mbp-book-radial-progress-circle .mbp-book-radial-progress-shadow {
	width: 130px;
	height: 130px;
	position: absolute;
	border-radius: 50%;
}

.mbp-book-radial-progress .mbp-book-radial-progress-circle .mbp-book-radial-progress-mask,
.mbp-book-radial-progress .mbp-book-radial-progress-circle .mbp-book-radial-progress-fill {
	-webkit-backface-visibility: hidden;
	transition: -webkit-transform 1s;
	transition: -ms-transform 1s;
	transition: transform 1s;
	border-radius: 50%;
}

.mbp-book-radial-progress .mbp-book-radial-progress-circle .mbp-book-radial-progress-mask {
	clip: rect(0px, 130px, 130px, 65px);
}

.mbp-book-radial-progress .mbp-book-radial-progress-circle .mbp-book-radial-progress-mask .mbp-book-radial-progress-fill {
	clip: rect(0px, 65px, 130px, 0px);
	background-color: #000;
}

.mbp-book-radial-progress .mbp-book-radial-progress-label {
	width: 108px;
	height: 108px;
	position: absolute;
	margin-left: 11px;
	margin-top: 11px;
	background-color: #fbfbfb;
	border-radius: 50%;
	background: url('bg.png');
    background-position: center;
    background-size: 100%;

	padding-top: 27px;
	padding-left: 13px;
	box-sizing: border-box;
	text-align: center;
	font-family: Helvetica;
	color: #4F4F4F;
	font-weight: 600;
	font-size: 53px;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mbp-book-radial-progress .mbp-book-radial-progress-label .mbp-book-radial-progress-label-percent {
	vertical-align: .72em;
	font-size: .47em;
}