/**
 * Additional styles for the Completed Exercise Dialog
 */

#exerciseCompletedModal .modal-body {
	background: #fff;
	color: rgba(0,0,0,.5);
}
#exerciseCompletedModal .modal-body .upper-block {
	background: #62c162;
	background-image: -webkit-linear-gradient(top left, #a2f8a3, #328833); 
	background-image:    -moz-linear-gradient(top left, #a2f8a3, #328833); 
	background-image:     -ms-linear-gradient(top left, #a2f8a3, #328833); 
	background-image:      -o-linear-gradient(top left, #a2f8a3, #328833);
	background-image:         linear-gradient(top left, #a2f8a3, #328833);
	color: rgba(255,255,255,.9);
	padding: 8rem 3rem;
	width: 500px;
	height: 100px;
	overflow: hidden;
	position: relative;
}
#exerciseCompletedModal .modal-body .upper-block h1 {
	color: rgba(255,255,255,.9);
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
}
#exerciseCompletedModal .modal-body .upper-block h4 {
	color: rgba(255,255,255,.5);
}
#exerciseCompletedModal .modal-body .result-icon-wrapper {
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 2px 5px #999;
	position: relative;
	left: 50%;
	margin-left: -50px;
	top: -50px;
	width: 100px;
	height: 100px;
	padding: 20px;
}
#exerciseCompletedModal .modal-body .result-icon-wrapper img {
	width: 60px;
	height: 60px;
}
#exerciseCompletedModal .modal-footer {
	display: block;
	padding: 20px;
}