@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800);
a {
  text-decoration: none; }

body {
  font-family: 'Open Sans', sans-serif; }

.ui-btn {
  border: 0; }

.center-wrapper {
  text-align: center; }

.center-wrapper * {
  margin: 0 auto; }

.center-it {
  margin: 0 auto;
  display: block; }

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

.loginPage {
  background-color: #00a87f; }
  .loginPage .ui-content {
    padding: 2em; }
  .loginPage.ui-page-theme-c .ui-header {
    height: 30% !important; }
    .loginPage.ui-page-theme-c .ui-header img {
      margin-top: 30%;
      margin-bottom: 2%; }
  .loginPage .ui-listview li {
    border-bottom: 1px solid lightgray; }
    .loginPage .ui-listview li:last {
      border-bottom: none; }
  .loginPage .ui-input-text {
    box-shadow: 0 0;
    border-radius: 0; }
  .loginPage .game-logo-header {
    max-height: 30%;
    padding: 10% 0 2% 0;
    overflow: hidden; }
    .loginPage .game-logo-header .game-logo {
      max-width: 70%; }
  .loginPage a.loginBtn {
    margin: 0 auto;
    display: block; }
  .loginPage a.center-link {
    color: white;
    width: 60%;
    text-align: center;
    padding: 0.2em;
    margin: 0.5em auto; }
    .loginPage a.center-link:first {
      margin-top: 2em; }
  .loginPage .loginpage-footer {
    text-align: center; }
    .loginPage .loginpage-footer 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; }
  .gamerSignupPage .ui-listview li {
    border-bottom: 2px solid grey;
    padding: 1.4em 1em 0 1em; }
    .gamerSignupPage .ui-listview li label {
      font-weight: bold;
      color: #00a87f; }
.gamerSignupPage .ui-input-text {
  box-shadow: 0 0;
  border-radius: 0; }
  .gamerSignupPage .ui-input-text input {
    text-align: right !important; }
.gamerSignupPage .signup-terms {
  text-align: center;
  color: #00a87f; }

#gameResultPage .gameresult-gameimage {
  width: 100%;
  max-height: 35%;
  height: auto;
  padding-top: 5%;
  background-color: #00a87f; }
#gameResultPage .gameresult-gamename {
  background-color: #00a87f;
  color: white;
  text-align: center;
  margin: 0; }
#gameResultPage .gameresult-coins .ui-block-a {
  text-align: center; }
  #gameResultPage .gameresult-coins .ui-block-a 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; }
#gameResultPage .gameresult-highscore {
  background-color: #00a87f;
  color: white;
  font-size: 1.4em;
  padding: 0.4em; }
  #gameResultPage .gameresult-highscore .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; }
  #profileeditPage .ui-listview li {
    border-bottom: 2px solid grey;
    padding: 1.4em 1em 0 1em; }
    #profileeditPage .ui-listview li label {
      font-weight: bold;
      color: #00a87f; }
#profileeditPage .ui-input-text {
  box-shadow: 0 0;
  border-radius: 0; }
  #profileeditPage .ui-input-text input {
    text-align: right !important; }

#profilePage {
  /*
  
  
  .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;
  		}
  	}
  }
  */ }
  #profilePage strong {
    color: #00a87f; }
  #profilePage .profile-img, #profilePage .profile-status-img {
    width: 20%;
    height: auto; }
    #profilePage .profile-img img, #profilePage .profile-status-img img {
      width: 80%;
      height: 80%;
      padding: 10%; }
  #profilePage .profile-status-c {
    width: 80%; }
  #profilePage .profile-abt {
    width: 80%; }
    #profilePage .profile-abt p {
      margin: 0; }
    #profilePage .profile-abt .ui-grid-solo {
      font-weight: bold;
      font-size: 1.5em; }
    #profilePage .profile-abt .profile-stats {
      margin: 3em 0 0 0;
      font-size: 0.9em; }
  #profilePage .me-profile-detail {
    text-align: center; }
  #profilePage .profile-bio-1 {
    background-color: #00a87f;
    position: relative;
    color: #ffffff;
    text-align: center; }
  #profilePage .profile-bio-2 {
    background-color: rgba(99, 203, 0, 0.2);
    border-radius: 0 0 1em 1em;
    margin-bottom: 2em; }
    #profilePage .profile-bio-2 #profilePage-profile-bio {
      line-height: 1.25em; }
      #profilePage .profile-bio-2 #profilePage-profile-bio.summary {
        height: 5em;
        overflow: hidden; }
    #profilePage .profile-bio-2 .read-more-btn {
      color: red;
      /* font-weight: normal; */
      text-align: right;
      display: block;
      padding: 0.5em 0.5em 0.1em; }
  #profilePage .ui-listview li {
    background-color: rgba(0, 173, 123, 0.2);
    border-radius: 1em;
    padding: 0; }
    #profilePage .ui-listview li .timeline-profile {
      width: 15% !important;
      text-align: center; }
      #profilePage .ui-listview li .timeline-profile img {
        width: 55%;
        height: auto;
        padding: 10%; }
    #profilePage .ui-listview li .timeline-content {
      width: 85% !important; }
      #profilePage .ui-listview li .timeline-content strong {
        color: #00a87f; }
      #profilePage .ui-listview li .timeline-content .ui-grid-solo.timeline-main-content {
        padding: 0.2em; }
        #profilePage .ui-listview li .timeline-content .ui-grid-solo.timeline-main-content .ui-block-a {
          white-space: normal;
          padding: 0.3em 0.3em 0.3em 0;
          line-height: 1.3em;
          min-height: 3em; }
      #profilePage .ui-listview li .timeline-content .ui-grid-solo.timeline-main-username {
        padding: 0.2em 0.1em 0.1em; }
      #profilePage .ui-listview li .timeline-content .timeline-actions {
        bottom: 0em;
        position: absolute;
        width: 85%; }
        #profilePage .ui-listview li .timeline-content .timeline-actions > div {
          text-align: center;
          font-size: 0.9em; }

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

#mePage .ui-header {
  height: 6em !important;
  padding: 1em 0; }
  #mePage .ui-header #me-page-username {
    font-size: 1.5em; }
  #mePage .ui-header a {
    color: #b7e7db; }
  #mePage .ui-header img {
    width: 5.5em;
    height: 5.5em; }
  #mePage .ui-header table {
    width: 100%;
    text-align: center; }
#mePage strong {
  color: #00a87f; }
#mePage .me-profile-detail {
  text-align: center; }
#mePage .profile-pic {
  width: 30%; }
  #mePage .profile-pic img {
    max-width: 90%; }
#mePage .me-profile-detail table {
  width: 100%; }
#mePage .me-profile-detail .profile-a div {
  float: left; }
#mePage .me-profile-detail .profile-a .profile-a1 {
  width: 60%;
  /*
  a{
  	padding:1em;
  }*/ }
  #mePage .me-profile-detail .profile-a .profile-a1 table {
    width: 100%; }
    #mePage .me-profile-detail .profile-a .profile-a1 table td {
      padding: 0 1em; }
#mePage .me-profile-detail .profile-a .profile-a2 {
  width: 20%;
  min-width: 100px;
  position: absolute;
  right: 1em;
  bottom: 0.5em; }
#mePage .profile-bio-1 {
  background-color: #00a87f;
  position: relative;
  color: #ffffff; }
#mePage .profile-bio-2 {
  background-color: rgba(99, 203, 0, 0.2);
  border-radius: 0 0 1em 1em;
  margin-bottom: 2em; }
  #mePage .profile-bio-2 h4 {
    display: inline-block;
    margin-left: 0.2em; }
  #mePage .profile-bio-2 #me-profile-bio {
    line-height: 1.25em; }
    #mePage .profile-bio-2 #me-profile-bio.summary {
      height: 5em;
      overflow: hidden; }
  #mePage .profile-bio-2 .read-more-btn {
    color: red;
    /* font-weight: normal; */
    text-align: right;
    display: block;
    padding: 0.5em 0.5em 0.1em; }
#mePage .ui-listview li {
  background-color: rgba(0, 173, 123, 0.2);
  border-radius: 1em;
  padding: 0; }
  #mePage .ui-listview li .timeline-profile {
    width: 15% !important;
    text-align: center; }
    #mePage .ui-listview li .timeline-profile img {
      width: 55%;
      height: auto;
      padding: 10%; }
  #mePage .ui-listview li .timeline-content {
    width: 85% !important; }
    #mePage .ui-listview li .timeline-content strong {
      color: #00a87f; }
    #mePage .ui-listview li .timeline-content .ui-grid-solo.timeline-main-content {
      padding: 0.2em; }
      #mePage .ui-listview li .timeline-content .ui-grid-solo.timeline-main-content .ui-block-a {
        white-space: normal;
        padding: 0.3em 0.3em 0.3em 0;
        line-height: 1.3em;
        min-height: 3em; }
    #mePage .ui-listview li .timeline-content .ui-grid-solo.timeline-main-username {
      padding: 0.2em 0.1em 0.1em; }
    #mePage .ui-listview li .timeline-content .timeline-actions {
      bottom: 0em;
      position: absolute;
      width: 85%; }
      #mePage .ui-listview li .timeline-content .timeline-actions > 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 .challengepage-createchallenge-collapse .ui-collapsible-content {
    background-color: #00a87f; }
    #challengePage .challengepage-createchallenge-collapse .ui-collapsible-content .challengepage-create-input, #challengePage .challengepage-createchallenge-collapse .ui-collapsible-content #challenge-game-button {
      text-align: center;
      font-weight: bold;
      background-color: white;
      color: darkgrey; }
  #challengePage .challengepage-challengecollapse-btn a {
    text-align: center; }
  #challengePage .challenge-coins {
    text-align: center;
    width: 100%;
    padding: 1em 0; }
    #challengePage .challenge-coins .challenge-coins-div {
      border: 0.4em solid #00a87f;
      width: 80%;
      margin: 0 auto; }
      #challengePage .challenge-coins .challenge-coins-div .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; }
  #challengePage abbr {
    color: #ffffff;
    font-size: 1em; }
  #challengePage .ui-listview.challenge-list-challenges {
    box-shadow: 0 0 0; }
    #challengePage .ui-listview.challenge-list-challenges li {
      padding: 0; }
      #challengePage .ui-listview.challenge-list-challenges li.challenge-sent-top, #challengePage .ui-listview.challenge-list-challenges li.challenge-received-top {
        background-repeat: no-repeat;
        background-size: 50% auto;
        padding-top: 9.8%; }
      #challengePage .ui-listview.challenge-list-challenges li.challenge-sent-top {
        background-image: url("../mobileimgs/base_challangesent.png");
        background-position: left top; }
      #challengePage .ui-listview.challenge-list-challenges li.challenge-received-top {
        background-image: url("../mobileimgs/base_challangerecieved.png");
        background-position: right top;
        margin-top: 1em; }
      #challengePage .ui-listview.challenge-list-challenges li.challenge-sent-li img {
        float: right; }
      #challengePage .ui-listview.challenge-list-challenges li a {
        color: #b7e7db;
        font-size: 1.4em;
        padding: 0 0.5em;
        box-shadow: 0 0 0; }
        #challengePage .ui-listview.challenge-list-challenges li a.challenge-btn-decline {
          color: red; }
      #challengePage .ui-listview.challenge-list-challenges li .li-inner-div {
        background-color: #00a87f;
        color: white;
        padding: 0.5em; }
        #challengePage .ui-listview.challenge-list-challenges li .li-inner-div .challengepage-statusaction span {
          width: 50%;
          display: inline-block;
          text-align: right; }
          #challengePage .ui-listview.challenge-list-challenges li .li-inner-div .challengepage-statusaction span.challengepage-status {
            text-align: left; }
        #challengePage .ui-listview.challenge-list-challenges li .li-inner-div .challengepage-challengestring, #challengePage .ui-listview.challenge-list-challenges li .li-inner-div .challengepage-coins {
          text-align: center;
          font-size: 1.2em; }
        #challengePage .ui-listview.challenge-list-challenges li .li-inner-div .challengepage-coins span, #challengePage .ui-listview.challenge-list-challenges li .li-inner-div .challengepage-challengestring span {
          background-repeat: no-repeat;
          background-position: center right;
          background-size: auto 100%;
          padding-right: 2.5em;
          height: auto;
          display: inline; }
        #challengePage .ui-listview.challenge-list-challenges li .li-inner-div .challengepage-challengestring span {
          padding-right: 1em; }
        #challengePage .ui-listview.challenge-list-challenges li .li-inner-div .challengepage-coins span {
          background-image: url("../mobileimgs/Symbol_coin.png"); }
        #challengePage .ui-listview.challenge-list-challenges li .li-inner-div .challengepage-challengestring span {
          background-image: url("../mobileimgs/Symbol_challange.png"); }
      #challengePage .ui-listview.challenge-list-challenges li img {
        width: 20%;
        height: 80px;
        max-width: 91px;
        display: block;
        float: left;
        padding: 0.8em; }

.clear {
  clear: both; }

.timelinePage .ui-listview li {
  background-color: #d2e9e3;
  margin: 0.1em 0;
  padding: 0; }
  .timelinePage .ui-listview li .timeline-profile {
    width: 15% !important;
    text-align: center; }
    .timelinePage .ui-listview li .timeline-profile img {
      width: 80%;
      height: auto;
      padding: 10%; }
  .timelinePage .ui-listview li .timeline-content {
    width: 85% !important; }
    .timelinePage .ui-listview li .timeline-content strong {
      color: #00a87f; }
    .timelinePage .ui-listview li .timeline-content .ui-grid-solo.timeline-main-content {
      padding: 0.2em; }
      .timelinePage .ui-listview li .timeline-content .ui-grid-solo.timeline-main-content .ui-block-a {
        white-space: normal;
        padding: 0.3em 0.3em 0.3em 0;
        line-height: 1.3em;
        min-height: 3em; }
    .timelinePage .ui-listview li .timeline-content .ui-grid-solo.timeline-main-username {
      padding: 0.2em 0.1em 0.1em; }
    .timelinePage .ui-listview li .timeline-content .timeline-actions {
      bottom: 1em;
      position: absolute;
      width: 85%; }
      .timelinePage .ui-listview li .timeline-content .timeline-actions > div {
        text-align: center;
        font-size: 0.9em; }
      .timelinePage .ui-listview li .timeline-content .timeline-actions .ui-block-a {
        text-align: right; }
  .timelinePage .ui-listview li .timeline-outer {
    background-color: #f4f4f4;
    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; }
  .gameSelectionPage .ui-listview li a {
    background-color: #b7e7db !important;
    color: #00a87f !important;
    border-radius: 1em !important;
    font-size: 1em; }
    .gameSelectionPage .ui-listview li a img {
      right: 0;
      left: auto !important; }
  .gameSelectionPage .ui-listview li.game-shop a, .gameSelectionPage .ui-listview li.game-forbidden a {
    background-color: #f2f2f2 !important;
    color: grey !important; }
  .gameSelectionPage .ui-listview li .list-right {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0; }
    .gameSelectionPage .ui-listview li .list-right .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-outer, .notification-tpl .notification-outer {
  position: relative;
  padding: 0.5em;
  background-color: #b7e7db; }
  .notificationPage .notification-outer .notificationpage-message, .notification-tpl .notification-outer .notificationpage-message {
    color: #aa0fff; }
  .notificationPage .notification-outer .notificationpage-content img, .notification-tpl .notification-outer .notificationpage-content img {
    display: block;
    width: 16%;
    float: left;
    height: auto;
    padding: 2% 2% 2% 0;
    max-height: 10%; }
  .notificationPage .notification-outer .notificationpage-content > span, .notification-tpl .notification-outer .notificationpage-content > span {
    display: block;
    width: 80%;
    float: right; }
  .notificationPage .notification-outer .notificationpage-content .n-name strong, .notification-tpl .notification-outer .notificationpage-content .n-name strong {
    color: #00a87f; }
  .notificationPage .notification-outer .notificationpage-content .n-content, .notification-tpl .notification-outer .notificationpage-content .n-content {
    padding-bottom: 1em;
    padding-top: 0.2em; }
    .notificationPage .notification-outer .notificationpage-content .n-content a, .notification-tpl .notification-outer .notificationpage-content .n-content a {
      color: #aa0fff; }
  .notificationPage .notification-outer .notificationpage-content .n-actions, .notification-tpl .notification-outer .notificationpage-content .n-actions {
    position: absolute;
    bottom: 0.2em;
    right: 0; }
    .notificationPage .notification-outer .notificationpage-content .n-actions .time, .notification-tpl .notification-outer .notificationpage-content .n-actions .time {
      text-align: right; }
      .notificationPage .notification-outer .notificationpage-content .n-actions .time .timeago, .notification-tpl .notification-outer .notificationpage-content .n-actions .time .timeago {
        margin-right: 1em;
        font-weight: bold; }
    .notificationPage .notification-outer .notificationpage-content .n-actions .ui-block-b, .notificationPage .notification-outer .notificationpage-content .n-actions .ui-block-c, .notificationPage .notification-outer .notificationpage-content .n-actions .ui-block-d, .notification-tpl .notification-outer .notificationpage-content .n-actions .ui-block-b, .notification-tpl .notification-outer .notificationpage-content .n-actions .ui-block-c, .notification-tpl .notification-outer .notificationpage-content .n-actions .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;
  background-repeat: no-repeat;
  background-size: 50% 50%;
  background-position: center center; }
  .game-status-icon.game-check {
    background-image: url("../mobileimgs/symbol_activategame.png"); }
  .game-status-icon.game-shop, .game-status-icon.game-forbidden {
    background-image: url("../mobileimgs/locked.png"); }

/*
 * CUSTOM ICONS
 */
.ui-icon-yvtw-like {
  background-image: url("../mobileimgs/yvtw-like2.png");
  background-repeat: no-repeat; }

.ui-icon-yvtw-games {
  background-image: url("../mobileimgs/Symbol_baseHUD_Games.png");
  background-repeat: no-repeat; }

.ui-icon-yvtw-me {
  background-image: url("../mobileimgs/Symbol_baseHUD_me.png");
  background-repeat: no-repeat; }

@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");
    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 {
  text-shadow: 0 0 0 !important; }

.ui-page-theme-c .ui-header {
  height: 3em !important; }
  .ui-page-theme-c .ui-header 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;
  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; }
.ui-footer .ui-navbar .ui-grid-c .ui-link {
  opacity: .5;
  text-shadow: 0 0 0; }
  .ui-footer .ui-navbar .ui-grid-c .ui-link.ui-btn-active {
    opacity: 1; }

.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; }
  .yvtw-like-btn[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: #00a87f;
  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: #00a87f;
  font-size: 0.7em; }

.poststatus-status {
  border: 0.3em solid green;
  border-color: #00a87f !important;
  box-shadow: 0 0 0;
  border-radius: 1em;
  margin: 0 0 3em 0;
  resize: none !important; }
  .poststatus-status.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 {
  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; }

.ui-controlgroup-horizontal .ui-controlgroup-controls {
  display: block; }

.check-select-user {
  font-size: 0.9em;
  font-weight: normal; }
  .check-select-user strong {
    font-size: 1.2em; }

.ui-listview > p {
  margin: 0.5em 1em;
  padding: 0.5em 2em;
  text-align: center; }
  .ui-listview > p:nth-child(1) {
    font-weight: bold; }

.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; }
