/* CSS Document */

body{
	background-color: #111111;
	
	/* display only on body, not on td, th */
	display:block; 
	overflow:hidden;
	overflow-y:scroll;
	
	width:100%;
	margin:0px;
	
	text-align:center;
	
	/* should prevent the text o increase when device switches to landscape */
	/* "none" would prevent user zooming on some browser, so use 100% */
	-moz-text-size-adjust:100%;
	-webkit-text-size-adjust:100%; 
	-ms-text-size-adjust:100%;
}

body,td,th {
	color: #33B5E5;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
}


a:link, a:visited{
	color:#33B5E5;
	text-decoration:underline;
}

a:hover{
}







/* header >>> */
.header{
	display:inline-block;
	width:100%;
	position:fixed;
	z-index:10000;
	left:0px;
	text-align:center;
	box-sizing:border-box;

}

#top_menu_close_button{
	color:#FF0000;
	fill:#FF0000; 
	display:none;
}

.header_buttons{
	
	/* position is needed for z-index to work */
	/* z-index is needed for overlapping properly with drop down menu */
	position:relative;
	z-index:9000; 
	
	display:inline-flex;
	
	width:100%;
	box-sizing:border-box;
	max-width:502px;
	
	margin:auto;
	background-color:#333;
	
	border-top:1px solid #333;
	border-bottom:1px solid #333;
}


.header_buttons a:link, .header_buttons a:visited{

	display:flex;
	vertical-align:middle;
	justify-content: center;

	align-content:center;
	align-items:center;
	
	box-sizing:border-box; /* include padding and border in size */
	width:100%;
	height:60px;

	padding-top:5px;
	padding-bottom:5px;
	
	background-color:#000;
	
	/* simulate a borer by a space between buttons, so that the border will NOT change opacity with the button rollover */
	margin-left:1px;

}

.header_buttons a:last-of-type{
	margin-right:1px;
}

.header_buttons a:hover{
	color:#FFF;
}

/* the vertical spacer that pushes content lower under the floating bar */
.header_spacer{
	width:100%;
	/* buttons height plus calculations */
	height:calc(60px + 0em + 2px); 
}


.header_buttons a svg{
	width:36px;
	height:36px;
	fill:#33b5e5;
	/* remove blur on mozilla */
	/*transform: rotate(0.03deg);*/	
}

.header_buttons a svg:hover{
	fill:#FFF;	
}




.top_dropdown_menu{
	
	width:calc(100%);
	/* need 2 px more to overlap the left/right borders of the content underneath */
	max-width:502px;
	 
	margin:auto;
	/* better to hard-code this in the inline css, so it will not delay */
	/* margin-top:-420px; */

	transition: margin-top 200ms;

}

.top_dropdown_menu_links{
	width:calc(100%);
	box-sizing:border-box;
}

.top_dropdown_menu_links a:link, .top_dropdown_menu_links a:visited{

	display:flex;
	width:calc(100%);
	box-sizing:border-box;
	
	align-content:center;
	align-items:center;	
	
	padding:1em;
	padding-right:2em;
	
	border:1px solid #333;
	border-top:0px;

	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	
	background-color:#000;
}

/* also change icon color on text hover, otherwise the icon/text react separately */
.top_dropdown_menu_links a:hover, .top_dropdown_menu_links a:hover svg{
	background-color:#333;
	color:#FFF;
	fill:#FFF;
}

.top_dropdown_menu_links a svg{
	width:36px;
	height:36px;
	fill:#33b5e5;	
	margin-right:1em;
}
.top_dropdown_menu_links a svg:hover{
	fill:#FFF;
}



/* decrease buttons height on horizontal screens with small height */
@media screen and (max-height: 450px) {
	.header_buttons a:link, .header_buttons a:visited{
		height:40px;
	}
	.header_spacer{
		width:100%;
		height:calc(40px + 0em + 2px);
	}
	.top_dropdown_menu_links a:link, .top_dropdown_menu_links a:visited{
		padding:0.5em;
	}
}

/* <<< header */








/* >>> lightbox >>> */

#tntcode_lightbox_container{
	width:100%; 
	height:100%; 
	background-color:rgba(0, 0, 0, 0.7); 
	
	position:fixed; 
	left:0px; 
	top:0px;   
	
	/*display: flex; */
	/* by default the box is not visible (display:none;) and we set display:flex when a button is clicked */
	display:none;
	
	align-content:center;
}

#tntcode_lightbox{
	background-color:#FFF; 
	border-radius:4px; 
	max-width:300px; 
	margin:auto;
	padding:1em;
}

#tntcode_lightbox p{
	margin:0px; 
	line-height:1.5em;
}

#tntcode_lightbox_close_button{
	background-color:#FF0000; 
	color:#FFF; 
	float:right; 
	padding:0.5em; 
	border-radius:4px; 
	cursor:pointer;
	text-align:center;
	width:1em;
	height:1em;
	line-height:1em;
	font-family:arial;
}

/* <<< lightbox <<< */



.breadcrumb{
	padding-left:1em;
	padding-right:1em;
	color:#CCC;
	text-transform:lowercase;
}

.breadcrumb a:link, .breadcrumb a:visited{
	color:#CCC;
}


#content{
	
	max-width:500px;
	margin:auto;
	margin-top:-1em;
	text-align:left;
	
	background-color:#000;

	padding-top:1em;
	
	border:1px solid #333;
	border-top:none;
	
}

p{
	line-height:1.7em;
}

.padded_content{
	padding-left:1em;
	padding-right:1em;
	
	/*width:calc(100% - 2em);*/
	
	box-sizing:border-box;
	width:100%;
}


ul.padded_content{
	padding-left:2em;
	padding-right:1em;
	
	margin-left:0px;
	margin-right:0px;	
	
	width:calc(100%);
	box-sizing:border-box;
}

ul.padded_content li{
	margin-top:1em;
}


/* normal hr (NOT inside padded content) */
hr{
	display:block; 
	border:none;
	height:1px;
	background-color:#333;
	box-sizing:border-box;
	width:100%;
	
	margin-top:1em;
	margin-bottom:1em;
}

/* hr inside padded content is a bit different (margins) */
.padded_content hr{
	display:block; 
	border:none;
	height:1px;
	background-color:#333;
	box-sizing:border-box;
	width:calc(100% + 2em);
	
	margin-top:1em;
	margin-bottom:1em;
	
	margin-left:-1em;
	margin-right:-1em;
}


h1{
	font-size:18px;
	padding-left:1em;
	padding-right:1em;
	color:#FFFFFF;
	
	line-height:1.5em;
	
	/* to align the "back" icon on some pages centered vertically inside the h1 */
	display: flex;
	align-items: center;


}

h2{
	font-size:16px;
	padding-left:0.9em;
	color:#FFFFFF;
}



.footer{
	display:block; 
	width:100%; 
	padding-top:1em; 
	padding-bottom:1.5em; 
	text-align:center; 
	color:#888; 
	font-size:14px;
	text-transform:uppercase;
	cursor:default;
}





/* home upload button >>> */
a.home_upload_button:link, a.home_upload_button:visited{
	display:block; 
	padding:15px; 
	background-color:#009C1B; 
	color:#FFF; 
	text-decoration:none; 
	border:1px solid #006a0d; 
	border-radius:5px;
	background-image: linear-gradient(#00ce29, #007e13);
	text-shadow:-1px -1px #555;
	font-size:18px;
}
a.home_upload_button:hover{
	background-color:#00B809;
	background-image: linear-gradient(#00e62f, #007e13);
}

a.home_upload_button svg{
	width:32px; 
	height:32px; 
	fill:#FFF; 
	vertical-align:middle;
	filter: drop-shadow(-1px -1px 0px #555);
}

a.home_upload_button span{
	display:inline-block; 
	vertical-align:middle; 
	line-height:1em;
	font-weight:bold;
	letter-spacing:1px;
	margin-left:10px;
}
/* <<< home upload button */






.category_list{
	
}

.category{
}

.category a:link, .category a:visited{
	display:block;
	text-decoration:none;
	padding:1em;
	border-top:1px solid #333;
	color:#33B5E5;
}


.category a:hover{
	background-color:#333;
}





.message_success {
	padding:1em;
	background-color:#009900;
	color:#FFFFFF;
	margin-bottom:1em;
	line-height:1.5em;
	display:block;
}

.message_error {
	padding:1em;
	background-color:#CE0000;
	border:1px solid #990000;
	color:#FFFFFF;
	margin-bottom:1em;
	line-height:1.5em;
	display:block;
}


input[type=text], input[type=email], input[type=number], input[type=tel], input[type=url]{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:16px;
	padding:0.5em;
	line-height:1.5em;
}


input.full_box{
	
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:16px;
	
	box-sizing:border-box;
	width:100%; 
	
	padding:0.5em;
	border:2px solid #177BBD;
	
	border-radius:0px;
	-webkit-appearance: none;
}
textarea.full_box{

	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:16px;
	line-height:1.5em;
	
	/* decrease font a bit for more text to fit in box */	
	font-size:15px;
	
	padding:0.5em;
	box-sizing:border-box;
	width:100%; 
	border:2px solid #177BBD;
}
select.full_box{

	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:16px;	
	
	padding:0.5em;
	box-sizing:border-box;
	width:100%; 
	border:2px solid #177BBD;
}


/* common styles for all liquid buttons, before adding exceptions for yellow and red buttons */
/* to use a colored button, set class="liquid_button yellow_button" */
a.liquid_button, .liquid_button{
	
	text-decoration:none;
	text-transform:uppercase;
	
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:18px;
	overflow:hidden;
	white-space:nowrap;

	display:flex;
	align-content:center;
	align-items:center;
	justify-content: center;

	line-height:normal;
	padding-top:1px;

	box-sizing:border-box;
	width:100%;
	height:50px;
	
	border-radius:0px;
	-webkit-appearance: none;
	
	/* set border radius AFTER removing default appearence above, e.g on IOS */
	border-radius:4px;
	
	cursor:pointer;
}

/* svg icon inside button */
a.liquid_button svg, .liquid_button svg{
	fill:#FFF;
	-webkit-filter: drop-shadow(-1px -1px 0px #0b3d9c); 
	filter: drop-shadow(-1px -1px 0px #0b3d9c);
	width:24px;
	height:24px;
	margin-top:-2px;
	/* remove blur on mozilla */
	transform: rotate(0.03deg);
}



a.blue_button, .blue_button{
	color:#FFF;
	background-color:#177BBD;
	text-shadow:-1px -1px #0b3d9c;
	
	background-image: linear-gradient(to bottom, #177bbd, #0f50a6);
	box-shadow: inset 1px 1px 1px #23b9de;
	border:1px solid #0B3D9C;

}
a.yellow_button, .yellow_button{
	color:#000000;
	background-color:#FFF;
	text-shadow: 1px 1px #FFFF00;
	
	background-image: linear-gradient(to bottom, #FFCC00, #ffae00);
	box-shadow: inset 1px 1px 0px #ffff00;
	border:1px solid #F90;
}
a.red_button, .red_button{
	color:#FFF;
	background-color:#ff0000;
	text-shadow: -1px -1px #7f0000;
	
	background-image: linear-gradient(to bottom, #CC0000, #ae0000);
	box-shadow: inset 1px 1px 1px #ff0000;
	border:1px solid #7f0000;
}

/* svg icon inside each button color */
a.yellow_button svg, .yellow_button svg{
	fill:#000;
	-webkit-filter: drop-shadow(1px 1px 0px #FFFF00); 
	filter: drop-shadow(1px 1px 0px #FFFF00);
}
a.red_button svg, .red_button svg{
	fill:#000;
	-webkit-filter: drop-shadow(-1px -1px 0px #7f0000); 
	filter: drop-shadow(-1px -1px 0px #7f0000);
}


/* rollover colors of liquid buttons */
a.blue_button:hover, .blue_button:hover{
	background-image: linear-gradient(to bottom, #33b5e5, #1489d5);
	box-shadow: inset 1px 1px 1px #4ddaf2;
}

a.yellow_button:hover, .yellow_button:hover{
	background-image: linear-gradient(to bottom, #ffd400, #ffba00);
	box-shadow: inset 1px 1px 0px #ffff00;
}

a.red_button:hover, .red_button:hover{
	background-image: linear-gradient(to bottom, #e20000, #d10000);
	box-shadow: inset 1px 1px 1px #ff0000;
}


a.bitcoin_buy_button:link, a.bitcoin_buy_button:visited{
	
	padding:15px;
	
	border:1px solid #CCC;
	
	background-image:url(https://www.apkfiles.com/images/logo_bitcoin_24x24.png), url(https://www.apkfiles.com/images/bitcoin_button_bg.png);
	background-repeat:no-repeat;
	background-position:10px center, top left;
	
	background-color:#FAFAFA;
	color:#4D4D4D;
	text-shadow:1px 1px #FFF;
	
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
	text-decoration:none;
	padding-left:45px;
	
	display:inline-block;
	border-radius:3px;
}

@media (max-width:600px) {
	a.bitcoin_buy_button:link, a.bitcoin_buy_button:visited{
		width:100%;
		padding-left:0px;
		padding-right:0px;
		text-align:center;
	}

}

a.bitcoin_buy_button:hover{
	background-color:#FFF;
	color:#000;
}


.bitcoin_badge{
	padding:10px;
	padding-left:42px;
	padding-right:17px;
	
	border:1px solid #CCC;
	
	background-image:url(https://www.apkfiles.com/images/logo_bitcoin_24x24.png), url(https://www.apkfiles.com/images/bitcoin_button_bg.png);
	background-repeat:no-repeat;
	background-position:6px center, top left;
	
	background-color:#FAFAFA;
	color:#4D4D4D;
	text-shadow:1px 1px #FFF;
	
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	line-height:1em;

	
	display:inline-block;
	
	border-radius:3px;
	border-radius:0px;
	
	cursor:default;
}



.help_topics_list{
	border-bottom:1px solid #333;	
}

.help_topics_list a:link, .help_topics_list a:visited{
	display:block;
	text-decoration:none;
	padding:1em;
	border-top:1px solid #333;	
}

.help_topics_list a:hover{
	background-color:#333333;
}



#family_safe_buttons{
	display:inline-block;
	height:30px; 
	margin-top:10px; 
	vertical-align:text-bottom; 
	margin-bottom:-5px;
}

.family_safe_switch{
	display:inline-block; 
	line-height:1em;
	cursor:pointer;
	color:#FFF;
	padding:0.5em;
	text-decoration:none;
	box-sizing:border-box;
}

.virus_icon{
	display:inline-block;
	width:15px;
	height:16px;
	background-image:url(https://www.apkfiles.com/images/virus_icons.png);
	background-repeat:no-repeat;
	margin-bottom:-3px;
}

.red_text{
	color:#C00000;
}





/* back button in h1 title, on some pages like file edit page */

a.title_back_button{
	color:#FFCC00;
	margin-right:1em;
	display:inline-block;
	margin-bottom:-7px;
}

a.title_back_button svg{
	fill:#FFCC00;
	width:36px;
	height:36px;
	transform: rotate(0.03deg);
}





/* spinning svg circle animation >>> */

.circle_animation {
	-webkit-animation: rotate 2s linear infinite;
	animation: rotate 2s linear infinite;
	width: 36px;
	height: 36px;
}

.circle_animation circle {
	stroke-linecap: round;
	-webkit-animation: dash 1.5s ease-in-out infinite;
	animation: dash 1.5s ease-in-out infinite;
}

@-webkit-keyframes rotate {
  100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
	stroke-dasharray: 90, 150;
	stroke-dashoffset: -124;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
/* in html:
<svg class="circle_animation" style="color:#FFCC00;" viewBox="0 0 50 50">
<circle cx="25" cy="25" r="20" fill="none" stroke-width="5" stroke="currentColor"></circle>
</svg>
*/

/* <<< spinning svg circle animation */







.google_ad_home_placeholder{
	display:none;
}
.google_ad_file_placeholder{
	display:none;
}
.google_ad_search_placeholder{
	display:none;
}

.google_ad_home{
	z-index:100; 
	display:block; 
	width:100%; 
	box-sizing:border-box; 
	text-align:center; 
	padding-left:1em; 
	padding-right:1em; 
	margin-top:3em; 
	margin-bottom:3em;
}

.google_ad_file{
	z-index:100; 
	display:block; 
	width:100%; 
	box-sizing:border-box; 
	text-align:center; 
	padding-left:1em; 
	padding-right:1em;
	 
	 
	/*
	margin-top:3em; 
	margin-bottom:3em;
	*/
	
	/* 2024-01-08 added fixed height in order to prevent CLS !!! */
	margin-top:1em; 
	margin-bottom:1em;
	
	min-width:100%;
	aspect-ratio:4/3;

}

.google_ad_search{
	z-index:100; 
	display:block; 
	width:100%; 
	box-sizing:border-box; 
	text-align:center; 
	padding-left:1em; 
	padding-right:1em; 
	margin-top:3em; 
	margin-bottom:3em;
}



/* share buttons, first they are liquid_button, then these are color customizations >>> */

a.share_button_facebook{
	color:#FFF;
	background-color:#3b5998;
	
	background-image: linear-gradient(to bottom, #70a9f5, #3c5b9a);
	
	border-radius:0px;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	
	border-right:none;
}
a.share_button_facebook svg{
	-webkit-filter: drop-shadow(-1px -1px 0px #273b94); 
	filter: drop-shadow(-1px -1px 0px #273b94);
}

a.share_button_twitter{
	color:#FFF;
	background-color:#00acee;
	
	background-image: linear-gradient(to bottom, #00f7fd, #00aeee);
	
	border-radius:0px;
	border-left:none;
	border-right:none;
}
a.share_button_twitter svg{
	-webkit-filter: drop-shadow(-1px -1px 0px #0093e9); 
	filter: drop-shadow(-1px -1px 0px #0093e9);
}

 
a.share_button_linkedin{
	color:#FFF;
	background-color:#0072b1;
	
	background-image: linear-gradient(to bottom, #00d9f7, #0074b3);
	
	border-radius:0px;
	border-left:none;
	border-right:none;
}
a.share_button_linkedin svg{
	-webkit-filter: drop-shadow(-1px -1px 0px #134479); 
	filter: drop-shadow(-1px -1px 0px #134479);
}


a.share_button_pinterest{
	color:#FFF;
	background-color:#c8232c;
	
	background-image: linear-gradient(to bottom, #f94253, #c9242d);
	
	border-radius:0px;
	border-left:none;
	border-right:none;
}
a.share_button_pinterest svg{
	-webkit-filter: drop-shadow(-1px -1px 0px #7f0000); 
	filter: drop-shadow(-1px -1px 0px #7f0000);
}


a.share_button_reddit{
	color:#FFF;
	background-color:#FF4301;
	
	background-image: linear-gradient(to bottom, #ff7f02, #ff4401);
	
	border-radius:0px;
	border-left:none;
	border-right:none;
}
a.share_button_reddit svg{
	-webkit-filter: drop-shadow(-1px -1px 0px #ff0000); 
	filter: drop-shadow(-1px -1px 0px #ff0000);
}


a.share_button_whatsapp{
	color:#FFF;
	background-color:#008700;
	
	background-image: linear-gradient(to bottom, #00f300, #25b440);
	
	border-radius:0px;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	
	border-left:none;
}
a.share_button_whatsapp svg{
	-webkit-filter: drop-shadow(-1px -1px 0px #005e00); 
	filter: drop-shadow(-1px -1px 0px #005e00);
}
a.share_button_whatsapp:rollover{
	background-image: linear-gradient(to bottom, #59d366, #008800);
	box-shadow: inset 1px 1px 0px #72ff9a;
	border:1px solid #008700;
}


/* this is the Google adsense confirmation bar that remains at the bottom when adsense GDPR prompt was already accepted */
.google-revocation-link-placeholder{
	display:none;
}
/* CSS Document */

/* file page >>> */

.file_header{
	display:flex; 
	width:100%; 
	align-content:center; 
	align-items:center; 
	margin-top:1em; 
	margin-bottom:2em;
}

.file_header img{
	float:left; 
	margin-right:1em;
}

h1.file_title{
	margin:0px; 
	padding:0px; 
	display:inline-block; 
	width:100%; 
	font-size:16px;
	color:#FFF;
	max-height:3em; 
	overflow:hidden; 
	text-overflow:ellipsis; 
	margin-top:-0.3em;
}

.file_buttons_container{
	display:flex; 
	width:100%; 
	margin-top:1em; 
	/*
	margin-bottom:1em;
	*/
}

.file_buttons_container svg{
	/* on mozilla it makes the menu icon much crisper */
	transform: rotate(0.03deg);
}

.file_extended_menu_div{
	display:block;
	padding-top:1em;
	max-height:0px; 
	overflow:hidden; 
	transition: max-height 256ms;
}

.file_extended_menu_div svg{
	/* remove blur on mozilla */
	transform: rotate(0.03deg);
}

#open_file_menu_button{
	display:flex; 
	width:3em; 
	border-left:none;
}
#close_file_menu_button{
	display:none; /* hidden before it switches to flex */
	width:3em; 
	border-left:none;
}

.file_version_container{
	margin-top:1em; 
	padding:10px; 
	min-height:90px; 
	background-color:#2F2F2F;  
	border-radius:5px;
	
	/* background-image will be the qr code/image */
	background-repeat:no-repeat; 
	background-position:center right;
}

img.file_qr{
	float:right; 
	margin-left:1em; 
	margin-top:-10px; 
	margin-right:-10px; 
	border-top-right-radius:5px; 
	border-bottom-right-radius:5px;
}


.file_header_rating_count{
	color:#777;
	display:inline-block;
	margin-left:5px;
	margin-right:1em;
	vertical-align:middle;
}

.file_header_total_downloads{
	color:#777;
	display:inline-block;
	margin-left:-3px;
	vertical-align:middle;
}

.file_header_total_downloads svg{
	width:18px;
	height:18px;
	fill:#777;
	vertical-align:-4px;
}

p.file_description{
	font-size:16px; 
	line-height:1.7em;
	color:#FFF; 
	overflow:hidden;
}



.comments{
}
.comment{
	border-top:1px solid #333; 
	padding:1em; 
	display:flex;
}

.comment_avatar{ 
	margin-right:1em;
	width:72px;
	height:72px;
}

.comment_content{
	display:block; 
	width:100%;
}

.comment_meta{
	display:block; 
	margin-bottom:0.5em;
	white-space:nowrap;
}

.comment_name{
	font-size:14px;
	display:inline-block;
	max-width:65%;

	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.comment_date{
	float:right; 
	font-size:12px; 
	color:#CCC;
	
	display:inline-block;
	max-width:35%;	
	
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	
	text-align:right;
}

.comment_delete{
	float:right; 
	margin-top:-5px; 
	margin-right:-5px;
	cursor:pointer;
	width:24px;
	height:24px;
	fill:#FF0000;
}	

.comment_text{
	display:block; 
	width:100%; 
	color:#FFF; 
	font-size:14px; 
	line-height:1.5em;
}



/* ratings 2020*/

.file_rating_div{
	display:block;
	margin-top:1em;
	margin-bottom:1em;
}

/* this fits both small and large stars svg tag */
.star_svg{
	width:100%; 
	height:100%;
}

/* large clickable stars */
.rating_large_star{
	display:inline-block;
	cursor:pointer;
	padding:4px;
	/* this is where to adjust star size */
	width:40px;
	height:40px;
}

/* small stars in file page top */
.rating_small_star{
	display:inline-block;
	padding-right:3px;
	/* this is where to adjust star size */
	width:16px;
	height:16px;
	line-height:1em;
	vertical-align:middle;
}



.youtube_wrapper { 
	width: 100%; max-width: 600px;
	height: 100%;
	margin: 0 auto;
	background: #CCC;
	margin-bottom:1em;
}
.youtube_iframe_container { 
	position: relative;
	padding-top: 56%;
}
.youtube_iframe_container iframe { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* <<< file page */


/* CSS Document */

#file_list_item_426{
	display:none;
}

.file_list{
	
}


.file_list_item{
	display:flex;
	box-sizing:border-box;
	width:100%;
	
	padding:1em;
	text-decoration:none;
	border-top:1px solid #333;
	align-content:center;
	align-items:center;
	
}
.file_list_item_sponsored{
	background-image:url(https://cdn.apkfiles.com/images/promoted_corner.png);
	background-position:bottom right;
	background-repeat:no-repeat;
}

.file_list_item:hover{
	background-color:#333;
}


img.file_list_icon{
	width:72px;
	height:72px;
	margin-right:1em;
	float:left;
}
@media (max-width:500px){
	img.file_list_icon{
		width:36px;
		height:36px;
	}
	.file_list_item_sponsored{
		background-size:45px 45px;
	}
}



/* this wrapper is needed in order to force the title + ratings go one under another */
.file_list_title_wrapper{
	overflow:hidden; 
	width:100%;
}

h2.file_list_title{
	margin:0px;
	padding:0px;
	width:100%;
	display:flex;
}


h2.file_list_title a:link, h2.file_list_title a:visited{
	display:inline-block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;	
	margin:0px;
	padding:0px;
	
	text-decoration:none;
	font-weight:normal;
}


.file_list_downloads{ 
	font-size:12px; 
	margin-left:1em;
	color:#CCC; 
	display:inline-block; 
	width:auto; 
	white-space:nowrap;
}
/* "new" file */
.file_list_new{ 
	font-size:12px; 
	margin-left:1em;
	color:#FFCC00; 
	display:inline-block; 
	width:auto; 
	white-space:nowrap;
}

.file_list_delete_div{
	
	text-align:right; 
	height:0px;
	
	/*display:block;*/
	display:none;
}

.file_list_delete{
	position:relative;
	bottom:-10px;
	right:8px; 
	color:#FF0000;
}
.file_list_delete:hover{
	cursor:pointer;
	color:#FFF;
}

.file_list_rating{
	
	background-image:url(https://cdn.apkfiles.com/images/stars_16/sprite.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	
	display:inline-flex;
	width:90px;
	height:15px;
	
	margin-top:0.5em;
	margin-left:-2px;
}

.file_list_rating_count{
	display:inline-flex;
	font-size:13px;
	color:#777;
	margin-left:0.5em;
	vertical-align:2px;
}


/* move title and ratings a fee pixels upper when image size is decreased */
@media (max-width:500px){
	.file_list_rating{
		margin-top:0.1em;
	}
	.file_list_title_wrapper{
		margin-top:-3px;
	}
}

.file_list_antivirus_icon{
}
.file_list_antivirus_icon svg{
	width:24px; 
	height:24px; 
	margin-left:0.5em;	
}


/* this works together with liquid_button: class="liquid_button pagination" */
a.pagination{
	width:auto; 
	padding-left:1em; 
	padding-right:1em; 
	margin-bottom:1em;
}
a.pagination_disabled, a.pagination_disabled:hover{

	width:auto; 
	padding-left:1em; 
	padding-right:1em; 
	margin-bottom:1em;	
	

	background-image:none;
	background-color:#222;
	color:#444;

	text-shadow: -1px -1px #000;
	border:none;
	box-shadow:none;	
	
	cursor:default;
}

@media (max-width:350px){
	/* less padding on pagination buttons for small screens */
	a.pagination{
		padding-left:0.5em; 
		padding-right:0.5em;
	}
	a.pagination_disabled, a.pagination_disabled:hover{
		padding-left:0.5em; 
		padding-right:0.5em;
	}
}

.pagination_counter{
	color:#CCC; 
	display:inline-block; 
	margin-top:1em; 
	font-size:15px;
}