/* *********************************************************************************************************
Account analysis section 
********************************************************************************************************* */

#AccountAnalysisPromo {
	grid-template-columns: calc(50% - 30px) calc(50% - 30px);
	display: grid;
	grid-column-gap: 60px;
	grid-row-gap: 40px;
}

#AccountAnalysisImageContainer {
	max-height: 350px;
	overflow: hidden;
	border-bottom: solid 1px #e0e0e0;
}


@media screen and (max-width: 1300px) {
	#AccountAnalysisPromo {
		grid-template-columns: calc(50% - 30px) calc(50% - 30px);
	}
}

@media screen and (max-width: 700px) {
	.AnalysisPromoTableWidgets {display: none;}
}

@media screen and (max-width: 550px) {
	.AnalysisPromoTableStats {display: none;}
}

@media screen and (max-width: 900px) {
	#AccountAnalysisImageContainer {
		max-height: 200px;
		border-bottom: solid 1px #e0e0e0;
		overflow: hidden;
	}
	#AccountAnalysisPromo {
		grid-template-columns: 100%;
	}
	
	#AccountAnalysisImageContainer {
		grid-row: 1;
	}
}



.FavouriteAppTileContainer, .AllAppTileContainer {
	margin-top: 20px;
	display: grid;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	grid-template-columns: calc(50% - 10px) calc(50% - 10px);
}

@media screen and (max-width: 800px) {
	.FavouriteAppTileContainer, .AllAppTileContainer {
		grid-template-columns: 100%;
	}
}

.FavouriteAppTile {
	padding: 15px 20px;
	border-radius: 15px;
	background: white;
	box-shadow: 0px 0px 10px #00000029;
}

.FavouriteAppTile H3  {
	margin: 10px 0 10px 0;
}

.FavouriteAppTile H3 A {
	text-decoration: none;
}





.AnalysisPromoIcon {
	width: 50px;
	height: 50px;
	background: #00C4FF;
	padding: 20px;
	border-radius: 10px;
	box-sizing: content-box;
}

.AnalysisPromoIcon:hover {
	background: #104FF7;
}

.AnalysisPromoTable TD {
	text-align: center;
	padding: 0 20px 0 20px;
}

.AnalysisPromoTable TD:first-of-type {
	padding-left: 0;
}


@media screen and (max-width: 450px) {
	.AnalysisPromoIcon {
		width: 40px;
		height: 40px;
		padding: 15px;
	}

	TABLE.AnalysisPromoTable {
		width: 100%;
	}
	.AnalysisPromoTable TD {
		width: 33%;
		text-align: center;
		padding: 0 0 0 0;
	}
}