/******** REFERRAL OVERLAY ***********/
#overlay2 {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url("../img/1.jpg");
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-size:cover;
	animation: animatedBackground 40s linear infinite;
	z-index: 101;
	cursor: pointer;
	overflow:scroll;	
}
#text2{
	position: absolute;
	padding:5px;
	font-size: 16px;
	color: #000;
	overflow:scroll;
	width:100%;	
	top:20%;				   
}
#referral_header
{
	font-size:24px;
	text-align:center;
	
}
.referralCongrats
{
	background:rgba(0,0,0,0.5);
	color:#fff;
}
.coins
{
	background-image:url('../img/coins.gif')!important;
	background-size:cover;
	background-position:center center;
}
.referralSubmitBtn
{
	width:50%;
	background: #3498db;
	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	background-image: -o-linear-gradient(top, #3498db, #2980b9);
	background-image: linear-gradient(to bottom, #3498db, #2980b9);
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	border-radius: 18px;
	font-family: Arial;
	color: #ffffff;
	font-size: 12px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
}
.referralSubmitBtn:hover
{
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	text-decoration: none;
}
/* INPUT BOX */
#referral_code
{
	width:50%;
	
}
/* SKIP BUTTON */
.referral_bottom
{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	color:#fff;
}
#referralSkipBtn
{
	width:100%;
	height:50px;
	border:none;
	background:#007c91;
}
/******** RESULT OVERLAY ***********/
#overlayResult {
display:none;
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 47px;
left: 0;
right: 0;
bottom: 0;
background-color: #EDE7F6;
z-index: 101;
cursor: pointer;
overflow:scroll;	

}
#textResult{
position: absolute;
padding:5px;
font-size: 16px;
color: #000;
overflow:scroll;
width:100%;					   
}
#overlayQuiz {
display:none;
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 47px;
left: 0;
right: 0;
bottom: 0;
background-color: #EDE7F6;
z-index: 101;
cursor: pointer;
overflow:scroll;	

}
#textQuiz{
position: absolute;
padding:5px;
font-size: 16px;
color: #000;
overflow:scroll;
width:100%;					   
}
#overlayQuizContent {
display:none;
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 47px;
left: 0;
right: 0;
bottom: 0;
background-color: #EDE7F6;
z-index: 101;
cursor: pointer;
overflow:scroll;	

}
#textQuizContent{
position: absolute;
padding:5px;
font-size: 16px;
color: #000;
overflow:scroll;
width:100%;					   
}
#signin_overlay {
position: fixed;
display:none;
width: 100%;
height: 100%;
top: 0px;
left: 0;
right: 0;
bottom: 0;
z-index: 110;
cursor: pointer;
overflow:scroll;
background: #00d2ff;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #3a7bd5, #00d2ff);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #3a7bd5, #00d2ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


color:#fff;

}
#signin_content{
position:fixed;
color:#fff;
width: 100%;
bottom:13%;
cursor:pointer;

}

#signin_content img
{
max-width:75%;
height:40px;
}
#signin_content button
{
width:75%;
}
#signin_note
{
	position:fixed;
	bottom:5%;
	width:100%;
}
#text2 hr
{
background:#000;

}
#overlay3 {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 47px;
left: 0;
right: 0;
bottom: 0;
background-color:#FCE4EC;
z-index: 101;
cursor: pointer;
overflow:scroll;
text-align:center;
}
#text3{
position: absolute;    
padding:5px;
font-size: 16px;
color: #000;
overflow:scroll;
width:100%;
height:80%;

}
#bottom_about
{
position: absolute; 
bottom:0px;
padding:5px;
font-size: 16px;
color: #000;
overflow:scroll;
width:100%;
height:20%;
text-align:center;
}
input[type=text]
{
border-radius:5px;
height:100%;
}
.btn
{
width:100%;
margin-top:1%;
}
.bar
{
padding:8% 0%;
}
#bar1
{
padding:2% 4%;
}
.slide-top
{
padding-top:57px;
}
.mainSwiper
{
width:100%;


top:47px;
height:90vh;
}
.mainSwiper .swiper-slide
{
overflow-y:scroll;
}


.swiper-intro-recents
{
height:150px;
width:100%;

}
.swiper-intro-recents img
{
height:100%;
width:100%;
}

.swiper-wrapper .swiper-slide
{
background-size:cover;
}
.swiper-intro
{
z-index:101;
top:0px;
height:23vh;
width:100%;
box-shadow: 0 8px 6px -6px #ccc;
background-image:url('../img/initialIntro.png');
background-repeat: no-repeat; 
background-position: center center; 
background-size:cover;
}
.swiper-intro img
{
height:100%;
width:100%;
}
.copy_code_btn
{
background: #3498db;
background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
background-image: -moz-linear-gradient(top, #3498db, #2980b9);
background-image: -ms-linear-gradient(top, #3498db, #2980b9);
background-image: -o-linear-gradient(top, #3498db, #2980b9);
background-image: linear-gradient(to bottom, #3498db, #2980b9);
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 18px;
font-family: Arial;
color: #ffffff;
font-size: 12px;
padding: 10px 20px 10px 20px;
text-decoration: none;
}
.copy_code_btn:hover
{
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
text-decoration: none;
}
.profile_card
{
margin-top:5px;

padding:2px;
}
.profile_name
{
font-size:14px;
vertical-align:middle;
word-wrap:break-word;
}
.stats
{
padding:5px;	
}
#resultOutput
{
position:relative;

}
.iframeZoomOut
{

width:200%;
height:600px;
border: 0;
-ms-transform: scale(0.5);
-moz-transform: scale(0.5);
-o-transform: scale(0.5);
-webkit-transform: scale(0.5);
transform: scale(0.5);

-ms-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.iframeZoomIn
{

width:100%;
height:600px;

}

.resultBtn {
background: #3498db;
background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
background-image: -moz-linear-gradient(top, #3498db, #2980b9);
background-image: -ms-linear-gradient(top, #3498db, #2980b9);
background-image: -o-linear-gradient(top, #3498db, #2980b9);
background-image: linear-gradient(to bottom, #3498db, #2980b9);
-webkit-border-radius: 7;
-moz-border-radius: 7;
border-radius: 7px;
font-family: Arial;
color: #ffffff;
font-size: 20px;
padding: 10px 20px 10px 20px;
text-decoration: none;
}

.resultBtn:hover {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
text-decoration: none;
}
#buttonResult
{
display:none;
}

.add_phonenumber_btn
{
	border:1px solid #7d99ca; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #A5B8DA; background-image: -webkit-gradient(linear, left top, left bottom, from(#A5B8DA), to(#7089B3));
 background-image: -webkit-linear-gradient(top, #A5B8DA, #7089B3);
 background-image: -moz-linear-gradient(top, #A5B8DA, #7089B3);
 background-image: -ms-linear-gradient(top, #A5B8DA, #7089B3);
 background-image: -o-linear-gradient(top, #A5B8DA, #7089B3);
 background-image: linear-gradient(to bottom, #A5B8DA, #7089B3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#A5B8DA, endColorstr=#7089B3);
}
.add_phonenumber_btn:hover
{
	border:1px solid #5d7fbc;
 background-color: #819bcb; background-image: -webkit-gradient(linear, left top, left bottom, from(#819bcb), to(#536f9d));
 background-image: -webkit-linear-gradient(top, #819bcb, #536f9d);
 background-image: -moz-linear-gradient(top, #819bcb, #536f9d);
 background-image: -ms-linear-gradient(top, #819bcb, #536f9d);
 background-image: -o-linear-gradient(top, #819bcb, #536f9d);
 background-image: linear-gradient(to bottom, #819bcb, #536f9d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#819bcb, endColorstr=#536f9d);
}
.about a i
{
font-size:2em;
margin-right:0.5em;
margin-left:0.5em;

}
.ChangeActBtn {
padding-top:5px;
padding-bottom:5px;
border-radius:5px;
border-style:solid;
border-width:1px;
background:#eee;
}

.ChangeActBtn:hover {
background:#aaa;
}

/* On mouse-over, add a deeper shadow */
.card:hover {
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

/* Add some padding inside the card container */
.container {
padding: 2px 16px;
}
.card {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
border-radius: 5px; /* 5px rounded corners */
background:#fff;
}
.card .container p
{
	overflow:scroll;
	word-wrap: break-word;
}

.community
{
padding:0px 6px;
}
.postDate
{
font-size:12px;
}
@keyframes animatedBackground {
from { background-position: 0 0; }
to { background-position: 100% 0; }
}
#overlayQuiz	{ 

background-image: url("../img/1.jpg");
background-position: 0px 0px;
background-repeat: repeat-x;
background-size:cover;
animation: animatedBackground 40s linear infinite;
}
.quiz_content img
{
	width:100%;
}
.quiz_content .card
{
background:#fff;
}
.quiz_questions
{
position:fixed;
height:87vh;
overflow:scroll;
width:97%;
}

#quizCards
{
position:fixed;
height:78vh;
overflow:scroll;
width:97%;
}
.quizResult
{
text-align:center;

}
.quizTitleCards
{
background:rgba(255,255,255,0.5);
margin-bottom:3px;
}
.choice
{
margin-bottom:5px;
}
#overlayGpaCalc {
display:none;
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 47px;
left: 0;
right: 0;
bottom: 0;
background-color: #EDE7F6;
z-index: 101;
cursor: pointer;
overflow:scroll;	

}
#textGpaCalc{
position: absolute;
padding:5px;
font-size: 16px;
color: #000;
overflow:scroll;
width:100%;					   
}
#overlayGpaCalcRes {
display:none;
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 47px;
left: 0;
right: 0;
bottom: 0;
background-color: #EDE7F6;
z-index: 101;
cursor: pointer;
overflow:scroll;	

}
#textGpaCalcRes{
position: absolute;
padding:5px;
font-size: 16px;
color: #000;
overflow:scroll;
width:100%;					   
}
#overlayCgpaCalc {
display:none;
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 47px;
left: 0;
right: 0;
bottom: 0;
background-color: #EDE7F6;
z-index: 101;
cursor: pointer;
overflow:scroll;	

}
#textCgpaCalc{
position: absolute;
padding:5px;
font-size: 16px;
color: #000;
overflow:scroll;
width:100%;					   
}
#overlayCgpaCalcRes {
display:none;
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 47px;
left: 0;
right: 0;
bottom: 0;
background-color: #EDE7F6;
z-index: 101;
cursor: pointer;
overflow:scroll;	

}
#textCgpaCalcRes{
position: absolute;
padding:5px;
font-size: 16px;
color: #000;
overflow:scroll;
width:100%;					   
}
.gpa_result_container div
{
	margin-bottom:5px;
}
.cgpa_result_container div
{
	margin-bottom:5px;
}
.gpaBtn
{
	box-shadow: rgb(225, 132, 243) 0px 1px 0px 0px inset; background: linear-gradient(rgb(193, 35, 222) 5%, rgb(162, 13, 189) 100%) rgb(193, 35, 222); border-radius: 6px; border: 1px solid rgb(165, 17, 192); display: inline-block; cursor: pointer; color: rgb(255, 255, 255); font-family: Arial; font-size: 15px; font-weight: bold; padding: 6px 24px; text-decoration: none; text-shadow: rgb(155, 20, 179) 0px 1px 0px;
}
/* 5 star rating */
.review_box
{
	
	display:none;
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background:rgba(0,0,0,0.5);
	z-index: 101;
	cursor: pointer;
	overflow:scroll;	

}
.review_box_text
{
	position: absolute;
	padding:10px;
	top:27%;
	font-size: 16px;
	color: #000;
	overflow:scroll;
	width:90%;	
	left:5%;
	background:#fff;
	border-radius:5px;
}
.feedback_box
{
	display:none;
}
#appReviewSubBtn
{
	 background: #c6d934;
  background-image: -webkit-linear-gradient(top, #c6d934, #adbf26);
  background-image: -moz-linear-gradient(top, #c6d934, #adbf26);
  background-image: -ms-linear-gradient(top, #c6d934, #adbf26);
  background-image: -o-linear-gradient(top, #c6d934, #adbf26);
  background-image: linear-gradient(to bottom, #c6d934, #adbf26);
  -webkit-border-radius: 18;
  -moz-border-radius: 18;
  border-radius: 10px;
  font-family: Arial;
  color: #000;
  font-size: 18px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
	display:none;
	
}
#appReviewSubBtn:hover
{
	background: #fc9f3c;
  background-image: -webkit-linear-gradient(top, #fc9f3c, #cc7f4b);
  background-image: -moz-linear-gradient(top, #fc9f3c, #cc7f4b);
  background-image: -ms-linear-gradient(top, #fc9f3c, #cc7f4b);
  background-image: -o-linear-gradient(top, #fc9f3c, #cc7f4b);
  background-image: linear-gradient(to bottom, #fc9f3c, #cc7f4b);
  text-decoration: none;
}
#playstore_review_req
{
	display:none;
}

div.stars {
  width: 270px;
  display: inline-block;
}

input.star { display: none; }

label.star {
  float: right;
  padding: 10px;
  font-size: 36px;
  color: #444;
  transition: all .2s;
}

input.star:checked ~ label.star:before {
  content: '\f005';
  color: #FD4;
  transition: all .25s;
}

input.star-5:checked ~ label.star:before {
  color: #FE7;
  text-shadow: 0 0 20px #952;
}

input.star-1:checked ~ label.star:before { color: #F62; }

label.star:hover { transform: scale(1.3); }

label.star:before {
  content: '\f006';
  font-family: FontAwesome;
}

#overlayGroup {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0px;
left: 0;
right: 0;
bottom: 0;
background-color: #eee;
z-index: 101;
cursor: pointer;
overflow:scroll;	

}
#textGroup{
position: absolute;
padding:5px;
font-size: 16px;
color: #000;
overflow:scroll;
width:100%;	
background:#fff;				   
}
#gChat_mContainer
{
	position:fixed;
	height:auto;
	bottom:60px;
	top:47px;
	overflow-y:scroll;
	width:100%;
}

/* Demonstrate a "mostly customized" scrollbar
 * (won't be visible otherwise if width/height is specified) */
#gChat_mContainer::-webkit-scrollbar {
  display:block!important;
  background-color: #aaa; /* or add it to the track */
  width:10px;
  
}
/* Add a thumb */
#gChat_mContainer::-webkit-scrollbar-thumb {
    background: #333; 
}
#createGroupBtn
{
	 background: #2cbd8d;
  background-image: -webkit-linear-gradient(top, #2cbd8d, #2bb84c);
  background-image: -moz-linear-gradient(top, #2cbd8d, #2bb84c);
  background-image: -ms-linear-gradient(top, #2cbd8d, #2bb84c);
  background-image: -o-linear-gradient(top, #2cbd8d, #2bb84c);
  background-image: linear-gradient(to bottom, #2cbd8d, #2bb84c);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  text-shadow: 1px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 18px;
  padding: 10px 20px 10px 20px;
  border: dotted #189e68 3px;
  text-decoration: none;
  width:100%;
  margin-bottom:3px;
}
#createGroupBtn:hover
{
	 background: #bc3cfc;
  background-image: -webkit-linear-gradient(top, #bc3cfc, #782394);
  background-image: -moz-linear-gradient(top, #bc3cfc, #782394);
  background-image: -ms-linear-gradient(top, #bc3cfc, #782394);
  background-image: -o-linear-gradient(top, #bc3cfc, #782394);
  background-image: linear-gradient(to bottom, #bc3cfc, #782394);
  text-decoration: none;
}
.finishBtn {
  background: #34d97b;
  background-image: -webkit-linear-gradient(top, #34d97b, #2bb87f);
  background-image: -moz-linear-gradient(top, #34d97b, #2bb87f);
  background-image: -ms-linear-gradient(top, #34d97b, #2bb87f);
  background-image: -o-linear-gradient(top, #34d97b, #2bb87f);
  background-image: linear-gradient(to bottom, #34d97b, #2bb87f);
  -webkit-border-radius: 19;
  -moz-border-radius: 19;
  border-radius: 19px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.finishBtn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
#overlayWriteAnswer {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 47px;
left: 0;
right: 0;
bottom: 0;
background:rgba(0,0,0,0.5);
z-index: 101;
cursor: pointer;
overflow:scroll;	

}
#textWriteAnswer{
position: absolute;
padding:5px;
font-size: 16px;
color: #000;
overflow:scroll;
width:100%;		
			   
}
#writeAnswerContent
{
	background:#fff;
border-radius:5px;
}
#writeAnswerInput
{
	padding:10px;
}

#writeAnswerInputDirect
{
	padding:0px 10px;
}


#overlayAllAnswer {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 47px;
left: 0;
right: 0;
bottom: 0;
background:rgba(0,0,0,0.5);
z-index: 101;
cursor: pointer;
overflow:scroll;	

}
#textAllAnswer{
position: absolute;
padding:5px;
font-size: 16px;
color: #000;
overflow:scroll;
width:100%;		
			   
}
#AllAnswerContent
{
	background:#fff;
	border-radius:5px;
}
#AllAnswerInput
{
	padding:10px;
	height:60vh;
	overflow:scroll;
}
.postBottomRow div
{
		padding:1px;
		
}
#overlayNotifications {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 47px;
left: 0;
right: 0;
bottom: 0;
background:rgba(0,0,0,0.5);
z-index: 101;
cursor: pointer;
overflow:scroll;	

}
#textNotifications{
position: absolute;
padding:5px;
font-size: 16px;
color: #000;
overflow:scroll;
width:100%;		
			   
}
#AllNotifications
{
	background:#fff;
	border-radius:5px;
}
#notificationContent
{
	padding:10px;
	height:80vh;
	overflow:scroll;
}
#overlayWriteReport {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 47px;
left: 0;
right: 0;
bottom: 0;
background:rgba(0,0,0,0.5);
z-index: 101;
cursor: pointer;
overflow:scroll;	

}
#textWriteReport{
position: absolute;
padding:5px;
font-size: 16px;
color: #000;
overflow:scroll;
width:100%;		
			   
}
#writeReportContent
{
	background:#fff;
border-radius:5px;
}
#writeReportInput
{
	padding:10px;
}
#overlayDeletePost {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 47px;
left: 0;
right: 0;
bottom: 0;
background:rgba(0,0,0,0.5);
z-index: 101;
cursor: pointer;
overflow:scroll;	

}
#textDeletePost{
position: absolute;
padding:5px;
font-size: 16px;
color: #000;
overflow:scroll;
width:100%;		
top:45%;		   
}
#deletePostContent
{

background:#fff;
border-radius:3px;
padding:10px;
}

#overlayConfirmGroupOption {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0px;
left: 0;
right: 0;
bottom: 0;
background:rgba(0,0,0,0.5);
z-index: 101;
cursor: pointer;
overflow:scroll;	

}
#textConfirmGroupOption{
position: absolute;
padding:5px;
font-size: 16px;
color: #000;
overflow:scroll;
width:100%;		
top:45%;		   
}
#confirmGroupOption
{

background:#fff;
border-radius:3px;
padding:10px;
}

#overlayAddMem {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0px;
left: 0;
right: 0;
bottom: 0;
background:rgba(0,0,0,0.5);
z-index: 101;
cursor: pointer;
overflow:scroll;	

}
#textAddMem{
position: absolute;
padding:5px;
font-size: 16px;
color: #000;
overflow:scroll;
width:100%;				   
}
#contentAddMem
{

background:#fff;
border-radius:5px;
padding:15px;
height:90vh;
overflow:scroll;
}
.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Show more';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Show less';
}

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 3px;
  color: #666;
  font-size: 9px;
  line-height: 2;
  border: 1px solid #ddd;
  border-radius: .25em;
  
}

.quizNotice
{
	background:rgba(255,255,255,0.6);
	border-radius:5px;
	padding:5px;
}

#overlayViewMem {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0px;
left: 0;
right: 0;
bottom: 0;
background:rgba(0,0,0,0.5);
z-index: 101;
cursor: pointer;
overflow:scroll;	

}
#textViewMem{
position: absolute;
padding:5px;
font-size: 16px;
color: #000;
overflow:scroll;
width:100%;				   
}
#contentViewMem
{

background:#fff;
border-radius:5px;
padding:15px;
height:90vh;
overflow:scroll;
}
#userReferrals
{
	background:#fff;
	border-radius:5px;
}
#bottomFeedAd
{
	position:fixed;
	display:none;
	bottom:0px;
	height:30vh;
	z-index:101;
	width:100%;
	padding:0% 10%;
}
#bottomFeedAd img
{
	width:100%;
	height:100%;
}
#closeBtnFeedAd
{
	display:none;
	position:fixed;
	bottom:27vh;
	right:10.5%;
	font-size:16px;
	z-index:101;
}

/************************ WALLET OVERLAY ***************/

#walletOverlay {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0px;
left: 0;
right: 0;
bottom: 0;
background:rgba(0,0,0,0.5);
z-index: 101;
cursor: pointer;
overflow:scroll;	
}
#walletText{
position: absolute;
padding:5px;
font-size: 16px;
color: #000;
overflow:scroll;
width:100%;		
}
.walletDetails
{
	background:#fff;
	border-radius:5px;
	
}
.innerWalletDetails
{
	height:92vh;
	overflow:scroll;
}
.walletCloseBar
{
	
	background:#0086b3;  
	border-radius: 5px 5px 0px 0px;
	padding:5px;
	text-shadow: 1px 1px 1px #000000;
	color:#fff;
}
.walletCloseBar i 
{
	text-shadow: 1px 1px 1px #000000;
	color:#fff;
}
.homepageChooser
{
	position:fixed;
	display:none;
	z-index:100;
	width:100%;
	top:0;
	bottom:0;
	height:100vh;
	background:#fff;
	background-image:url('../img/blurred.png');
	background-size:cover;
	background-position:center center;
	color:#fff;
	padding-top:10vh;
}
.homepageChooser .row
{
	
	
}
.homepageChooser .row ul li
{
	color:#000;
	padding:0px;	
}
.homepageChooserRight
{
	padding:5px;
	
}
.homepageChooserRight:hover
{
	background:#ccf;
	
}
.homepageChooserLeft
{
	
	padding:5px;
	
}
.homepageChooserLeft:hover
{
	background:#ccf;
	
}
.homepageContent
{
	border-style:solid;
	border-width:1px;
	border-radius:5px;
	border-color:#ccc;
	box-shadow:2px 2px 2px #ccc;
	padding:5px;
}
#homepageDefaultChkBtnRight
{
	margin:0;
}
#homepageDefaultChkBtnLeft
{
	margin:0;
}
.homepage_header
{
	font-size:20px;
	
}
#signUpOverlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 101;
	background:#ffdd71;
	overflow:scroll;	
}
#signUpText{
	position: absolute;
	padding:5px;
	font-size: 16px;
	color: #000;
	overflow:scroll;
	width:100%;	
				   
}
#userPhotoPrev img
{
	max-width:100%;
}
.slideUpShow
{
	
	animation: slideUpShow 1s ease;
	animation-fill-mode: forwards; 
	
}
@keyframes slideUpShow {
	from {
		transform:translateY(100%);
	}
	to {
		transform:translateY(0);
		
	}
}
.slideDownHide
{
	animation: slideDownHide 1s ease;
	animation-fill-mode: forwards;  
}
@keyframes slideDownHide {
	from {
		transform:translateY(0%);
	}
	to {
		transform:translateY(100%);
		display:none;
	}
}