.ficha{
	.box-1{
		margin-top: 10px;
		.boxComparingPlayer{
			.btn{
				margin-top: 10px;
			}
		}
	}
	.box-2{
		margin-top: 5%;
		li{
			span{
				display: block;
			}
		}
		.text{
			font-family: @type_Special;
		}
		&.playerInfo{
			/*display: flex;
			justify-content: space-between;
			transform: translateY(50%);
			margin-top: 0;*/
			li{			
				text-align: center;
				margin: 5px auto;
				.text{
					font-size: 17px;
					font-weight: bold;
				}
			}
		}
	}
	.box-3{
		.boxWrapper{
			&:first-child{
				padding-right:15px;
			}
			&:nth-child(2){
				padding-right:15px;
			}
			.boxContent{
				min-height: 180px;
				.boxArc{
					background-position: 0px;
				    width: 338px;
				    padding-left: 82px;
				    margin-top: 4px;
				}
				.boxShots {
					.boxComparing {
					    float: right;
					    margin-bottom: 0;
				        margin-top: -18px;
					}
					.tooltipShotsMobile{
					    display: none;
					}
				}
				.cardsContent{
					.boxCards{
						margin-top: 40px;
					}
				}
			}
		}
	}
	.box-4{
		.boxWrapper{
			&:first-child{
				padding-right: 15px;
			}
			.boxContent{
				.boxComparing{
					padding: 0 0 6px;
					.bar {
						.boxcont {
							> div{
								&.boxColor01{
									background-color: @color01;
								}
								&.boxColor02{
									background-color: @referenceColor05;
								}
							}
						}
					}
					.text{
						color: @bg_dest_type;
						font-weight: bold;
					}
				}
				.boxStats{
					.boxNumber{
						font-size: 12px;
					    padding: 2px 8px;
						&.boxColor01{
							background-color: @color01;
							color: @color01_type;
						}
						&.boxColor02{
							background-color: @referenceColor05;
							color: @referenceColor05_type;
						}
					}
				}
			}
		}
	}
	.box-5{
		.flex-display();
		.flex-wrap(wrap);
		.flex-direction();
		.boxWrapper{
			.flex(1);
			padding: 0 5px;
			&:first-child{
				padding: 0 5px 0 0;
			}
			&:last-child{
				padding: 0 0 0 5px;
			}
			.boxContent{
			    padding: 8px;
    			min-height: 180px;
				&.total{
					background-color: @color02;
					.GC_title,.text{
						color: @color02_type;
					}
					svg{
						path{
							fill: @color02_type;
						}
					}
					&:after{
						content:"";
                        width:0;
                        height:0;
                        border-top: 8px solid transparent;
					    border-bottom: 8px solid transparent;
					    border-left: 8px solid @color02;
					    position: absolute;
					    top: 45%;
                        right: -7px;
					}
				}
				&.own-goal{
					svg{
						path{
							fill: @bg_dest_type;
						}
					}
				}
				.GC_title{
					margin: 0;
				}
				svg{
					margin: 0 auto;
					display: block;
				}
				.text{
				    text-align: center;
				    display: block;
				    font-size: 40px;
				    &.correct, &.incorrect{
						text-align: left;
						font-size: 12px;
				    }
				    &.efectividad, &.small{
				    	font-size: 18px;
				    }
				}
				.data-accuracy, .boxComparing{
					margin-top: 12%;
				}
			}
		}
	}
	.box-6{
		margin-bottom: 20px;
		.headerTitle{
			margin-bottom: 10px;
			.GC_title{
		    	padding: 10px 0 5px;
			}
		}
		.social-content{
			margin:0 -15px;
			>div{
				padding:0 15px;
			}
			.instagram-content{
				display: none;
			}
		}
		nav{
			position: absolute;
			top: 12px;
			right: 0;
			display: none;
			li{
				display: inline-block;
				position: relative;
				padding-left: 10px;
				cursor: pointer;
				&.active{
					&:after{
						content: "";
						width: 0;
						height: 0;
					    border-left: 6px solid transparent;
					    border-right: 6px solid transparent;
					    border-bottom: 10px solid @color02;
					    position: absolute;
					    left: 16px;
					    bottom: -8px;
					    margin: 0 auto;
					}
				}
			}
			.tw-nav{
				svg{
					path{
						fill:#00adf1;
					}
				}
			}
			.inst-nav{
				svg{
					path{
						fill:#e53067;
					}
				}
			}
			.fb-nav{
				svg{
					path{
						fill:#3c5b9c;
					}
				}
			}
			.g-nav{
				svg{
					path{
						fill:#dc453c;
					}
				}
			}
		}
	}
	.accuracyContent{
		.data-accuracy{
			padding:12px 0 0 10px;
			.text{
				text-align: left;
			}
		}
	}
	&.maxSize-991{
		.box-3{
			.boxWrapper{
				&:first-child{
					padding-right:0;
				}
			}
		}
	}
	&.maxSize-767{
		.box-1{
			min-height: 280px;
			padding-right: 15px;
			.boxComparingPlayer{
				.boxStuff{
					height: 80px;
		    		width: 80px;
		    		svg{
					    height: 120px;
		    			width: 135px;
		    		}
				}
			}
		}
		.box-2{
			margin-top: 10%;
			li{
				margin-bottom: 10px;
			}
		}
		.box-3{
			.boxWrapper{
				.boxContent{
					.boxArc{
					    width: 300px;
					    padding-left: 10%;
					}
				}
			}
		}
		.box-6{
			min-height: 280px;
			nav{
				display: block;
			}
			.social-content{
				>div{
					display: none;
				}
				.twitter-content{
					display: block;
				}
			}
		}
	}
	&.maxSize-479{
		.accuracyContent{
			.data-accuracy{
				padding:0;
				.text{
					text-align: center;
					display: block;
				}
			}
		}
		.boxWrapper{
			.boxContent{
				padding: 15px 15px 15px;
			}
		}
		.box-1{
			padding-right: 0;
			.boxComparingPlayer{
				.boxElements{
					.flag{
						margin:0 auto;
					}
				}
				.boxData{
					text-align: center;
					.btn{
					    width: auto;
					    display: inline-block;
					    padding: 0 20px;
					}
				}
			}
		}
		.box-3{
			.boxWrapper{
				&:nth-child(2){
					padding:0;
				}
				.boxContent{
					min-height: 100px;
					.boxArc{
						width: auto;
						padding-left:0;
						margin:6px 0 0;
					}
					.boxShots {
						.boxComparing{
						    margin-top: 20px;
						}
						.boxElements {
						    margin: 0 0 12px;
							> div:not(.tooltip){
								float: right;
								margin: 0;
							}
						}
						.tooltipShotsMobile{
						    display: block;
					        left: 15px;
						    right: inherit;
						    margin: 0;
						    top: 32px;
						    > div{
						    	&:before{
						    		display: none;
						    	}
						    }
						}
					}
					.cardsContent{
						.boxCards{
							margin-top: 0;
						}
					}
				}
			}
		}
		.box-4{
			.boxWrapper{
				&:first-child{
					padding-right: 0;
				}
			}
		}
		.box-5{
			.boxWrapper{
				&:first-child{
					.flex(1 0 100%);
				}
				.boxContent{
					&.total{
						min-height: auto;
						.GC_title{
						    text-align: left;
						    border-bottom: 1px solid @bg;
						    padding-bottom: 8px;
						    font-size: 24px;
					    }
					    svg{
				    	    position: absolute;
						    right: 50px;
						    top: -6px;
					    }
					    .text{
					    	position: absolute;
						    right: 15px;
    						top: 2px;
					    }
					    &:after{
					    	display: none;
					    }
					}
				}
			}
		}

	}
}
.tournamentPlayerTab{
	.text{
		font-size: 14px;
	}
	.ficha{			
		.box-2{
			&.playerInfo{
				margin-top: 25px;
				li{

				}
				svg{
					max-width: 30px;
					max-height: 30px;
				}
			}
		}

	}
	&.maxSize-479{
		.text{
			font-size: 14px;
			&.small, &.position{			
				font-size: 11px;
			}
		}
		.boxComparing .text.number{
			margin: 0;
		}
		.ficha{		
			.boxWrapper{
				&.pr-2{
					padding-right: 2px !important;
				}
				&.pl-2{
					padding-left: 2px !important;
				}
				.boxContent{
					&.tpl-player-card{
						padding:0 2px;
					}
					.boxComparingPlayer{
						.firstPlayer{
							max-width: 100px;
							.boxElements{
								div{
									margin: auto;
									&.flag{
										position: absolute;
										top: -35px;
										right: 0px;
									}
								}
							}
							.boxData{
								text-align: center;
								.text{
									font-size: 14px;
								}
							}	
						}
					}
					.playerInfo{
						svg{
							max-height: 20px;
							max-width: 20px;
						}

					}
				}	
			}	
			.box-2{
				&.playerInfo{
					li{
						margin: 2px 0;
						.text{
							font-size: 14px;
							font-weight: normal;
						}				

					}
				}

			}
			.box-4 .boxWrapper:first-child{
				padding: 0;
			}
			.box-3{
				.boxWrapper{				
					&:nth-child(2){
						padding-right: 0;
					}
					.boxContent{
						.boxArc{
							background-image: url('../images/arc.png');
							background-repeat: no-repeat;
							width:100%;
							height: 72px;
							margin: 15px auto 0;
							padding-left: 140px;
						}
						.boxShots{
							.boxComparing{
								position: absolute;
								z-index: 10;
							}
							.tooltip{
								min-width: 35px;
								width: 35px;
								white-space: nowrap;
							}
						}
						.cardsContent{
							min-height: 175px;
							.boxCards{
								margin-top: 25px;
							}
						}
					}
				}
			}
			.box-5{
				.boxWrapper{				
					.boxContent{
						min-height: 165px;
						.GC_title{
							min-height: 35px;
						}
					}
				}
			}
			.accuracyContent{
				.data-accuracy{
					text-align: center;
					.text{
						font-size: 14px;
						text-align: center;
						display: inline;
					}
				}
			}
		}
	}
	&.maxSize-767{
		.ficha{			
			.box-2{
				&.playerInfo{
					transform: none;
					margin-top: 10px;
					li{

					}
				}

			}
			.boxStuff svg{
				width: 150px;
				height: 150px;
			}
			.box-3 .boxWrapper:first-child{
				padding-right: 0;
			}
		}		
	}
}