#bg-game-results{
	text-align:center;
}

.light-line-below{
	border-bottom:solid 1px #dadada;
}
.light-line-top{
	border-top:solid 1px #dadada;
}

.light-line-right{
	border-right:solid 1px #dadada;
}

.light-line-left{
	border-left:solid 1px #dadada;
}

.result-charts{
	z-index: -1;
}

.results-game-title{
	text-align:center;
}

.goalTextMessageDiv h2{
	    line-height: 1.1;
    color: #4a4a40;
	font-size: 20px;
	    margin-top: 11px;
    margin-bottom: 11px;
}

#stickmenList .bfiMakeVerticalAlign{
	margin-top: 0 !important;
}

.results-progress-text{
	min-height: 175px;
}

.results-vertical-align{
	
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
			
			-webkit-justify-content: space-around;
     -ms-flex-pack: distribute;
         justify-content: space-around;
}

.results-horizontal-align{
	 display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
			
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-webkit-flex-direction: column;
			-ms-flex-direction: column;
					flex-direction: column;
					
					-webkit-justify-content: space-around;
     -ms-flex-pack: distribute;
         justify-content: space-around;
}

.result-padding{
	padding: 1em 0;
	margin:0;
}

.result-nopadding{
	padding: 0;
}

.result-chart-date-label{
    font-size: 0.8em;
    line-height: 1em;
}

.results-encouragement-text{
    font-size: 14px;
}

.achievementmessage{
    color: #812b8a;
    margin: 0.2em 0em;
    display:none;
}

.results-coaching-feedback{
    text-align:left;
    padding: 1em;
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    #bg-game-results-bfi #stickmenList{
        max-width:320px;
        margin: 0 auto;
        display: inline-block;
        float: none;
    }
    
    #bg-game-results-bfi, .user-game-rating{
        min-height: 160px;
    }
    
    .user-game-rating{
        display: inline-block;
        padding: 1em 0!important;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .progressChart{
        margin-top:0.5em;
        min-height: 140px;
    }
    
    .results-progress-text {
        min-height: auto;
    }
    #bg-game-results-bfi, .user-game-rating{
        min-height: auto;
    }
    
    .innerGoalPieText {
        /*top: 63px;*/
        top:64px;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
   
   .result-charts{
       min-height: 300px!important;
   }
   
   .results-vertical-align {
       -webkit-box-direction: normal;
		-webkit-flex-direction: column;
			-ms-flex-direction: column;
					flex-direction: column;
   }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    
    
}

.magictime {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.tinUpIn {
  -webkit-animation-name: tinUpIn;
  animation-name: tinUpIn;
}

@-webkit-keyframes tinUpIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(-900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
  }
}
@keyframes tinUpIn {
  0% {
    opacity: 0;
    transform: scale(1, 1) translateY(-900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateY(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    transform: scale(1, 1) translateY(0);
  }
}

.results-table{
	width: 100%;
	border-top: 1px solid #dadada;
    margin-bottom: 25px;
}
.results-table, th, td {
	border-bottom: 1px solid #dadada;
    height: 30px;
    /*background: linear-gradient(90deg, lightblue 0%, lightblue 35%, #f9f9f9 40%);*/
}

.results-tabs:after { 
    content: " "; 
    display: block;
    clear: both;
}