.item {
	background-size: 100% 100%;
	direction: ltr;
	overflow: hidden;
	position: relative;
}
.item.gold_rare {
	background-image: url('../../images/verbrauchsobjekte/gold_rare.png');
}
.item.gold_common {
	background-image: url('../../images/verbrauchsobjekte/gold_common.png');
}
.item.silver_rare {
	background-image: url('../../images/verbrauchsobjekte/silver_rare.png');
}
.item.silver_common {
	background-image: url('../../images/verbrauchsobjekte/silver_common.png');
}
.item.bronze_rare {
	background-image: url('../../images/verbrauchsobjekte/bronze_rare.png');
}
.item.bronze_common {
	background-image: url('../../images/verbrauchsobjekte/bronze_common.png');
}
.item.large {
	font-size: 86%;
	height: 212px;
	width: 152px;
}
.item.small {
	font-size: 100%;
	height: 114px;
	width: 97px;
}
.item.small.empty {
	background-image: url('../../images/fut/cards_bg_s_0_0_0.png');
}
.item.large .name {
	/*top: 54%;*/
    position: absolute;
    width: 100%;
    overflow: hidden;
    padding: 0 12% 0 12%;
    box-sizing: border-box;
    line-height: 150%;
    text-align: center;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 110%;
}
.item .statusOverlay {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 2;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.item.player .loanTab {
	display: block;
	position: absolute;
	z-index: 3;
	line-height: 1.3rem;
	font-size: 100%;
	text-align: center;
	color: #fff;
	padding-top: 3%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-radius: 50%;
	background: linear-gradient(to bottom,#44a7db 0,#42a2d4 100%);
	box-shadow: 0 2px 1.9px 0.1px rgba(0,0,0,.45);
}
.item.player.large .loanTab {
	top: 6.5%;
	right: 15.75%;
	width: 14%;
	height: 10.5%;
	font-weight:bold;
}
.item.player.small .loanTab {
	top: 0%;
	right: 10.75%;
	width: 19%;
	height: 15.5%;
	font-weight:bold;
}
.item.player .contractTab {
	display: block;
	position: absolute;
	z-index: 3;
	line-height: 1.3rem;
	font-size: 100%;
	text-align: center;
	color: #fff;
	padding-top: 3%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-radius: 50%;
	background-image: url('../../images/fut/contract.png');
	box-shadow: 0 2px 1.9px 0.1px rgba(0,0,0,.45);
}
.item.player.large .contractTab {
	top: 6.5%;
	right: 15.75%;
	width: 14%;
	height: 10.5%;
}
.item.player.small .contractTab {
	top: 0%;
	right: 10.75%;
	width: 19%;
	height: 15.5%;
}
.item.player .injuryTab {
	display: block;
	position: absolute;
	z-index: 3;
	line-height: 1.3rem;
	font-size: 100%;
	text-align: center;
	color: #fff;
	padding-top: 3%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-radius: 50%;
	background-image: url('../../images/fut/injury.png');
	box-shadow: 0 2px 1.9px 0.1px rgba(0,0,0,.45);
}
.item.player.large .injuryTab {
	top: 6.5%;
	right: 15.75%;
	width: 14%;
	height: 10.5%;
}
.item.player.small .injuryTab {
	top: 0%;
	right: 10.75%;
	width: 19%;
	height: 15.5%;
}
.item.player .restrictedTab {
	display: block;
	position: absolute;
	z-index: 3;
	line-height: 1.3rem;
	font-size: 100%;
	text-align: center;
	color: #fff;
	padding-top: 3%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-radius: 50%;
	background-image: url('../../images/fut/restricted.png');
	box-shadow: 0 2px 1.9px 0.1px rgba(0,0,0,.45);
}
.item.player.large .restrictedTab {
	top: 6.5%;
	right: 15.75%;
	width: 14%;
	height: 10.5%;
}
.item.player.small .restrictedTab {
	top: 0%;
	right: 10.75%;
	width: 19%;
	height: 15.5%;
}
.item.player .infoTab {
	display: block;
	position: absolute;
	z-index: 3;
	line-height: 1.3rem;
	font-size: 100%;
	text-align: center;
	color: #000;
	padding-top: 3%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-radius: 50%;
	background-color: #fff;
	background-image: linear-gradient(320deg, #ababab, #fff);
	box-shadow: 0 2px 1.9px 0.1px rgba(0,0,0,.45);
}
.item.consumable .infoTab {
	display: block;
	position: absolute;
	z-index: 3;
	line-height: 1.3rem;
	font-size: 100%;
	text-align: center;
	color: #000;
	padding-top: 3%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-radius: 50%;
	background-color: #fff;
	background-image: linear-gradient(320deg, #ababab, #fff);
	box-shadow: 0 2px 1.9px 0.1px rgba(0,0,0,.45);
}
.item.player.large .infoTab {
	top: 6.5%;
	right: 15.75%;
	width: 14%;
	height: 10.5%;
	font-weight:bold;
}
.item.player.small .infoTab {
	top: 0%;
	right: 10.75%;
	width: 19%;
	height: 15.5%;
	font-weight:bold;
}
.item.consumable.large .infoTab {
	top: 6.5%;
	right: 15.75%;
	width: 14%;
	height: 10.5%;
	font-weight:bold;
}
.item.player .photo {
	position: absolute;
	left: 60%;
	transform: translateX(-50%);
}
.item.consumable .photo {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.item.player.large .photo {
	bottom: 49%;
	width: 52%;
}
.item.player.small .photo {
	bottom: 49%;
	width: 50%;
}
.item.consumable.large .photo {
	bottom: 49%;
	width: 72%;
}
.item.player .photo_nation {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.item.player.large .photo_nation {
	bottom: -65%;
	width: 65%;
}
.item.player.small .photo_nation {
	position: absolute;
	left: 80%;
	bottom: -145%;
	transform: translateX(-50%);
	width: 60%;
}
.item.player .photo_club {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.item.player.large .photo_club {
	bottom: -135%;
	width: 65%;
}
.item.player.small .photo_club {
	left: 170% !important;
	bottom: -145%;
	width: 60%;
}
.item.player.large .ut-item-player-details {
	display: flex;
    flex-direction: column;
    position: absolute;
    top: 52%;
    width: 100%;
    height: 39%;
}
.item.consumable.large .ut-item-consumable-details {
	display: flex;
    flex-direction: column;
    position: absolute;
    top: 52%;
    width: 100%;
    height: 39%;
}
.item.player .name {
	/*top: 54%;*/
    position: absolute;
    width: 100%;
    overflow: hidden;
    padding: 0 12% 0 12%;
    box-sizing: border-box;
    line-height: 150%;
    text-align: center;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 110%;
}
.item.consumable .name {
	top: 54%;
    position: absolute;
    width: 100%;
    overflow: hidden;
    padding: 0 12% 0 12%;
    box-sizing: border-box;
    line-height: 150%;
    text-align: center;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 110%;
}
.item.player.large .name {
	flex-shrink: 0;
    font-weight: 700;
    line-height: 90%;
    padding: .1em 13%;
    /*position: initial;*/
    white-space: normal;
}
.item.player.small .name {
	top: 54%;
	flex-shrink: 0;
    font-weight: 700;
    line-height: 90%;
    padding: .1em 13%;
    /*position: initial;*/
    white-space: normal;
	font-size: 80%;
}
.item.consumable.large .name {
	flex-shrink: 0;
    font-weight: 700;
    line-height: 90%;
    padding: .1em 13%;
    position: initial;
    white-space: normal;
}
.item.player.large .name::after {
	border-bottom: solid 1px rgba(255,255,255,.3);
    content: "";
    display: block;
    height: 3px;
    margin: 0 auto;
    width: 45%;
}
.item.player.small .name::after {
	border-bottom: solid 1px rgba(255,255,255,.3);
    content: "";
    display: block;
    height: 3px;
    margin: 0 auto;
    width: 45%;
}
.item.consumable.large .name::after {
	border-bottom: solid 1px rgba(255,255,255,.3);
    content: "";
    display: block;
    height: 3px;
    margin: 0 auto;
    width: 45%;
}
.item.player .playerOverview {
	position: absolute;
    width: 35px;
    text-align: center;
    z-index: 2;
}
.item.player.large .playerOverview {
	top: -72px;
    left: 18px;
    line-height: 15px;
    font-size: .8rem;
}
.item.player.small .playerOverview {
	top: 18px;
    left: 5px;
    font-size: .8rem;
}
.item.player.large .playerOverview .rating {
	font-size: 200%;
	font-weight: bold;
}
.item.player.small .playerOverview .rating {
	font-size: 175%;
	font-weight: bold;
}
.item.player.large .playerOverview .position {
	font-size: 150%;
	font-weight: bold;
    margin-top: 0
}
.item.player.small .playerOverview .position {
	font-size: 110%;
	font-weight: bold;
    margin-top: 0
}
.item.player.large .playerOverview .chemie {
	font-size: 150%;
	font-weight: bold;
    margin-top: 0
}
.item.player.small .playerOverview .chemie {
	font-size: 110%;
	font-weight: bold;
    margin-top: 0
}
.item.player.large .infoView {
	box-sizing: border-box;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    line-height: 110%;
    padding: 0 8%;
    text-align: center;
    width: 100%;
}
.item.consumable.large .infoView {
	box-sizing: border-box;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    line-height: 110%;
    padding: 0 8%;
    text-align: center;
    width: 100%;
}
.item.player.large .infoView .infoRow {
	font-weight: 700;
}
.item.consumable.large .infoView .infoRow {
	font-weight: 700;
}
.item.player .playerStats {
	display: flex;
    justify-content: space-between;
}
.item.consumable .contractStats {
	display: flex;
    justify-content: space-between;
}
.item.player.large .playerStats {
	padding: .1rem 1.5rem;
}
.item.consumable.large .contractStats {
	padding: .1rem 1.5rem;
}
.item.player .ut-item-player-status--loan {
	display: none;
    position: absolute;
    z-index: 3;
    font-size: 80%;
    text-align: center;
    font-family: UltimateTeam,sans-serif;
    font-weight: 600;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.25);
    background: linear-gradient(to bottom,#44a7db 0,#42a2d4 100%);
    color: #fff;
    border-radius: 50%;
}
.item.player.large .ut-item-player-status--loan {
	right: 20%;
    top: 100%;
    height: 50%;
}
.item.player.large .ut-item-player-status, .item.player.large .ut-item-player-status--loan {
	width: 13%;
    height: 10.5%;
    line-height: 1.3rem;
    font-size: .8rem;
    z-index: 1;
}

.item .statCell {
	display: flex;
    width: 50%;
    box-sizing: border-box;
}
.item .statCell:nth-child(odd) {
	padding-left: 12%;
    padding-right: 10%;
}
.item .statCell:nth-child(even) {
	padding-left: 10%;
    padding-right: 12%;
}
.item.consumable .contractStats .bronzeBoost, .item.consumable .contractStats .goldBoost, .item.consumable .contractStats .silverBoost {
	display: inline-block;
    width: 30%;
    text-align: center;
}
.item.consumable.large .contractStats .bronzeBoost, .item.consumable.large .contractStats .goldBoost, .item.consumable.large .contractStats .silverBoost {
	height: 1.2em;
    line-height: 1.1em;
}
.item.consumable .contractStats .bronzeBoost {
	background-color: #f0b078;
}
.item.consumable .contractStats .silverBoost {
	background-color: #b3babf;
}
.item.consumable .contractStats .goldBoost {
	background-color: #e2cb86;
}