body{
	margin:0px;
	font-family: 'Exo';
	background-color: rgb(12, 63, 118);
	position:fixed;
	height:400px;
}
.game-window{

	display:block;
	position:absolute;
}
.continue-button{
	background-image: url(images/continue.svg);
	background-position:center;
	height:4em;
	width:100%;
	background-repeat:no-repeat;
	position:fixed;
	bottom:2%;
	pointer-events:none;
}
.game-sidebar{
	/*background-image:url(images/GamePageOverlay_Bar.svg);
	background-repeat:no-repeat;
	background-size:100% auto;
	/*background-color:#075FA6;*/
	background-color:#043D77;
	position:absolute;
	/*width:64px;*/
	width:15%;
	/*min-width:64px;*/
	left:0px;
	height:100%;
	max-width:5rem;
}
.share-header{
	background-color:#043D77;
	color:#0095f3;
}

.share-body::-webkit-scrollbar-track{
	background-color:#08374d;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;

}

.share-body::-webkit-scrollbar{
	width: 12px;
}
.share-body::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,100,255,.3);
	background-color: #FFFFFF;
}
.share-body{
	height:calc(100% - 88px);
	overflow-y:auto;
	overflow-x:hidden;
	text-align:left;
}
.share-selected{
	background-color:rgba(126,85,219,0.8);
}
.share-background{
	height:100%;
	margin:4%;
	background:url(images/slant_tile.png);
	text-align:center;
}
.share-modal{
	display: block;
    position: absolute;
    width: 250px;
    height: 80%;
    margin-left: calc(50% - 135px);
    margin-right: auto;
    z-index: 7;
    top: 10%;
	border: solid 10px #76c8ff;
	border-top-left-radius: 20pt;
	border-bottom-right-radius: 20pt;
	background-color: #0095f3;
	/*height: calc(100% - 220px);*/
}
.share-close{
	color: white;
	display: block;
	float: right;
	border: none;
	background: transparent;
}
.friend-share-panel{
	width: 100%;
	cursor: pointer;
	height: 3rem;
	line-height: 3rem;
	position: relative;
}
.friend-share-panel img{
	pointer-events: none;
	height: 3rem;
    width: 3rem;
    position: absolute;
    top: 0px;
    left: 0px;
}
.friend-panel-name{
	pointer-events: none;
	display: inline-block;
	height: 3.5rem;
	position: absolute;
	top: 0px;
	left: 55px;
	width: calc(100% - 3rem);
}
.game-sidebar-button-box{
	background-color:#075FA6;
	position: relative;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
.disabled-transition{
	-webkit-transition: none !important;
    transition: none !important;
}
.badges-container{

	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
}
.game-side-slider{
	position: absolute;
	/*width:35%;*/
	width:60%;
	min-width:269px;
	right:0px;
	height:100%;
	z-index:7;
	background-color:#043D77;
	-webkit-transition: right 1s;
    transition: right 1s;
}
.panel-button{
	position:relative;
	margin: 0 5% 5% 5%;
	border:none;
	width:90%;
	padding-bottom: 100%;
	display:block;
	background-color:#075FA6;
	outline:none;
}
.fs-button{
	background-image:url(images/GamePageOverlay_FullScreen-default.svg);
	background-repeat:no-repeat;
}
.fs-button:active{
	background-image:url(images/GamePageOverlay_FullScreen-activePressed.svg);
}
.open-button{
	background-image:url(images/close.svg) !important;
	background-repeat:no-repeat;
}
.open-button:active{
	background-image:url(images/close-activePressed.svg) !important;
	background-repeat:no-repeat;
}
.ts-button{
	background-image:url(images/scores.svg);
	background-repeat:no-repeat;
}
.ts-button:active{
	background-image:url(images/scores_active.svg);
}
.game-badges-button{
	background-image:url(images/badges.svg);
	background-repeat:no-repeat;
}
.game-badges-button:active{
	background-image:url(images/badges_active.svg);
}
.large-badge-panel{
	position:relative;
	display:block;
	width:100%;
	background-image:url(images/badge_panel.svg);
	padding-bottom:26%;
	background-repeat:no-repeat;
}
.badge-tabs-list{
	display: table;
    width: 100%;
    margin: 0 auto;
	position: relative;
	z-index: 1;
	white-space: nowrap;
	padding-left:0;
}

.container{
  width:90%;
  margin: 0 auto;
}

.hr {
  border-bottom: 1px solid gray;
  width: 100%;
  height: 1px;
  margin: 0 auto;
  position:relative;
  bottom: 9px;
}
/*
.badge-tab{
	display: table-cell;
}
*/
.badge-screen-area{
	height:80px;
}
.badge-tab {
	position: relative;
	display: inline-block;
	padding: 0.5em 2em 0em 2em;
	color: inherit;
	text-decoration: none;
	margin: 0;
	color:#0095F3;
	cursor:pointer;
}

.badge-tab::before{
	/*border: .1em solid red;*/
}

.badge-tab::before {
	content: ''; /* To generate the box */
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: -1;
	border-bottom: none;
	border-radius: 0 0 0 0;
	background: #043D77;
	box-shadow: 0 0 hsla(0,0%,100%,.5) inset;
	transform: perspective(5px) rotateX(2deg);
	transform-origin: bottom;
}

.badge-tab.selected {
	z-index: 2;
}

.badge-tab.selected::before {
	/*margin-bottom: -1px;*/
	border-top-width: 1px;
}

.badge-tab.selected::before{
	background: #D5ECFC;
}



.badge-toast{
	position:absolute;
	width:5rem;
	background-image:url(images/badge_panel.svg);
	opacity:0.0;
	-webkit-transition: opacity 0.5s ease-in-out, left 1s;
    -moz-transition: opacity 0.5s ease-in-out, left 1s;
    transition: opacity 0.5s ease-in-out, left 1s;
	/*
	-webkit-transition: left 0.5s;
    transition: left 0.5s;
	*/
}
.hidden{
	display:none;
}
.badges-container::-webkit-scrollbar-track{
	background-color:#08374d;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.badges-container::-webkit-scrollbar{
	width: 12px;
}
.badges-container::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,100,255,.3);
	background-color: #FFFFFF;
}
.cbe{
	padding-top: 1%;
	background-color: #D5ECFC;
}
.badge-title{
	margin:0;
	padding:0;
	color:white;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow-x:hidden;
}
.badge-description{
	height:50%;
	overflow-y:hidden;
	overflow-x:hidden;
	text-overflow: ellipsis;
}
.marquee-extra{
	display:none;
}
@keyframes marquee {
  0% { left: 0; }
  100% { left: -300%; }
}
@media (max-width:800px) {
  .large-badge-panel{
	  font-size:0.5rem;
  }
  .badge-description{
	  height:33%;
  }
  .marquee {
    overflow: hidden;
    position: relative;
  }

  .marquee div {
    display: block;
    width: 600%;
    position: absolute;
    overflow: hidden;
    animation: marquee 5s linear infinite;
  }
  .marquee span {
    float: left;
    width: 50%;
  }
  .marquee-extra {
	  display: inline;
  }
}
.badge-main{
	position:absolute;
	width:63%;
	left:8%;
	height:100%;
}
.badge-toast .badge-main{
	color: white;
	font-weight: bold;
}
.badge-image{
	position:absolute;
	top:13%;
	right:7%;
	width:18%;
	height:auto;
}
.badge-progress{
	-webkit-appearance: none;
	appearance: none;
	width:100%;
	height:24%;
	background-color: #043D77;
	border-radius:0.5rem;
	position:relative;
}
.badge-progress-value{
	background-color: #0095F3;
	border-radius:0.5rem;
	position:relative;
	border:solid #043D77 0.1rem;
	display:block;
	height:100%;
	box-sizing: border-box;
}
.badge-progress-caption{
	position:absolute;
	text-align:center;
	width: 100%;
	color:white;
	margin-top: -0.6em;
	top: 50%
}

.game-end-screen{
	/*background-color:#55c1e9;*/
	background-image: url(images/game-score-bg.png);
	background-size: 100% 3em;
	position:absolute;
	top:0;
	left:0;
	opacity:0.0;
	-webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    font-size:2.5em;
    height:100%;
    width:calc(100% - 64px);

}
.badge-screen-header{
	white-space: nowrap;
}
.badge-screen-header-title{
	display:inline;
	font-size:2rem;
	margin-right:2rem;
	color:white;
}
.badge-header-caption{
	display:inline;
	color:#0095F3;
}
.badge-screen-container{
	border: solid 10px #76c8ff;
	border-top-left-radius:20pt;
	border-bottom-right-radius:20pt;
	margin:2% 5% 2% 5%;
	padding:5px;
	background-color:#0095f3;
	height:calc(100% - 168px);
}
.top-score-container{
	border: solid 10px #76c8ff;
	border-top-left-radius:20pt;
	border-bottom-right-radius:20pt;
	margin:2% 5% 2% 5%;
	padding:5px;
	background-color:#0095f3;
	height:calc(100% - 220px);
}
.top-score-decoration{
	background: url(images/sha.png);
    width: 100%;
    height: 50px;
    background-size: 464px 100%;
    background-position: 50% 0;
    background-repeat: no-repeat;
}
.top-score-header{
	height:80px;
	position:relative;
	/*top:2%;*/
}
.top-score-header svg{
	z-index:2;
}
.game-end-message{
	position:absolute;
	top:40%;
	left:50%;
	text-align:center;
	font-size:0.1em;
	color:white;
	font-family: 'Exo';
	font-weight:bold;
	white-space: nowrap;
	transform:translate(-50%, -50%) rotate(-10deg);
	text-shadow: 0.1em 0.1em #091D44;
	-webkit-transition: font-size 0.5s ease-in-out;
    -moz-transition: font-size 0.5s ease-in-out;
    transition: font-size 0.5s ease-in-out;
    pointer-events:none;
}
.game-end-ajax-loader{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:8em;
	height:8em;
	background: url(images/oval.svg);
	background-size: 100% 100%;
	pointer-events:none;
}
.bolt {
  filter: url(#bolt-inner-shadow);
}
.top-score-header .left-button{
	position:absolute;
	left:5%;
	cursor:pointer;
	width: 80px;
	height:80px;
	font-size:3em;
}
.top-score-header .right-button{
	position:absolute;
	right:5%;
	cursor:pointer;
	width:80px;
	height:80px;
	font-size:3em;
}
.top-score-text{
	position:absolute;
	text-align:center;
	display:block;
	width:60%;
	left:20%;
	height:80px;
	line-height:80px;
	font-family: 'Exo';
	font-size: 2em;
	color:white;
	pointer-events:none;
	white-space:nowrap;
	overflow:hidden;
}
.top-score-text div{
	display:inline-block;
	position:relative;
	width:100%;
	left:-100%;
	background-color:#043D77;
	-webkit-transition: left 0.5s;
    transition: left 0.5s;
}


.top-score-footer{
	position:relative;
}
.top-score-wrapper{
	background:url(images/slant_tile.png);
	height:98%;
	border-top-left-radius:15pt;
	border-bottom-right-radius:15pt;
	padding:10px;
}
.top-score-cell-end{
	border-top: solid 3px #55c1e9;
	background-color:#043D77;
	height:50px;
	/*color:white;*/
	text-align:right;
	padding:0 7 0 0;
	margin:0;
	display:table-cell;
}
.top-score-cell-center{
	border-top: solid 3px #55c1e9;
	border-left: solid 3px #55c1e9;
	border-right: solid 3px #55c1e9;
	border-top: solid 3px #55c1e9;
	background-color:#043D77;
	/*padding:2%;*/
	padding:0;
	margin:0;
	height:50px;
	display:table-cell;
	position:relative;
}
.top-score-table{
	width:100%;
	height:100%;
	display:block;
	overflow-y: auto;
	overflow-x: hidden;
	list-style-type:none;
	margin:0px;
	padding:0px;
	position:relative;
	border-collapse:collapse;
	font-size:1.5em;
	font-family: 'Exo';
	line-height:50px;
}
/*
.top-score-list{
	width:100%;
	height:100%;
	height:calc(100% - 50px);
	display:block;
	overflow-y: auto;
	overflow-x: hidden;
	list-style-type:none;
	margin:0px;
	padding:0px;
	position:relative;
}
*/
/*
.top-score-list li {
	position:relative;
	height:70px;
	width:418px;
	background:url(images/scorepanel.png)
}
.top-score-list li a{
	position:relative;
	height:70px;
	width:418px;
	display:block;
	background:url(images/scorepanel.png)
}
.top-score-list li a:active{
	background-color:yellow;
}
.top-score-list li a img{
	position:absolute;
	top:2px;
	left:85px;
	display:block;
}
*/
.user-score-rank{
	position:absolute;
	bottom:3px;
	left:0px;
	width:80px;
	text-align:right;
	font-size:2em;
	font-family: 'Exo';
}
.user-score-name{
	position:absolute;
	bottom:9px;
	width:318px;
	left:137px;
	font-size:2em;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  border: none;
  font-family: 'Exo';
  /*font: normal 72px/normal "Passero One", Helvetica, sans-serif;*/
  color: white;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
-o-text-overflow: clip;
  text-overflow: clip;
  white-space:nowrap;
}

.user-score-score{
	position:absolute;
	right:10px;
	top:0px;
	width:300px;
	text-align:right;
	font-family: 'Exo';
	font-size: 1.75em;
	color:white;
}
#topScoreTableBody{
	display:block;
	height:calc(100% - 5em);

	/*height:73%;*/
	overflow-y: auto;
	overflow-x: hidden;
	width:100%;
	margin:0;
	padding:0;
	-webkit-overflow-scrolling: touch;
}
#topScoreTableBody::-webkit-scrollbar-track{
	background-color:#08374d;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

#topScoreTableBody::-webkit-scrollbar{
	width: 12px;
}
#topScoreTableBody::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,100,255,.3);
	background-color: #FFFFFF;
}
/*
.top-score-list::-webkit-scrollbar-track{
	background-color:#08374d;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.top-score-list::-webkit-scrollbar{
	width: 12px;
}
.top-score-list::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,100,255,.3);
	background-color: #FFFFFF;
}
*/
/*
478
10%=47.8px
60%=286.8px
30%=143.4px
*/
.ts-user-row{
	display: table;

	white-space:nowrap;
	width: calc(100% - 5px);
}

@media (max-width:800px) {
	.ts-header-row{
		font-size:1rem;
	}
	#topScoreTableBody{
		height:calc(100% - 3em) !important;
	}
}
.ts-header-row .ts-player{
	width:55%
	text-align:center;
}
/*
.top-score-table thead{
	display:block;
}
*/
.ts-header-row{
	position:relative;
	display: table;
	white-space:nowrap;
	/*width: calc(100% - 17px);*/
	width:100%;
	color:#0095f3;
	background-color:#043D77;
	height:50px;

}
.ts-header-row div{
	display: table-cell;
}
.ts-rank{
	width:15%;
}
.ts-player{
	width:calc(55% - 14px);
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow:hidden;
}
.ts-user-row .ts-rank{
	color:white;
}
.ts-user-row .ts-score{
	color:#0096F3
}
.ts-player .ts-user-box{
	display:block;
	width:100%;
	position:absolute;
	height:100%;
	margin:0;
	padding:0;
	overflow:hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	text-decoration:none;
	color:#0096F3;
}

.ts-player img{
	float:left;
}
.ts-score{
	width:30%;
}
.top-score-screen{
	background-color:#043D77;
	position:absolute;
	top:0;
	right:0;
	width:85%;
	height:100%;
	opacity:0.0;
	-webkit-transition: opacity 0.5s ease-in-out ;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
.badges-screen{
	background-color:#043D77;
	position:absolute;
	top:0;
	right:0;
	width:85%;
	height:100%;
	opacity:0.0;
	-webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.shown{
	opacity: 1.0;
}

.score-panel{
	font-family: 'Exo';
	border:solid #0095F3 0.4em;
	transform:skew(-20deg);
	position:relative;
	height:3em;
	width:25em;
	background:url(images/scorepanelstripe.png);
	margin-bottom:0.5em;
	margin-top:0.5em;
	margin-left:auto;
	margin-right:auto;
}
.game-end-action-panel{
	width:25em;
	margin-left:auto;
	margin-right:auto;
	margin-top:0.5em;
	height:3em;
	position:relative;
}

.game-share-button{
	display:inline-block;
	background-color:#7E55DB;
	border-radius:0.15em;
	font-family: 'Exo';
	color:white;
	width:7em;
	text-decoration:none;
	text-align:center;
	position:absolute;
	left: 3em;
	font-size:1em;
	top:0.5em;
}
.share-loader{
	background-color:#7E55DB;
	border-radius:0.5rem;
	color:white;
	width:250px;
	position:absolute;
	text-align:center;
	left:calc(50% - 125px);
	top: 30%;
}
.top-score-footer{
	font-size:1.5rem;
}
.top-score-footer .game-share-button{
	right:3rem;
	left:auto;
}
.send-share-button{
	border-radius: 0.5rem;
    background-color: #7E55DB;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 1.5rem;
    width: 100%;
    height: 3rem;
    margin-top: 2%;
}
.send-share-button:active{
	background-color: white;
	color: #7E55DB;
}
.game-play-again-button{
	display:inline-block;
	background-color:#008BF2;
	border-radius:0.15em;
	font-family: 'Exo';
	color:white;
	width:7em;
	text-decoration:none;
	text-align:center;
	position:absolute;
	left: 3em;
	font-size:0.75em;
	top:0.25em;
}

.big-round-button .top-shade{
	fill: white;
}
.big-round-button .bottom-shade{
	fill: black;
}
.big-round-button:active .top-shade{
	fill: black !important;
}
.big-round-button:active .bottom-shade{
	fill: white !important;
}
.big-round-button-background{
	fill: #EB3541
}
.big-round-button-background:active{
	fill: #FF6470;
}

.big-round-button{
	display:inline-block;
	width:8em;
	font-family: 'Exo';
	color:white;
	position:absolute;
	right: 3em;
	cursor:pointer;
	height:3em;
}
.big-round-button-text{
	position:absolute;
	top:1.05em;
	left:0;
	width:100%;
	text-align:center;
	pointer-events:none;
	font-size:0.9em;
}
.score-panel label,.score-panel span,.score-panel img{
	display:block;
	position:absolute;
	line-height:1.5em;
	font-size: 2em;
	transform:skew(20deg);
	left:1em;
}


.game-score-value{
	color:#88F9A4;
	position:absolute;
	right:1em;
	left:auto !important;
}
.game-superpoints-value{
	left: auto !important;
	right: 3em !important;
	color:#FF4E00;
	text-shadow:
		-1px -1px 0 #fff,
		1px -1px 0 #fff,
		-1px 1px 0 #fff,
		1px 1px 0 #fff;
	transform:skew(20deg) rotate(-3deg) !important;
}
.score-panel img{
	height:1em;
	width:1em;
	transform:skew(0deg);
	top:0.1em;
}
.game-superpoints-symbol{
	display:block;
	position:absolute;
	width:5em;
	height:3em;
	right:1em;
	top:0em;
	transform:skew(20deg);
}
.game-sp-symbol-label{
	font-size:0.5em !important;
	bottom:0;
	transform:skew(0deg) !important;
	color:#FFE029;
	width:100%;
	text-align:center;
	margin-bottom:0.2em;
}
.game-superpoints-label{
	color:#FFE029;
}
.game-score-label{
	color:#0095F3;
}
.game-superpoints-mult-symbol{
	position:absolute;
	top:1em;
	left:0.75em;
	color:#FFE029;
}

.great-job-header {
	  background: red; /* For browsers that do not support gradients */
	  background: -webkit-linear-gradient(rgba(11,70,129,0.3), #5595E0, rgba(11,70,129,0.3)); /* For Safari 5.1 to 6.0 */
	  background: -o-linear-gradient(rgba(11,70,129,0.3), #5595E0, rgba(11,70,129,0.3)); /* For Opera 11.1 to 12.0 */
	  background: -moz-linear-gradient(rgba(11,70,129,0.3), #5595E0, rgba(11,70,129,0.3)); /* For Firefox 3.6 to 15 */
	  background: linear-gradient(rgba(11,70,129,0.3), #5595E0, rgba(11,70,129,0.3)); /* Standard syntax */
	  color:white;
	  font-family: 'Exo';
	  transform:rotate(-3deg);
	  width:112%;
	  font-size:2em;
	  z-index:2;
	  left:-10%;
	  top:0%;
	  position:relative;
	  text-align: left;
	  text-indent:3.5em;
}
.locked-points-section{
	position: absolute;
	height: 3em;
	width:100%;
	border-top:transparent 0.4em solid;
	z-index:5;
}
.locked-points-gradient-top{
	position:absolute;
	top:0;
	height:48%;
	width:100%;
	background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgba(0,0,0,0.85), rgba(255,111,252,0.85)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(0,0,0,0.85), rgba(255,111,252,0.85)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(0,0,0,0.85), rgba(255,111,252,0.85)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(0,0,0,0.85), rgba(255,111,252,0.85)); /* Standard syntax */
}
.locked-points-gradient-bottom{
	position:absolute;
	top:52%;
	height:48%;
	width:100%;
	background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgba(255,111,252,0.85), rgba(0,0,0,0.85)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(255,111,252,0.85), rgba(0,0,0,0.85)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(255,111,252,0.85), rgba(0,0,0,0.85)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(255,111,252,0.85), rgba(0,0,0,0.85)); /* Standard syntax */
}
.locked-points-message-box{
	background-color :#342E34;
	border:solid rgb(255,111,252) 0.2em;
	transform:skew(-20deg);
	width: 25em;
    margin-left: auto;
    margin-right: auto;
    top: 28%;
    position: relative;
    height: 1em;
    border-radius: 0.2em;

}
.locked-points-message-text{
    color: #F0EFF0;
    font-family: 'Exo';
    width: 87%;
    position: relative;
		top:-0.15em;
    left: 13%;
    text-align: center;
}
.locked-points-image{
	position: absolute;
	width: 7em;
	height: 7em;
	z-index: 6;
	margin-top: -1.1em;
	left: 3em;
}
.ts-user-box img{
	height:50px;
	width:50px;
}

@media (max-width:800px) {
	.top-score-header .left-button{
		width: 40px;
		height:40px;
		z-index:3;
	}
	.top-score-header .right-button{
		width:40px;
		height:40px;
		z-index:3;
	}
	.top-score-text{
		height:40px;
		font-size:1em;
		line-height:40px;
	}
	.top-score-header{
		height:40px;
	}
	.top-score-container{
	    height: calc(100% - 120px);
	}
	.top-score-decoration{
		height: 20px;
		background-size: 100% auto;
	}
	.ts-header-row{
		height:20px;
		font-size:0.5em;
	}
	.top-score-table{
		line-height:20px;
		font-size:1em;
	}
	.ts-user-box img{
		height:20px;
		width:20px;
	}
	.top-score-cell-end{
		height:20px;
	}
	.top-score-cell-center{
		height:20px;
	}
	.top-score-footer .game-share-button{
		top:0;
		width:80%;
		font-size:1em;
		left:10% !important;
		right: auto !important;
	}
	.badge-screen-header{
		font-size: 0.5em;
	}
	.badge-screen-header-title{
		font-size: 1rem;
		margin-right:0.5rem;
	}
	.badge-screen-container{
	    height: calc(100% - 100px);
	}
	.badge-tabs-list{
		font-size: 0.5rem;
	}
	.badge-tab{
		padding: 0.2rem 0.4rem 0rem 0.4rem;
	}
}