@import "../css/_mixins.scss";
@import "../css/_theme-vars.scss";
@import "../css/_admin-colors.scss";

#trx_addons_theme_panel_section_skins.trx_addons_section_mode_thumbs .trx_addons_image_block_inner .trx_addons_image_block_image {
	height: 0;
	padding-top: 66.67%;
}
@media (min-width: 480px) {
	#trx_addons_theme_panel_section_skins.trx_addons_section_mode_list .trx_addons_image_block_inner .trx_addons_image_block_image {
		@include box(120px, 80px);
	}
}

.kicker_upgrade_skins_button[disabled],
.kicker_upgrade_skins_button[disabled]:hover,
.kicker_upgrade_skins_button[disabled]:focus {
	color: #aaa;
	cursor: not-allowed;
}
.kicker_upgrade_skins_status_wrap {
	text-align: center;
	font-size: 1.5em;
}
.kicker_upgrade_skins_status:before {
	font-family: $theme_icons;
	display: inline-block;
	vertical-align: top;
}
.kicker_upgrade_skins_status_progress:before {
	content: '\e969';
	color: $accent_color;
	@include animation(spin 2s infinite linear);
}
.kicker_upgrade_skins_status_success:before {
	content: '\e986';
	color: $success_color;
}
.kicker_upgrade_skins_status_error:before {
	content: '\e987';
	color: $error_color;
}
