/* rating popup */

.rating-popup-wrapper {
	height: auto;
	width: 300px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 5px 10px 0 rgba(0, 0, 0, 0.1);
	position: absolute;
	top: 100px;
	left: 50px;
	z-index: 10000;
	background-color: #ffffff;
	border-radius:3px;
	margin-top: -6px;
}

.rating-popup-wrapper.no-details {
	height: auto;
}

.rating-popup-wrapper.no-details .rating-header {
	display: none;
}

.rating-popup-wrapper.no-details .review-stars-block {
	display: none;
}

.rating-popup-wrapper.no-details .user-review {
	margin-top: 0;
	border-top: none;
}

.rating-inside {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius:3px;
}

.rating-inside-arrow {
	content:"\A";
	position: absolute;
	width: 16px;
	height: 16px;
	transform: rotate(45deg);
	background-color: #fff;
	z-index: -1;
	left: 148px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}
.rating-inside-arrow.origin-top {
	top: -8px;
}
.rating-inside-arrow.origin-bottom {
	bottom: -8px;
}

.rating-inside-arrow:hover {
	cursor: pointer;
}

.rating-header {
	padding-top: 20px;
}

.rating-header .total-rating {
	height: 40px;
	width: 71px;
	color: #000000;
	font-family: Arial;
	font-size: 40px;
	font-weight: bold;
	line-height: 40px;
	text-align: center;

	margin-left: 26px;
}

.rating-header .reviews-count-text {
	height: 16px;
	width: 121px;
	color: #000000;
	font-size: 16px;
	line-height: 16px;
	vertical-align: middle;
	text-align: right;

	margin-left: 2px;
}

.rating-header .reviews-count {
	height: 15.52px;
	width: 30px;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	line-height: 15px;

	margin-left: 10px;
}

.popup-inline-elem {
	display: inline-block;
}

.review-stars-block {
	padding-top: 6px;
}

.star-small svg {
	height: 11.25px;
	width: 12px;
	margin-left: 1px;
	margin-right: 1px;
}

.rating-filling-box {
	height: 10px;
	width: 120px;
	background-color: #F5F5F5;
	margin-left: 10px;
	overflow: hidden;
}

.rating-filling-box .filled {
	height: 10px;
	background-color: #C4C4C6;
}

.star-rating-block .reviews-count {
	width: 30px;
	color: #767579;
	font-size: 14px;
	line-height: 15px;
	text-align: left;
	vertical-align: middle;

	margin-left: 10px;
	margin-top: 1px;
}

.star-rating-block {
	padding-top: 3px;
}

.stars-row svg .svg-g {
	fill: #767579;
	stroke: #767579;
}

.stars-row .chosen-rating svg .svg-g{
	fill: #0E920E;
	stroke: #0E920E;
}

.stars-row .non-chosen-rating svg .svg-g {
	fill: #C4C4C6;
	stroke: #C4C4C6;
}

.stars-row {
	text-align: right;
	width: 90px;
}

.user-review {
	background-color: #ffffff;
	margin-top: 16px;
	padding-bottom: 20px;
	border-radius:0 0 3px 3px;
	border-top: 1px solid #EBEBEB;
}

.rate-book-text {
	margin-left: 20px;
	padding-top: 6px;

	height: 16px;
	width: 117px;
	color: #000000;
	font-family: Arial;
	font-size: 16px;
	line-height: 16px;
	vertical-align: top;
}

.cover_material .bottomline-no-rating-text {
	display: none;
}

.cover_material .no-rating .bottomline-no-rating-text {
	display: inline-block;
	position: absolute;
	left: 25px;
}

.art-rating-unit .bottomline-rating {display: inline-block;}
.art-rating-unit.no-rating .rating-text-wrapper .bottomline-rating {color: #9D9C9F;}

.art-rating-unit.rating-source-litres .rating-source-icon svg g > g {fill: #FF4C00; stroke: #FF4C00;}
.art-rating-unit.rating-source-litres.no-rating .rating-source-icon svg g > g {fill: #9D9C9F;stroke: #9D9C9F;}
.art-rating-unit.rating-source-litres.is-rated .rating-source-icon svg g > g {fill: #0E920E; stroke: #0E920E;}

.rate-book-stars {padding-left: 3px; margin-top: 2px;}

.star-large svg {
	height: 22.5px;
	width: 24px;
}

.rate-book-wrapper {
	line-height: 25px;
	position: relative;
	padding-top: 18px;
}

.user-rating-star-wrapper {
	height: 22.5px;
	width: 24px;
	position: relative;
	margin-right: 5px;
}

.user-rating-star-wrapper:before {
	content: "\A";
	position: absolute;
	display: block;
	left: -7px;
	width: 7px;
	height: 25px;
}

.rate-book-stars-wrapper {
	cursor: pointer;
	height: 22.5px;
}

.rate-book-stars-wrapper.rate-book-1-star #user-rating-star-1 svg .svg-g {
	fill: #0E920E;
	stroke: #0E920E;
}

.rate-book-stars-wrapper.rate-book-2-star #user-rating-star-1 svg .svg-g, .rate-book-stars-wrapper.rate-book-2-star #user-rating-star-2 svg .svg-g {
	fill: #0E920E;
	stroke: #0E920E;
}

.rate-book-stars-wrapper.rate-book-3-star #user-rating-star-1 svg .svg-g, .rate-book-stars-wrapper.rate-book-3-star #user-rating-star-2 svg .svg-g, .rate-book-stars-wrapper.rate-book-3-star #user-rating-star-3 svg .svg-g {
	fill: #0E920E;
	stroke: #0E920E;
}

.rate-book-stars-wrapper.rate-book-4-star #user-rating-star-1 svg .svg-g, .rate-book-stars-wrapper.rate-book-4-star #user-rating-star-2 svg .svg-g, .rate-book-stars-wrapper.rate-book-4-star #user-rating-star-3 svg .svg-g, .rate-book-stars-wrapper.rate-book-4-star #user-rating-star-4 svg .svg-g {
	fill: #0E920E;
	stroke: #0E920E;
}

.rate-book-stars-wrapper.rate-book-5-star #user-rating-star-1 svg .svg-g, .rate-book-stars-wrapper.rate-book-5-star #user-rating-star-2 svg .svg-g, .rate-book-stars-wrapper.rate-book-5-star #user-rating-star-3 svg .svg-g, .rate-book-stars-wrapper.rate-book-5-star #user-rating-star-4 svg .svg-g, .rate-book-stars-wrapper.rate-book-5-star #user-rating-star-5 svg .svg-g {
	fill: #0E920E;
	stroke: #0E920E;
}

.rate-book-stars-wrapper .user-rating-star-wrapper svg .svg-g {
	fill: none;
	stroke: #9D9C9F;
}


.rate-book-stars-wrapper:hover .user-rating-star-wrapper svg .svg-g {
	fill: #0E920E;
	stroke: #0E920E;
}

.rate-book-stars-wrapper .user-rating-star-wrapper:hover ~ .user-rating-star-wrapper svg .svg-g {
	fill: none !important;
	stroke: #9D9C9F !important;
}

.review-book-wrapper {
	padding-top: 15.5px;
}

.review-book-wrapper {
	text-decoration: none;
}

.review-border {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;

	margin-left: 19px;
	margin-top: 13px;
	height: 50px;
	width: 260px;

	color: #3B393F;
	background-color: #F5F5F5;
	font-size: 14px;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
	vertical-align: middle;
	border-radius:3px;
	text-transform: uppercase;

	cursor: pointer;
}

.art-rating-unit {cursor: pointer; display: inline-block;}
.art-rating-unit .rating-source-icon svg {height: 100%; width: 100%;}

.rating-source-info .rating-source-icon {margin: 1px 10px 0 4px;width: 16px;height: 16px;display: inline-block;vertical-align: top;}
.rating-source-info .rating-source-livelib .rating-source-icon {margin: -1px 9px 0 3px; width: 20px; height: 20px;}
.rating-source-info .recenses-count .rating-source-icon {margin: 2px 0 0 6px;width: 17px;height: 17px;}

.rating-source-info .rating-text-wrapper {display: inline-block;vertical-align: top;}
.art-rating-unit .rating-text-wrapper .rating-number {color: #FF4C00;font-size: 18px;line-height: 26px; font-weight: bold; margin-top: -3px; margin-bottom: -1px;}
.rating-source-livelib.art-rating-unit .rating-text-wrapper .rating-number {color: #106EDC;}
.art-rating-unit .rating-text-wrapper .votes-count {color: #767579; font-size: 14px; line-height: 16px;}

.is-rated.art-rating-unit .rating-text-wrapper{margin: 4px 0 0 0;}
.is-rated.art-rating-unit .rating-text-wrapper .rating-number {color: #0E920E;font-size: 30px;line-height: 32px;margin: 0;}
.is-rated.art-rating-unit .rating-text-wrapper .votes-count {display:none;}
.is-rated.art-rating-unit .rating-text-wrapper .rating-source-icon {width: 24px;height: 24px;vertical-align: unset;}

.art-rating-unit.rating-source-litres {padding-right: 1px;}
.art-rating-unit.rating-source-litres.no-rating {padding-right: 12px;}
.with-livelib-ratings .art-rating-unit.rating-source-litres.no-rating {padding-right: 18px;}
.art-rating-unit.rating-source-livelib {padding: 0 0 0 11px;}
.art-rating-unit.rating-source-litres.no-rating + .divider-line + .art-rating-unit.rating-source-livelib {padding-left: 15px; padding-right: 18px;}
.art-rating-unit.rating-source-litres.no-rating + .divider-line + .art-rating-unit.rating-source-livelib + .divider-line + .recenses-unit {padding-left: 15px;}

.rating-source-info {margin: 17px 0 16px 0;}
.divider-line {display: inline-block; vertical-align: top; height: 36px; width: 1px; background: #C4C4C6; margin-left: 4px; margin-right: 4px;}

.recenses-unit {display: inline-block; vertical-align: top; text-decoration: none; padding-left: 13px;}
.with-livelib-ratings .recenses-unit {padding-left: 11px;}
.with-livelib-ratings .art-rating-unit.rating-source-litres.no-rating + .divider-line + .recenses-unit {padding-left: 9px;}
.recenses-unit .recenses-count {color: #3B393F;font-size: 18px;line-height: 20px;text-align: left;margin-bottom: 3px; font-weight: bold;}
.recenses-unit .recenses-label {color: #767579; text-align: left; font-size: 14px; line-height: 14px; text-transform: lowercase;}
.recenses-unit .recenses-count.no-reviews svg .svg-recenses {fill: #9D9C9F;}
.recenses-unit .recenses-count.no-reviews {color: #9D9C9F;}

.livelib-header {display: none;}
.rating-popup-wrapper.popup-from-source.popup-source-livelib .livelib-header {display: block; color: #767579; font-size: 16px; line-height: 20px; margin-left: 21px; margin-top: 20px; width: 267px;}
.rating-popup-wrapper.popup-from-source.popup-source-livelib .rating-header{padding-top: 1px;}
.rating-popup-wrapper.popup-from-source.popup-source-livelib .rating-header .total-rating {margin-top: 10px;}
.rating-popup-wrapper.popup-from-source.popup-source-livelib .review-stars-block {padding-top: 8px;}
.livelib-footer {display: none; text-decoration: none;}
.rating-popup-wrapper.popup-from-source.popup-source-livelib .rate-book-wrapper, .rating-popup-wrapper.popup-from-source.popup-source-livelib .review-book-wrapper {display: none;}
.rating-popup-wrapper.popup-from-source.popup-source-livelib .livelib-footer {display: block; color: #106EDC; font-size: 16px; line-height: 20px; text-align: center; padding-top: 22px; padding-right: 10px;}
.rating-popup-wrapper.popup-from-source.popup-source-livelib .user-review {padding-bottom: 17px; position: relative;}
.rating-popup-wrapper.popup-from-source.popup-source-livelib .livelib-footer:after {content: ''; position: absolute; border: solid #9d9c9f; border-width: 0 2px 2px 0; display: inline-block; padding: 4px; transform: rotate(-45deg); margin-left: 3px; margin-top: 4px;}
.rating-popup-wrapper.rating-inside-arrow {display: none;}

.rating-popup-wrapper.no-ratings .rating-header {display: none;}
.rating-popup-wrapper.no-ratings .review-stars-block {display: none;}
.rating-popup-wrapper.no-ratings .user-review {border: none;}
.rating-popup-wrapper.no-ratings {height: 120px;}
.rating-popup-wrapper.no-ratings .rate-book-wrapper {padding-top: 3px;}

.rating-popup-wrapper.popup-from-source.popup-source-livelib {height: 300px;}

.biblio_book .rating-inside-arrow { display: none; }

/* [158863] Изменение изображения рейтингов на WWW + А/Б тест */
.is-newer-rating.rating-popup-wrapper.popup-from-source{margin: 4px 0 13px 20px;}
.is-newer-rating .rating-header .total-rating {color: #FF4C00;margin-left: 25px;}
.is-newer-rating .rating-header .reviews-count {height: 16px;color: #767579;font-weight: normal;margin-left: 11px;vertical-align: middle;}
.is-newer-rating .review-stars-block {padding-top: 9px;}
.is-newer-rating.rating-popup-wrapper.popup-from-source.popup-source-livelib .review-stars-block {padding-top: 9px;}
.is-newer-rating.rating-popup-wrapper.popup-source-litres .rating-filling-box .filled.chosen-rating {background-color: #767579;}
.is-newer-rating .rating-header .reviews-count-text {color: #767579;}
.is-newer-rating .review-border {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;margin-left: 19px;margin-top: 13px;height: 50px;width: 260px;color: #3B393F;background-color: #F5F5F5;font-size: 14px;font-weight: bold;line-height: 50px;text-align: center;vertical-align: middle;border-radius: 3px;text-transform: uppercase;cursor: pointer;}
.is-newer-rating.rating-popup-wrapper.popup-from-source.popup-source-livelib .rating-header {padding-top: 20px;}
.is-newer-rating.rating-popup-wrapper.popup-from-source.popup-source-livelib .rating-header .total-rating {	position: relative;margin-top: 0;color: #106EDC;}
.is-newer-rating.rating-popup-wrapper.popup-from-source.popup-source-livelib .rating-header .total-rating:after {content: '';position: absolute;top: 3px;right: -37px;width: 34px;height: 36px;background: url(/static/litres/modules/arts/cover-material/img/livelib-logo.svg?v1) 0 0 no-repeat;}
.is-newer-rating .rating-header .rating-title {margin: 2px 50px 9px 20px;font-size: 14px;line-height: 20px;}
.is-newer-rating .user-review {margin-top: 18px;}
.is-newer-rating.rating-popup-wrapper.popup-from-source.popup-source-livelib .livelib-footer:after {content: '';position: absolute;border: solid #106EDC;border-width: 0 2px 2px 0;display: inline-block;padding: 3px;transform: rotate(-45deg);margin-left: 3px;margin-top: 6px;}
.is-newer-rating.rating-popup-wrapper .close{position:absolute; top:11px; right:24px; width:40px; height:40px; cursor:pointer; z-index:10; transform:translateX(15px); line-height: 0; font-size: 0;}
.is-newer-rating.rating-popup-wrapper .close:before, .is-newer-rating.rating-popup-wrapper .close:after{position:absolute; content:""; height:18px; width:2px; left:18px; top:10px; background:#767579; opacity:0.7; transition:all 0.3s ease 0s;}
.is-newer-rating.rating-popup-wrapper .close:hover:before, .is-newer-rating.rating-popup-wrapper .close:hover:after{opacity:1;}
.is-newer-rating.rating-popup-wrapper .close:before{transform:rotate(45deg);}
.is-newer-rating.rating-popup-wrapper .close:after{transform:rotate(-45deg);}

.rate-book-wrapper .progress-bar {
	width: 160px;
	right: 0;
	left: auto;
	background: #fff;
	height: 40px;
	top: 13px;
}
.rate-book-wrapper .progress-bar__spinner {
	background-color: #b1b0b2;
	height: 6px;
}
.rate-book-wrapper .progress-bar__spinner::before {
	background-color: #3B393F;
}