DigitalScholl/Learun.Framework.Ultimate V7/Learun.Application.Mobile/www/pages/AnswerTotalXZ/AnswerTotalXZ.css

  .box{
			  height: 100%;
			  width: 100%;
			  background: url(images/content.png);
			  background-repeat: no-repeat;
			  background-size: 100% 100%;
			  /* position: relative; */
		  }
		 .answertotalContent{
			position: relative;
			background-color: #FFFFFF;
			height: 70%;
			top: 25%;
			width: 93%;
			margin: 0 auto;
			border-radius: 10px;
		  }
		  .answertotalTopic{
			   width: 175px;
			   height: 175px;
			   box-shadow: #e8e7e7 0px 0px 4px 2px ;
			   border-radius: 50%;
				position: relative;
				top: 35%;
				left: 50%;
				transform: translate(-50%,-50%);
				display: flex;
				justify-content: center;
				align-items: center;
		  }
		  .answertotaScore{
			  width: 145px;
			  height: 145px;
			  border: 3px solid #f5e285;
			  border-radius: 50%;
			  display: flex;
			  justify-content: center;
			  align-items: center;
			  flex-direction:column;
		  }
		  .answertotaScore span{
			  color: #b0afaf;
			  font-size: 15px;
		  }
		  .answertotaScore p{
		  			  color: #404040;
		  			  font-size: 35px;
					  font-weight: 800;
		  }
		  .answertotalLookButton{
			  width: 80%;
			  float: none;
			  position: absolute;
			  bottom: 0%;
			  left: 50%;
			  transform: translate(-50%,-50%);
		  }
		   .answertotalLookButton p{
			  background-color: #e1bb53;
			  margin: 0 auto;
			  color: #FFFFFF;
			  border-radius: 25px;
			  font-size: 18px;
			  color: #FFFFFF;
			  width: 80%;
			  height: 36px;
			  text-align: center;
			  line-height: 36px;
			   margin-bottom: 10px;
		   }
		   .answertotalLookButton p:last-child{
			   border: 1px solid #e1bb53;
			   background-color: #FFFFFF;
			   color: #e1bb53;
			   
		   }