/* Live */ 
.shots{
	font-family: @baseFontFamily;
	.content{
		.teams{
			height: 35px;
			margin: 10px 0;
			.colLeft, .colRight{
				position: relative;
				.circle{
			        background-repeat:;
			        background-position: center center;
			        float: right;
			        margin-right:35px;
			        text-align: left;
			        display: block;
			        img{
			        	display: block;
						padding-top: 5px;
						padding-left: 4px;
			        }
			        &.white{
			        	background:#FFF;
			        }
			    } 
			}
	     	.colRight{
	            &:after{
	               .G_divider;     
	            }
	            .circle{
	            	float: left;
	            	margin-left: 25px;
	            	margin-right:0;
	            }
	     	}
	  	}
		.inner{
			position: relative;
			.colLeft, .colRight{
		 		margin: 10px 0;
		    	.boxTotal{
		    		height: 150px;
			        canvas{
			           position: absolute;
			           left: 0;
			           right: 0;
			           margin: 0 auto;
			        }
			        .numberCharts{
			           position: absolute;
			           top: 37px;
			           left: 0;
			           right: 0;
			           text-align: center;
			           margin: 0 auto;
			           font-size: 24px;
			           color: @bg_type;
			        }
			        .tpTotal{
			            top:110px;
			            width: 100%;
			            position: relative;
			            text-align: center;
			            .tooltip{
							position:relative;
							min-width: 55px;
							float: none;
							margin-right: 4px;
							display: inline-block;
					      	&:last-child{
					        	margin-right: 0;
					      	}
					      	.tooltip-inner{
								min-height: 22px;
								font-size: 9px;
								padding: 0 3px;
								text-align: center;
								line-height: 22px;
								border-radius: 0;
					      	}
					   	}
		         	}
			    }
			    .boxCircles{
		           .circlesPosition{
		              padding:0;
		              width:33px; 
		              margin:0 auto;
		              .circle{
		                 margin-top: 10px;
		              }
		           }
		        }
		 	}
			.colRight{
				.boxTotal{
					&:after{
						.G_divider;  
						height: 50%;
						top: 0;
					}
				}
			}
			.tpCircles{
		        position:absolute; 
		        left:0; 
		        right:0; 
		        margin:0 auto;
		        top: 156px;
		        width: 40%;
		        .tooltipStatic{
					background:@color02;
					min-height:22px;
					color:@color02_type;
					text-align: center;
					line-height: 22px;
					margin-top: 20px;
					position:relative;
					font-size: 9px;
			      	&:after{
						content:"";
						position: absolute;
						width:0;
						height:0;
						border-top:5px solid transparent;
						border-bottom:5px solid transparent;
						border-left:5px solid @color02;
						right: -5px;
						top: 7px;
			      	}
					&:before {
						content:"";
						position: absolute;
						width: 0;
						height: 0;
						border-top: 5px solid transparent;
						border-right: 5px solid @color02;
						border-bottom: 5px solid transparent;
						left: -5px;
						top: 7px;
					}   
			    }
		    }
		}
	}
    &.maxSize-479{
    	.inner{
    		.tpCircles{
	    		width: 30%;
	    	}
    	}
    }
}
   /* Fin Live */