body {
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: -1px 0px 0px 0px !important;
  padding: 0;
  user-select:none;
  text-shadow: 0 0 0.4vh black;
  font-family: 'Open Sans', sans-serif;
  color:#ffffff;
}
a {
  text-decoration: none;
  color: unset; 
}

/*Default Quiz*/
#default_quiz {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position:absolute;
  left:0;
  top:0;
}
#default_quiz_flow{
  //display: none;	
  width: 100%;
  //max-width:600px;
  height: 100%;
  position:absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);	
  text-align:center; 
}
#default_quiz_header {	
  //display: none;
  width: 100%;
  height: 8%;
  margin-top:-0,1%;
  position:absolute;
  top: 4%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);  
  z-index:1; 
  text-transform: uppercase; 
}	
#default_quiz_header_bg{
  width: 100%;
  height: 100%;
  position:absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);	
  background-color: #8f72f2;
  opacity: 0.85;
}	
#default_quiz_header_left_label {
  width: 30%;
  height: 35%;  
  position:absolute;
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);
  z-index: 2;
  background-image: linear-gradient(to right, rgba(203, 8, 219, 1), rgba(255, 0, 0, 0));
}
#default_quiz_header_left_label span{
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  font-weight: 300;
  color: #fff;
  font-size: 1.3vh; 
}
#default_quiz_header_right_label {
  width: 30%;
  height: 35%;
  position:absolute;
  top: 50%;
  right: 0%;
  transform: translate(0%, -50%);
  z-index: 2;
  background-image: linear-gradient(to left, rgba(203, 8, 219, 1), rgba(255, 0, 0, 0));
}
#default_quiz_header_right_label b{
  width: 100%;
  position: absolute;
  top: 50%;
  left: 60%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  font-weight: 300;
  color: #fff;
  font-size: 1.3vh; 
}

#default_quiz_header_middle_up_label {
  width: 24%;
  height: 70%; 
  position: absolute;  
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);  
  color: #fff;
  font-size: 1.8vh;
  font-weight: 300;
  z-index: 2;
}
#default_quiz_header_middle_up_label_bg {
  width: 100%;
  height: 100%; 
  position: absolute;  
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);  
  background-color: #000000;
  border-radius: 0.7vh;
  opacity: 0.3;
}
#default_quiz_header_middle_label_name{ 
  position: absolute;
  top: 22%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%); 
}
#default_quiz_header_middle_down_label {
  position: absolute;
  top: 65%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%); 
  color: #fff;
  font-size: 2.8vh;
  font-weight: 700;
  z-index: 2; 
}

/*PopUps*/
#default_quiz_popup_overlay{
  //display: none;	
  width: 200vw;
  height: 200vh;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  background-color: #000000;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  opacity: 0.7;   
}
#default_quiz_popup_bg {	
  width: 100%;
  height: 100%;  
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  background-image:url('../../assets/css/img/PopUp1.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center; 
}
#default_quiz_start_popup {
  //display: none;	
  width: 80%;
  height: 65%;  
  max-width: 600px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index: 1000;  
}

#default_quiz_start_popup_title{
  position: absolute;
  top: 8%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);  
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;		
  color:#f2d40d;
 -webkit-text-stroke-width: 1.0px; 
 -webkit-text-stroke-color: #fff;  
  text-align: center;
  font-size: 4vh;   
  z-index:6;   	
}
#default_quiz_start_popup_name{
  width: 56%;
  height: 5.5%;  
  position: absolute;
  top: 20%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);  
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;		
  color:#fff;
  text-align: center;
  font-size: 3vh;
  background-image:url('../assets/css/img/User_Connection/Pink_Label.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;     	
}
#default_quiz_start_popup_name span{ 
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);      	
}
#default_quiz_start_popup_descr{
  width: 70%;
  height: 55%;  
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);  
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;		
  color:#fff;
  text-align: center;
  font-size: 3vh;
  background-image:url('../assets/css/img/PopUp2.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;     	
}
#default_quiz_start_popup_descr span{
  width: 95%;	
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);      	
}

#default_quiz_start_popup_no_btn{
  width: 14vh;
  height: 7.5vh;
  position: absolute;
  top: 87%;
  left: 25%;
  margin-right: -50%;
  transform: translate(-50%, -50%); 
  text-align: center;
  color: #fff;
  font-size: 1.5vh;
  z-index: 6;
  background-image:url('../assets/css/img/L_UI_Btn2.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;		
}
#default_quiz_start_popup_no_btn:active {	
  background-image:url('../assets/css/img/L_UI_Btn2_Active.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-size: 1.4vh;
}
#default_quiz_start_popup_no_btn span{	
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  user-select:none;
  text-transform: uppercase;  
}
#default_quiz_start_popup_yes_btn{
  width: 14vh;
  height: 7.5vh;	
  position: absolute;
  top: 87%;
  right: 25%;
  margin-left: -50%;
  transform: translate(50%, -50%); 
  text-align: center;
  color: #fff;
  font-size: 1.5vh;
  z-index: 6;
  background-image:url('../assets/css/img/L_UI_Btn.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;		
}
#default_quiz_start_popup_yes_btn:active {
  background-image:url('../assets/css/img/L_UI_Btn_Active.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-size: 1.4vh;
}
#default_quiz_start_popup_yes_btn span{	
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  user-select:none;
  text-transform: uppercase;
}

/*Quiz Result*/
#default_quiz_result_popup {
  display: none;
  width: 95%;
  height: 88%;  
  max-width: 600px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index: 999; 
  text-align:center;
}
#default_quiz_result_popup span{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  font-family: 'Open Sans', sans-serif;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
}
#default_quiz_result_popup_title{
  width: 100%;
  height: 7%;
  position: absolute;
  top: 14%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);  
  font-weight: 700;		
  color:#ffffff;
  text-align: center;
  font-size: 3vh;
  background-image:url('../../assets/css/img/menu/menu_active_page_btn_bg.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center; 
  text-transform: uppercase;		
}
#default_quiz_result_popup_descr{
  width: 90%;
  height: 15%;	
  position: absolute;  
  top: 70%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%); 
  font-weight: 500;
  font-size: 2.5vh;     	
}
#default_quiz_result_popup_descr b{
  font-weight: 500;    	
}
#default_quiz_result_popup_result{	
  width: 40%;
  height: 30%;  
  position: absolute;
  top: 43%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  background-color:#cb08db;
  border-radius: 1vh;    	
}
#default_quiz_result_popup_text{
  width: 140%;
  height: 35%;  	
  position: absolute;
  top: 15%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  font-weight: 700;		
  background-color:#8f72f2;
  border-radius: 1vh; 
  font-size: 2.2vh;
  text-transform: uppercase;   
}
#default_quiz_result_popup_value{
  position: absolute;
  top: 48%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  font-weight: 300;		
  font-size: 2.4vh;   
}
#default_quiz_result_popup_points{  	
  position: absolute;
  top: 75%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);f;
  font-weight: 700;		
  font-size: 8vh;   
}
#default_quiz_result_popup_finish_btn{
  width: 45%;
  height: 8%;
  position: absolute;
  top: 85%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%); 
  color: #ffffff;
  font-size: 1.8vh;
  z-index: 6;
  border-radius: 1vh;
  border: 0.3vh solid #27f697; 
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;		
  text-transform: uppercase;	
}
#default_quiz_result_popup_finish_btn:active {
  border: 0.2vh solid #ffffff; 
}
#default_quiz_result_popup_finish_btn span{	
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  user-select:none;
  text-transform: uppercase;
}