//@import "fonts/stylesheet1.css";
//@import "fonts/stylesheet2.css";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800);


$color_bg : #00a87f;
$color_home : #ffffff;
$color_basetext:#000000;
$color_2 : #aa0fff;

$color_1 : #b7e7db;
a{
	text-decoration: none;
}
body{
	font-family: 'Open Sans', sans-serif;
	//font-family: 'dejavu_sanscondensed','sans-serif' !important;
}
@mixin centerit() {
  	margin:0 auto;
	display: block;
}

.ui-btn{
	border:0;
}
.center-wrapper{
	text-align: center;
}
.center-wrapper * {
	margin: 0 auto;
}


.center-it{
	@include centerit();
}

.ui-listview{
	li {
	    -webkit-transform : translateZ(0);
	    -o-transform : translateZ(0);
	    -moz-transform : translateZ(0);
	    transform : translateZ(0);
	}

}

.loginPage{
	.ui-content{
		padding:2em;
	}
	background-color:$color_bg;
	&.ui-page-theme-c .ui-header{
		height:30% !important;
		img{
			margin-top: 30%;
			margin-bottom: 2%;
		}
	}
	.ui-listview li{
		border-bottom:1px solid lightgray;
		&:last{
			border-bottom:none;
		}
	}
	.ui-input-text{
		box-shadow:0 0;
		
		border-radius:0;
		
	}
	.game-logo-header{
		max-height: 30%;
		padding: 10% 0 2% 0;
		overflow: hidden;
		.game-logo{
			max-width: 70%;
			
		}	
	}
	
	
	a.loginBtn{
		
		@include centerit();
	}
	
	a.center-link{
		&:first{
			margin-top:2em;
		}
		color:$color_home;
		width:60%;
		text-align:center;
		padding:0.2em;
		margin:0.5em auto;		
	}

	
	.loginpage-footer{
		text-align: center;
		a{
			text-align: center;
			background-color: transparent;
			box-shadow: 0 0 0;
			font-size: 1.2em;
			font-weight: 100;
			line-height: 1.2em;

		}
	}
}

.gamerSignupPage{
	.ui-listview{
		box-shadow: 0 0 0;
		border-radius:0;
		border-bottom:1px solid grey;
		li{
			border-bottom:2px solid grey;
			label{
				font-weight: bold;
				color:$color_bg;
			}
			padding:1.4em 1em 0 1em;
		}
	}
	.ui-input-text{
		box-shadow:0 0;
		border-radius:0;
		input{
			text-align:right !important;	
		}
	}
	.signup-terms{
		text-align: center;
		color:$color_bg;
	}
}

#gameResultPage{
	.gameresult-gameimage{
		width: 100%;
		max-height:35%;
		height:auto;
		padding-top:5%;
		background-color: $color_bg;
	}
	.gameresult-gamename{
		background-color: $color_bg;
		color:$color_home;
		text-align: center;
		margin:0;
	}
	.gameresult-coins{
		.ui-block-a{
			text-align: center;
			span{
				background-image: url("../mobileimgs/coinsbase_coinsymbol.png");
				background-size: auto 100%;
				background-repeat: no-repeat;
				background-position: right 50%;
				display: inline-block;
				padding: 0.2em 3em 0.2em 0;
				font-size: 2em;
				margin: 0.5em 0;
				color: #ff9a00;
			}
		}
	}
	.gameresult-highscore{
		background-color: $color_bg;
		color:$color_home;
		font-size: 1.4em;
		padding: 0.4em;
		.ui-block-a{
			text-align: center;
		}
	}
}

.div-block>div{
	float:left;
}
#profileeditPage{
	.ui-listview{
		box-shadow: 0 0 0;
		border-radius:0;
		border-bottom:1px solid grey;
		li{
			border-bottom:2px solid grey;
			label{
				font-weight: bold;
				color:$color_bg;
			}
			padding:1.4em 1em 0 1em;
		}
	}
	.ui-input-text{
		box-shadow:0 0;
		border-radius:0;
		input{
			text-align:right !important;	
		}
	}
}

#profilePage {

	strong{
		color: $color_bg;
	}

	.profile-img,.profile-status-img{
		width:20%;
		height:auto;
		img{
			width:80%;
			height:80%;
			padding:10%;
			//border-radius: 50%;
		}
	}
	.profile-status-c{
		width:80%;
	}
	.profile-abt{
		width:80%;
		p{
			margin: 0;
		}
		.ui-grid-solo{
			font-weight: bold;
			font-size: 1.5em;
		}
		.profile-stats{
			margin: 3em 0 0 0;
			font-size: 0.9em;
		}
	}
	.me-profile-detail{
		text-align: center;
	}

	/*
	
	
	.profile-pic{
		width:30%;
		img{
			max-width:90%;
		}
	}
	.me-profile-detail{
		width:100%;
		table{
			width:100%;
		}
		.profile-a{
			div{
				float:left;
			}
			.profile-a1{
				width:60%;
				//margin-top: 2em;
				table{
					width:100%;
					td{
						padding:0 1em;
					}
				}
				
				
			}
			.profile-a2{
				width: 20%;
				min-width:100px;
				position: absolute;
				right: 1em;
				bottom:0.5em;
			}
		}
	}
	*/
	
	
	
	.profile-bio-1{
		background-color: $color_bg;
		position:relative;
		color: #ffffff;
		text-align: center;
	}
	
	.profile-bio-2{
		background-color:rgba(99,203,0,.2);
		border-radius: 0 0 1em 1em;
		margin-bottom:2em;
		#profilePage-profile-bio{
			line-height: 1.25em;
			&.summary{
				height: 5em;
				overflow: hidden;
				
			}
		}
		.read-more-btn{
			color: red;
			/* font-weight: normal; */
			text-align: right;
			display: block;
			padding: 0.5em 0.5em 0.1em;
		}
		
	}
	.ui-listview {

		li{
			
			background-color:rgba(0,173,123,.2);
			//margin: 0.2em 1em;
			
			border-radius:1em;
			
			padding:0;
			.timeline-profile{
				width:15% !important;
				text-align: center;
				img{
					width: 55%;
					height: auto;
					padding: 10%;
					//border-radius: 50%;
				}
			}
			.timeline-content{
				width:85% !important;
				strong{
					color:$color_bg;
				}
				.ui-grid-solo{
					&.timeline-main-content{
						padding:0.2em;
						.ui-block-a{
							white-space: normal;
							padding: 0.3em 0.3em 0.3em 0;
							line-height: 1.3em;
							min-height: 3em;
						}
					}
					&.timeline-main-username{
						padding:0.2em 0.1em 0.1em;
					}
				}
				.timeline-actions{
					bottom: 0em;
					position: absolute;
					width: 85%;
					& > div{
						text-align: center;
						font-size: 0.9em;
					}
				}
				
				
			}
		}
	}
	
}

.searchPage{
	.ui-input-search{
		border:0;
		background-color: $color_bg;
		border-radius: 5em;
		background-image: url("../mobileimgs/symbol_search.png");
		background-position: 98% center;
		background-repeat: no-repeat;
		background-size: auto 60%;
		&.ui-focus{
				box-shadow: 0 0 0 ;
			}
		input{
			border : 0.2em solid $color_bg;
			border-radius: 5em 0 0 5em;
			background-color:#ffffff;
			padding-left:1em;
			
		}
		&:after{
			display: none;
		}
	}
	
	//hiding clear btn from search input bar
	.ui-input-search .ui-input-clear {
  		display: none;
	}
}

#mePage {
	.ui-header{
		#me-page-username{
			font-size: 1.5em;
		}
		a{
			color: $color_1;
		}
		height: 6em !important;
		padding: 1em 0;
		img{
			width:5.5em;
			height:5.5em;
			//border-radius: 50%;
		}
		table {
			width:100%;
			text-align: center;
			
		}
	}
	strong{
		color: $color_bg;
	}
	.me-profile-detail{
		text-align: center;
	}
	
	
	.profile-pic{
		width:30%;
		img{
			max-width:90%;

		}
	}
	.me-profile-detail{
		table{
			width:100%;
		}
		
		.profile-a{
			div{
				float:left;
			}
			.profile-a1{
				width:60%;
				//margin-top: 2em;
				table{
					width:100%;
					td{
						padding:0 1em;
					}
				}
				/*
				a{
					padding:1em;
				}*/
				
			}
			.profile-a2{
				width: 20%;
				min-width:100px;
				position: absolute;
				right: 1em;
				bottom:0.5em;
			}
		}
	}
	
	
	
	.profile-bio-1{
		background-color: $color_bg;
		position:relative;
		color: #ffffff;
	}
	
	.profile-bio-2{
		background-color:rgba(99,203,0,.2);
		border-radius: 0 0 1em 1em;
		margin-bottom:2em;
		h4{
			display: inline-block;
			margin-left: 0.2em;
		}
		#me-profile-bio{
			line-height: 1.25em;
			&.summary{
				height: 5em;
				overflow: hidden;
				
			}
		}
		.read-more-btn{
			color: red;
			/* font-weight: normal; */
			text-align: right;
			display: block;
			padding: 0.5em 0.5em 0.1em;
		}
	}
	.ui-listview {

		li{
			
			background-color:rgba(0,173,123,.2);
			//margin: 0.2em 1em;
			
			border-radius:1em;
			
			padding:0;
			.timeline-profile{
				width:15% !important;
				text-align: center;
				img{
					width: 55%;
					height: auto;
					padding: 10%;
					//border-radius: 50%;
				}
			}
			.timeline-content{
				width:85% !important;
				strong{
					color:$color_bg;
				}
				.ui-grid-solo{
					&.timeline-main-content{
						padding:0.2em;
						.ui-block-a{
							white-space: normal;
							padding: 0.3em 0.3em 0.3em 0;
							line-height: 1.3em;
							min-height: 3em;
						}
					}
					&.timeline-main-username{
						padding:0.2em 0.1em 0.1em;
					}
				}
				.timeline-actions{
					bottom: 0em;
					position: absolute;
					width: 85%;
					& > div{
						text-align: center;
						font-size: 0.9em;
					}
				}
				
				
			}
		}
	}
}

#challengePage {
	/*
	.challenge-coins{
		text-align: center;
		width: 100%;
		margin: 1em;
		padding: 0.5em;
		.challenge-coins-div{
			width: 50%;
			margin: 0 auto;
			border: 0.4em solid $color_bg;
			min-width: 200px;
			display: block;
			padding: 0.5em 0;
			text-align: center;
			strong{
				font-size: 2.5em;
			}
			span{
				
				height: 100px;
				
				
			}
		}
		
		
	}
	*/
	.challengepage-createchallenge-collapse{
		.ui-collapsible-content{
			background-color: $color_bg;
			.challengepage-create-input,#challenge-game-button{
				text-align: center;
				font-weight: bold;
				background-color: white;
				color: darkgrey;
			}
		}
	}

	.challengepage-challengecollapse-btn a{
		text-align: center;
	}

	.challenge-coins{
		text-align: center;
		width: 100%;
		padding: 1em 0;
		.challenge-coins-div{
			border:0.4em solid $color_bg;
			width:80%;
			margin:0 auto;
			.challenge-display-coins{
				background-image: url("../mobileimgs/coinsbase_coinsymbol.png");
				background-size: auto 100%;
				background-repeat: no-repeat;
				background-position: right 50%;
				display: inline-block;
				padding: 0.2em 3em 0.2em 0;
				font-size: 2em;
				margin: 0.5em 0;
				color:#ff9a00;
				//font-family: 'dejavu_sanscondensed_bold','sans-serif';
			}
		}
	}
	abbr {
		color: #ffffff;
		font-size: 1em;
	}
	
	.ui-listview.challenge-list-challenges{
		box-shadow: 0 0 0;
		li{
			padding:0;
			&.challenge-sent-top,&.challenge-received-top{
				background-repeat: no-repeat;
				
				background-size: 50% auto;
				padding-top: 9.8%;
			}
			&.challenge-sent-top{
				background-image: url("../mobileimgs/base_challangesent.png");
				background-position: left top;
			}
			&.challenge-received-top{
				background-image: url("../mobileimgs/base_challangerecieved.png");
				background-position: right top;
				margin-top: 1em;
				
			}
			&.challenge-sent-li{
				img{
					float: right;
				}
			}
			a{
				color: $color_1;
				font-size: 1.4em;
				padding: 0 0.5em;
				box-shadow: 0 0 0;
				&.challenge-btn-decline{
					color:red;
				}
			}
			//padding-left:0;
			//padding-right:0;
			.li-inner-div{

				background-color: $color_bg;
				color:$color_home;
				padding:0.5em;
				.challengepage-statusaction span{
					width: 50%;
					display: inline-block;
					text-align:right;
					&.challengepage-status{
						text-align:left;
					}
				}

				.challengepage-challengestring,.challengepage-coins{
					text-align:center;
					font-size: 1.2em;
				}
				.challengepage-coins span,.challengepage-challengestring span{
					
					background-repeat: no-repeat;
					background-position: center right;
					background-size: auto 100%;
					padding-right: 2.5em;
					height: auto;
					display: inline;
				}
				.challengepage-challengestring span{
					padding-right: 1em;
				}
				.challengepage-coins span{
					background-image:url("../mobileimgs/Symbol_coin.png");
				}
				.challengepage-challengestring span{
					background-image:url("../mobileimgs/Symbol_challange.png");
				}

				
			}
			img{
				width: 20%;
				height: 80px;
				max-width: 91px;
				display: block;
				float: left;
				padding: 0.8em;
				//border-radius: 50%;
			}
		}
	}
	
}
.clear{
	clear: both;
}
.timelinePage {
	.ui-listview{
		

		li{
			background-color: #d2e9e3;
			margin:0.1em 0;
			padding:0;
			.timeline-profile{
				width:15% !important;
				text-align: center;
				img{
					width: 80%;
					height: auto;
					padding: 10%;
					//border-radius:50%;
				}
			}
			.timeline-content{
				width:85% !important;
				strong{
					color:$color_bg;
				}
				.ui-grid-solo{
					&.timeline-main-content{
						padding:0.2em;
						.ui-block-a{
							white-space: normal;
							padding: 0.3em 0.3em 0.3em 0;
							line-height: 1.3em;
							min-height: 3em;
						}
					}
					&.timeline-main-username{
						padding:0.2em 0.1em 0.1em;
					}
				}
				.timeline-actions{
					bottom: 1em;
					position: absolute;
					width: 85%;
					& > div{
						text-align: center;
						font-size: 0.9em;
					}
					.ui-block-a{
						text-align: right;
					}
				}
				
			}
			.timeline-outer{
				background-color:rgb(244,244,244);
				margin:1em 0;
				padding:0em 1em;
				display: block;
				/*
				.timeline-profile-pic{
					float:left;
				}
				.timeline-status{
					text-align: left;
					padding: 0.1em 0.5em;
				}
				.timeline-actions{
					clear: both;
					.timeline-action{
						float:left;
						width:25%;
						text-align:center;
					}
				}
				
				
				
				.status-btns{
					float: left;
					width: 100%;
					position: absolute;
					bottom: 1em;
					list-style: none;
				 	li{
				 		background-color: transparent;
						float: left;
						width: 25%;
						text-align: center;
					}
				}
				*/
			}
		}
	}

}

.gameSelectionPage{
	.ui-listview{
		li{
			
			
			margin:0.5em 1em;
			
			
			
			a{
				background-color: $color_1 !important;
				color: $color_bg !important;
				border-radius: 1em !important;
				
				font-size:1em;
				img{
					right:0;
					left:auto !important;
				}
			}
			&.game-check{
				a{
					
				}
			}
			&.game-shop,&.game-forbidden{
				a{
					background-color: #f2f2f2 !important;
					color: grey !important;
				}
			}

			.list-right{
				
				position: absolute;
				right:0;
				top:0;
				margin:0;
				.list-right-el{
					float: left;
					display: block;
					margin:0 1em;
					
				}
			}
			
		}
	}
}

#sendEmailPage{
	.vcenter-content{
		width: 80%;
		margin: 0 10%;
		text-align: center;
		margin-top: 40%;
	}
}
.notification-tpl{
	padding: 0.5em 1em !important;
	background-color: #ffffff !important;
}
.notificationPage,.notification-tpl{
	.notification-outer{
		position: relative;
		padding:0.5em;
		background-color: $color_1;
		.notificationpage-message{
			color:$color_2;
		}
		.notificationpage-content{
			img{
				display: block;
				width: 16%;
				float: left;
				height: auto;
				padding: 2% 2% 2% 0;
				//border-radius: 50% !important;
				max-height: 10%;
			}
			&>span{
				display: block;
				width:80%;
				float:right;
			}
			.n-name{
				strong{
					color:$color_bg;
				}
			}
			.n-content{
				padding-bottom:1em;
				padding-top: 0.2em;
				a{
					color:$color_2;
				}				
			}
			.n-actions {
					position: absolute;
					bottom: 0.2em;
					right: 0;
					.time{
						text-align: right;
						.timeago{
							margin-right: 1em;
							font-weight: bold;
						}
					}
					.ui-block-b,.ui-block-c,.ui-block-d{
						text-align: center;

					}
				
			}
		}

	}
}

.game-img{
	width:40px;
	height:40px;
	background-color:transparent;
	background-image:url("../mobileimgs/Game-thumbnail.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: block;
}
.game-status-icon{
	width:40px;
	height:40px;
	background-color:transparent;
	display: block;
	&.game-check{
		background-image:url("../mobileimgs/symbol_activategame.png");	
	}
	&.game-shop,&.game-forbidden{
		background-image:url("../mobileimgs/locked.png");	
	}
	
	background-repeat: no-repeat;
	background-size: 50% 50%;
	background-position:center center;
	
}

/*
 * CUSTOM ICONS
 */
 @mixin ui_icon($url){
 	background-image: url($url);
 	//background-position: 50% 50%;
 	background-repeat: no-repeat;
 }

.ui-icon-yvtw-like {
	@include ui_icon("../mobileimgs/yvtw-like2.png");
}

.ui-icon-yvtw-games {
	@include ui_icon("../mobileimgs/Symbol_baseHUD_Games.png");
}

.ui-icon-yvtw-me {
	@include ui_icon("../mobileimgs/Symbol_baseHUD_me.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.ui-icon-yvtw-like {
		background: url("../mobileimgs/yvtw-like2.png") 50% 50% no-repeat;
		background-size: 18px 18px;
	}

	.ui-icon-yvtw-games {
		background : url("../mobileimgs/Symbol_baseHUD_Games.png");// 50% 50% no-repeat;
		background-size: 18px 18px;
	}

	.ui-icon-yvtw-me {
		background: url("../mobileimgs/Symbol_baseHUD_me.png") 50% 50% no-repeat;
		background-size: 18px 18px;
	}
}

.ui-listview > li > a{
	//background-color: $color_home !important;
	//color:$color_basetext !important;
	text-shadow:0 0 0 !important;
}

.ui-page-theme-c .ui-header{
	height:3em !important;
	h3{
		font-size:1.2em;
	}
}
.ui-page-theme-c .ui-header .yvtw-header-icon{
	padding: 3em 0.1em 0 0.1em;
	background-size: 2.1em;
	//background-size: 1.2em;
	font-size: 0.8em;
	background-position: 50% 40%;
	background-repeat: no-repeat;
	display: inline-flex;
	color: white;
	float: left;
	margin: 0.2em 0.1em;
	
}

.yvtw-icon-getall{
	background-image: url("../mobileimgs/symbol_getall.png");
}
.yvtw-icon-search{
	background-image: url("../mobileimgs/symbol_search.png");	
}
.yvtw-icon-poststatus{
	background-image: url("../mobileimgs/symbol_status.png");	
}
.yvtw-icon-notifications{
	background-image: url("../mobileimgs/symbol_notifications.png");	
}
.yvtw-icon-searchfriends{
	background-image: url("../mobileimgs/symbol_Searchfriend.png");	
}
.yvtw-icon-newprofile{
	background-image: url("../mobileimgs/symbol_newprofile.png");
}
.yvtw-icon-close{
	background-image: url("../mobileimgs/symbol_x.png");
}
.yvtw-icon-profileabout{
	background-image: url("../mobileimgs/symbol_editprofile.png");
	background-position: 50% 40%;
	background-repeat: no-repeat;
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	background-size: 100% auto;
}

.yvtw-icon-notext{
	text-indent: 100%;
  	white-space: nowrap;
  	overflow: hidden;
  	padding: 3em 0.4em 0 0.4em;
}

.yvtw-icon-games{
	background-image: url("../mobileimgs/Symbol_baseHUD_Games1.png");
}
.yvtw-icon-timeline{
	background-image: url("../mobileimgs/Symbol_baseHUD_timeline.png");
}
.yvtw-icon-challenges{
	background-image: url("../mobileimgs/Symbol_baseHUD_challange.png");
}
.yvtw-icon-me{
	background-image: url("../mobileimgs/Symbol_baseHUD_me2.png");
}

.ui-footer{

	.yvtw-footer-icon{
		margin: 0 auto 0.5em auto !important;
		width: 84%;
		text-align: center;
		display: block;
		float: left;
		
		background-color: transparent !important;
		padding: 3em 1em 0 1em;
		background-size: 2.1em;
		background-position: 50% 40%;
		background-repeat: no-repeat;
		display: block;
		color: white;
		float: left;
		//margin: 0.2em 0.3em 0.5em;
	}

	.ui-navbar{
		.ui-grid-c{
			.ui-link{
				opacity: .5;
				&.ui-btn-active{
					opacity: 1;
				}
				text-shadow:0 0 0;
			}
		}
	}


	

	
}

//like status anchor btn
.yvtw-like-btn{
	width:1.3em;
	height: 1.3em;
	display: inline-block;
	background-image: url("../mobileimgs/symbol_unlikeStatus.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
	&[data-status-like='true']{
		background-image: url("../mobileimgs/symbol_likeStatus.png");
	}
}

.yvtw-delete-btn{
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2211.949%2C3.404%207%2C8.354%202.05%2C3.404%20-0.071%2C5.525%207%2C12.596%2014.07%2C5.525%20%22%2F%3E%3C%2Fsvg%3E");
	background-color: $color_bg;
	width:1.3em;
	height: 1.3em;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: 70% auto;
	background-position: center center;
	border-radius: 50%;
	margin-top:1em;
}

.yvtw-challenge-btn{
	width:1.8em;
	height: 1.3em;
	display: inline-block;
	background-image: url("../mobileimgs/Symbol_challange1.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
	
}

.like-count{
	display: inline-block;
	width: 1.3em;
	height: 1.3em;
	color: rgba(50,50,50,0.4);
}

abbr{
	color:$color_bg;
	font-size: 0.7em;
}

.poststatus-status{
	border: 0.3em solid green;
	border-color: $color_bg !important;
	box-shadow: 0 0 0;
	border-radius: 1em;
	margin: 0 0 3em 0;
	resize:none !important;
	&.ui-focus{
		box-shadow: 0 0 0 ;
	}
}
.poststatus-bg-tilda{
	width: 15px;
	height: 11px;
	background: url("../mobileimgs/updatestatusbar.png");
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center center;
	margin: 0 0 0 2em;
}
.poststatus-btn{
	//width: 7.8em;
	min-height: 1em;
	display: block;
	background: url("../mobileimgs/updatestatus.png");
	background-repeat: no-repeat;
	background-size: auto 70%;
	background-position: top left;
	padding-top: 2.8em;
	font-size: 0.7em;
	margin-left: 2.5em;
}

.yvtw-symbol-block{
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto 100%;
	display: inline-block;
	width: 1em;
	height: 1.2em;
}
.yvtw-symbol-challenge{
	background-image:url("../mobileimgs/Symbol_challange.png");
}

.ui-page-theme-c{
	.ui-header{
		.ui-btn{
			box-shadow: 0 0 0;
			background-color: transparent;
		}
	}
}

//patch for header menu position break
.ui-controlgroup-horizontal .ui-controlgroup-controls {
	display: block;
}

.check-select-user{
	font-size:0.9em;
	font-weight: normal;
	strong{
		font-size:1.2em;
	}
}
.ui-listview > p{
	&:nth-child(1){
		font-weight: bold;
	}
	margin:0.5em 1em;
	padding:0.5em 2em;
	text-align: center;
}

.ui-page-theme-c .ui-header .ui-controlgroup-horizontal .ui-controlgroup-controls  {
	max-width:4em;
	max-height: 2em;
	top:0;
	right:0;
}

.display-none{
	display: none;
}