/* Standards
-------------------------------------------------- */
html {
	height: 100%;
	font-size: 6.25%;
	-webkit-user-select: none;
	        user-select: none;
	cursor: default;
	background-color: #fff;
}
@font-face {
	font-family: lato-light;
	src: url(../assets/font-latolight.eot);
	src: local(☺),
        url(../assets/font-latolight.ttf) format("truetype"),
        url(../assets/font-latolight.svg) format("svg");
	font-style: normal;
}
body{
	height: 100%;
	font-weight: normal;
	font-size: 17rem;
	font-family: "lato-light", sans-serif;
	text-size-adjust: none;
}
:focus {
	outline: 0;
}
body, h1, h2, h3, h4, p, ul, ol, figure {
	margin: auto;
}
ul, ol {
	padding: 0;
}
li {
	list-style: none;
}
img, abbr, iframe {
	border: 0;
}
p {
	font-size: 15rem;
	line-height: 19rem;
}
a, img {
	-webkit-user-drag: none;
	        user-drag: none;
}
a {
	text-decoration: none;
	outline: 0;
}
img {
	max-width: 100%;
    vertical-align: middle;
}



/* Common rules
-------------------------------------------------- */
/* Wrapper */
.common-layout {
	min-width: 320px;
	width: auto!important;
	width: 320px;
	padding-right: 6%;
	padding-left: 6%;
	box-sizing: border-box;
}

.sprites, .sprites-before:before {
	display: inline-block;
	background-image: url(sprites.png);
	background-repeat: no-repeat;
}
.sprites-before:before {
	content: "";
}
.box-migrate .sprites, .box-migrate .sprites-before:before {
	background-image: url(sprites.png);
}

/* Icons */
.icon-apple {
	width: 18px;
	height: 18px;
	background-position: 0 0;
}
.icon-android {
	width: 18px;
	height: 18px;
	background-position: -18px 0;
}
.icon-install {
	width: 18px;
	height: 18px;
	background-position: -36px 0;
}
.icon-trash {
	width: 18px;
	height: 18px;
	background-position: -54px 0;
}

/* Images */
.imgicon {
	width: 60px;
	height: 60px;
}
.imgicon-small {
	width: 35px;
	height: 35px;
}

.clearfix:before, .clearfix:after {
	display: table;
	content: "";
}
.clearfix {
	zoom: 1;
}
.clearfix:after {
	clear: both;
}
.column {
	zoom: 1;
	display: table-cell;
	vertical-align: top;
}
.transition:before, .transition {
	-webkit-transition: .25s ease-in-out;
	        transition: .25s ease-in-out;
}
.transition:hover:before, .transition:hover {
	-webkit-transition: .1s ease-in-out;
	        transition: .1s ease-in-out;
}
.content-center {
	display: block;
	display: -webkit-box;
	display:         box;
	-webkit-box-orient: horizontal;
	        box-orient: horizontal;
	-webkit-box-pack: center;
	        box-pack: center;
	-webkit-box-align: center;
	        box-align: center;
}
.active {
	display: block!important;
}

/* Buttons */
.button {
	overflow: hidden;
	display: inline-block;
	width: 119px;
	padding: 8px 9px;
	color: #fff;
	font-weight: normal;
	font-size: 16rem;
	line-height: 17px;
	text-transform: uppercase;
	vertical-align: top;
	white-space: nowrap;
	background-color: #0090e2;
	border-radius: 2px;
	cursor: pointer;
}
/* .button-accept {	background-color: #4787ed; } */
.button-install {
	color: #343434;
	background-color: #fbd200;
}
.button-reject {
	background-color: #d14836;
}



/* Migrated apps
-------------------------------------------------- */
.box-migrate {
	width: 480px;
	margin: auto;
}
.box-migrate h2 {
	padding-bottom: 3px;
	color: #fff;
	font-size: 26rem;
	line-height: 42px;
	text-indent: 26px;
	background-color: #343434;
}
.box-migrate-games h2 {
	background-color: #9a17ad;
}
.list-migrate {
	padding-bottom: 22px;
}
.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.group-heading h4, .group-heading h3 {
	display: inline-block;
	vertical-align: top;
}
.group-heading h4 {
	width: 143px;
	font-size: 16rem;
}
.group-heading .icon-apple {
	margin-right: 2px;
}
.group-heading h3 {
	width: 281px;
	padding-left: 4px;
	font-size: 18rem;
}
.group-heading .icon-android {
	margin-right: 4px;
}
.item-migrate {
	padding: 22px;
	border-bottom: 1px solid #e5e5e5;
}
.content-migrate {
	padding: 8px 20px 0;
}
.group-img, .group-img li, .group-button {
	float: left;
}
.group-img .arrow-combine {
	padding-right: 100px;
	margin-top: 24px;
	background-position: 0 -18px;
}
.group-img .imgicon-small {
	padding: 3px;
}
.group-img  .imgicon {
	vertical-align: top;
	padding: 15px 10px;
}
.group-button {
	margin-left: 30px;
}
.group-button li {
	margin-top: 7px;
}
.group-button .button .sprites {
	margin-right: 6px;
}



/* Cross-browser
-------------------------------------------------- */
/* IE6-8 */
@media \0screen\,screen\9 {
    /* HTML5 elements behave */
    article, aside, footer, header, hgroup, nav, section, figure, figcaption, address {
    	display: block;
    }
    time {
    	display: inline;
    }
    form {
    	*margin: 0;
    }
}