﻿.b-postroll {

}

.b-postroll__result {
	margin: 10px 0 30px;
	width: 900px;
	height: auto;
	border-radius: 4px;
	display: table;
	position: relative;
}

.m-postroll__result-passed {
	border: solid 1px #9bc663;
	background: #d7f5af;
}

.m-postroll__result-failed {
	border: solid 1px #cb9898;
	background: #ffd1d4;
}

.b-test_result {
	width: 50%;	
	display: table-cell;
	padding: 20px;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.b-test_result__icon {
	float: left;
	margin-right: 15px;
}

.b-test_result__body {
	width: 325px;
	display: inline-block;
}

.m-postroll__result-failed .b-test_result__body {
	width: 300px;
}

.b-test_result__title {
	margin: 5px 0 10px;
	color: #528212;
	font-weight: bold;
	font-size: 20px;
}

.m-postroll__result-failed .b-test_result__title {
	color: #b50000;
}

.b-test_result__tries {
	margin-bottom: 10px;
	color: #666666;
	font-size: 14px;
}

.b-course_try_again__link {
	border-bottom: 1px dashed; 
	text-decoration: none; 
	cursor: pointer;
	color: #005da1;
	font-size: 14px;
	font-weight: normal;
	width: 250px;
	height: 15px;
}
.b-course_try_again__link:hover {
	color: #A01B28
}

.m-course_try_again__link-small {
	font-size: 13px;
}

.b-course_try_again__icon {
	display: inline-block;
	margin: 5px 3px -2px 0;
	width: 15px;
	height: 13px;
}

.b-bonus_award {
	width: 50%;	
	padding: 20px;
	display: table-cell;
	vertical-align: top;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.m-postroll__result-failed .b-bonus_award {
	border-left: dashed 1px #cb9898;
}

.m-postroll__result-passed .b-bonus_award {
	border-left: dashed 1px #9bc663;
}

.b-bonus_award__title {
	margin-top: 5px;
	color: #333333;
	font-weight: bold;
	font-size: 20px;
}

.b-bonus_award__medals {
	margin: 10px 0 15px;	
}

.b-bonus_text {
	margin-right: 5px;
	color: #666666;
	font-size: 14px;
}

.b-bonus_coins {
	margin-right: 10px;
	color: #333333;
	font-weight: bold;
	font-size: 14px;
}

.b-bonus_coins:before {
	content:'';
	display: inline-block;
	margin: 0 5px -9px 0;
	width: 29px;
	height: 29px;
	background: url(/resources/trainingHtml/img-player/ico_coin_small.png) no-repeat 0 0;
}

.b-bonus_certificate {
	color: #333333;
	font-weight: bold;
	font-size: 14px;
	position: relative;
}

.b-bonus_certificate:before {
	content:'';
	display: inline-block;
	margin: 0 5px -9px 0;
	width: 29px;
	height: 29px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(/resources/trainingHtml/img-player/certificates/empty.png);
}

.m-bonus_certificate-country:before {
	background-image: url(/resources/trainingHtml/img-player/certificates/country.png);
}

.m-bonus_certificate-2_1:before {
	background-image: url(/resources/trainingHtml/img-player/certificates/2_1.png);
}

.m-bonus_certificate-2_2:before {
	background-image: url(/resources/trainingHtml/img-player/certificates/2_2.png);
}

.m-bonus_certificate-2_3a:before {
	background-image: url(/resources/trainingHtml/img-player/certificates/2_3a.png);
}

.m-bonus_certificate-2_3b:before {
	background-image: url(/resources/trainingHtml/img-player/certificates/2_3b.png);
}

.m-bonus_certificate-2_3d:before {
	background-image: url(/resources/trainingHtml/img-player/certificates/2_3d.png);
}

.m-bonus_certificate-2_4:before {
	background-image: url(/resources/trainingHtml/img-player/certificates/2_4.png);
}

.m-bonus_certificate-2_5:before {
	background-image: url(/resources/trainingHtml/img-player/certificates/2_5.png);
}

.m-bonus_certificate-2_6:before {
	background-image: url(/resources/trainingHtml/img-player/certificates/2_6.png);
}

.m-bonus_certificate-2_7:before {
	background-image: url(/resources/trainingHtml/img-player/certificates/2_7.png);
}

.m-bonus_certificate-2_8:before {
	background-image: url(/resources/trainingHtml/img-player/certificates/2_8.png);
}

.m-bonus_certificate-5_1:before {
	background-image: url(/resources/trainingHtml/img-player/certificates/5_1.png);
}

.m-bonus_certificate-5_2:before {
	background-image: url(/resources/trainingHtml/img-player/certificates/5_2.png);
}

.m-bonus_certificate-5_3:before {
	background-image: url(/resources/trainingHtml/img-player/certificates/5_3.png);
}

.m-bonus_certificate-5_4:before {
	background-image: url(/resources/trainingHtml/img-player/certificates/5_4.png);
}

.m-bonus_certificate-5_5:before {
	background-image: url(/resources/trainingHtml/img-player/certificates/5_5.png);
}

.m-bonus_certificate-5_6:before {
	background-image: url(/resources/trainingHtml/img-player/certificates/5_6.png);
}

.m-bonus_certificate-5_7:before {
	background-image: url(/resources/trainingHtml/img-player/certificates/5_7.png);
}

.m-bonus_certificate-5_10:before {
	background-image: url(/resources/trainingHtml/img-player/certificates/5_10.png);
}

.b-bonus_award__text {
	margin-bottom: 20px;
	color: #333333;
	font-size: 14px;
}

.b-postroll_next_btn {
	margin-bottom: 5px;
	height: 32px;
	padding: 0 20px;
	font-size: 15px;
	line-height: 14px;
}

.b-failed_try_again {
	margin-bottom: 5px;
	height: 32px;
	padding: 0 20px;
	font-size: 15px;
	line-height: 14px;
}

.b-guidance_courses {
	margin: 20px -15px 50px;
}

.b-guidance_courses .b-group_course {
	margin: 0 15px;
}

.b-guidance_title {
	font-weight: bold;
	font-size: 18px;
	color: #333333;
	margin-bottom: 20px;
}

@media screen and (max-width: 999px) {
	.b-postroll__result,
	.b-test_result,
	.b-bonus_award {
		width: 100%;
		display: block;
	}

	.m-postroll__result-passed .b-bonus_award {
		border-left: none;
		border-top: dashed 1px #9bc663;
	}

}
