/* summary */
.summary{
	.box-picture{
		img{
			display: block;
			margin:0 auto;
		}
	}
  	.boxDatagoals{
	    margin: 20px 0 0;
	    background: transparent;
	    position: relative;
	    &:before{
      		content:"";
      		display: block;
      		position: absolute;
      		width: 5px;
      		height: 100%;
      		left: 0;
      		right: 0;
		    margin: 0 auto;
		    background: darken(@bg, 20%);
		    top: 0;
		    z-index: 1;
      	}
      	.box{
      		&:after, &:before{
      			content:"";
	      		display: block;
	      		position: absolute;
	      		width: 5px;
	      		.border-radius(8px);
	      		height: 10px;
	      		left: 0;
	      		right: 0;
			    margin: 0 auto;
			    background: darken(@bg, 20%);
      		}
      		&:after{
				bottom: -5px;
      		}
      		&:before{
				top: -5px;
      		}
      	}
	    .content{
	      	padding: 2px 10px;
	      	background: @bg;
	      	.border-radius(4px);
	      	position: relative;
	      	margin: 0 0 5px;
	      	&.active{
	        	background: darken(@bg, 15%);
	      	}
	      	&.in-lines{
	      		.text{
	      			display: block;
	      		}
	      		.data{
	      			span{
	      				display: none;
	      			}
	      		}
	      		.local, .visitante{
	      			padding:0px 0 0px;
	      		}
	      	}
	      	.local{
	      		text-align: right;
      		    padding: 4px 0 4px;
      		    position: relative;
      		    .data{
		      		margin:0 30px 0 0;
		      	}
		      	.type-icon{
		      		right: 0;
		      	}
	      	}
	      	.visitante{
	      		text-align: left;
      		    padding: 4px 0 4px;
  		        float: right;
  		        position: relative;
  		        .data{
		      		margin:0 0 0 30px;
		      	}
		      	.type-icon{
		      		left: 0;
		      	}
	      	}
	      	&.sust{
	      		padding:0;
	      		.type-icon{
	      			&.change{
	      				top:4px;
	      				&.out{
	      					top: 20px;
	      				}
	      			}
	      		}
	      	}
	    }
	    .text{
	      	font-family: @baseFontFamily;
	      	display: inline-block;
	      	text-transform: none;
	      	font-size: 13px;
	      	&.second{
	      		font-weight: normal;
	      	}
	      	&.number{
	        	font-size: 23px;
	      	}
	    }
	    .type-icon{
	    	.iconsheet();
	      	display: inline-block;
	      	width: 15px;
          	height: 15px;
          	position: absolute;
      	    position: absolute;
		    top: 5px;
		    z-index: 1;
          	&.goal{
          		background-position:-155px -77px; 
          	}
          	&.yellowCard{
      		    background-position: -502px -22px;
    			height: 19px;
          	}
          	&.redCard{
      		    background-position: -519px -22px;
    			height: 19px;
          	}
          	&.doubleYellowCard{
      		    background-position: -549px -22px;
			    height: 20px;
			    width: 20px;
          	}
          	&.change{
      		    background-position: -334px -20px;
			    height: 20px;
			    width: 22px;
			    top: 10%;
			    &.out{
			    	background-position: -314px -20px;	
			    }
          	}
	    }
	    .btn{
		    margin: 0 auto;
		    width: 60px;
		    height: 25px;
		    .verticalAlign();
		    position: absolute;
		    display: inline-block;
		    left: 0;
		    right: 0;
		    z-index: 9;
		    line-height: 25px;
		    &.three-items{
		    	width: 120px;
		    	span{
		    		img{
					    padding: 0 2px 8px;
			    	}
		    	}
		    }
		    span{
		    	font-family: @type_Special;
		    	font-size: 14px;
		    	line-height: 14px;
		    	img{
	    		    display: inline-block;
				    padding: 0 5px 8px;
		    	}
		    	.play{
				    display: inline-block;
				    width: 10px;
			      	&:after{
			         	width: 0;
			         	height: 0;
			         	display: block;
			         	content: " ";
			         	border: 6px solid transparent;
			         	border-left: 8px solid @color01_type;
    					margin:0px 2px 3px;
			         	top: 4px;
			         	position: relative;
			      	}
		    	}
		    }
	      	&:after{
	        	margin: 8px 0 0 11px;
	      	}
	      	&:focus, &:hover, &:active, &.active{
		         height: 25px;
		         line-height: 25px;
		         margin-top: 2px;
	      	}
	      	&.dis{
	      		opacity: 0.8;
	      	}
	    }
	    .alignRight{
	      	text-align: right;
	      	.text{
	        	&.number{
	          		text-align: right;
	        	}
	      	}
	    }
	    .alignLeft{
	      	text-align: left;
	      	.text{
	        	&.number{
	          		text-align: left;
	        	}
	      	}
	    }
  	}
}

.moduleCtn .reboot .summary, .summary{
	.mc-twitterVideo.boxVideoCom>div{
		margin-left: auto !important;
		margin-right: auto !important;
	}
	&.maxSize-991{
		.boxImgOfVideo{
			border-bottom: 0;
		    img{
		      	width: 55%;
		    }
		}
		.boxVideoCom{
			iframe{
		    	width: 55%;
		    }
		    &.media-audio{
		        iframe {
		          width: 100%;
		          height: 70px;
		        }
	    	}
		}
	}
	&.maxSize-767{
		.boxImgOfVideo, .box-owl .item{
			border-bottom: 0;
		    img{
		      	width: 70%;
		    }
		    .circlePlay{
		    	top: 40%;
		    }
		}
		.boxVideoCom{
			iframe{
		    	width: 65%;
		    	height: 300px;
		    }
		    &.media-audio{
		        width: 80%;
	    	}
		}
		.boxDatagoals {
			.text{
				font-size: 11px;
			}
			.content{
				.text{
					display: block;
				}
				&.sust{
					.text{
						display: inline-block;
					}
				}
				.data{
	      			span{
	      				display: none;
	      			}
	      		}
	      		.local, .visitante{
	      			.type-icon {
					    right: 8px;
					}
	      			padding:0px 0 0px;
	      		}
	      		.local{
	      			.type-icon {
					    right: 8px;
					}
					.data{
						margin: 0 40px 0 0;
					}
	      		}
	      		.visitante{
	      			.type-icon {
					    left: 8px;
					}
					.data{
						margin: 0 0 0 40px;
					}
	      		}
			}
		}
	}
	&.maxSize-479{
		.boxImgOfVideo, .box-owl .item{
			border-bottom: 0;
		    img{
		      	width: 100%;
		    }
		}
		.boxVideoCom{
			iframe{
		    	width: 100%;
		    	height: 240px;
		    }
		    &.media-audio{
		        width: 100%;
	    	}
		}
		.boxDatagoals {
			.btn{
				width: 65px;
				span{
					font-size: 14px;
					img{
						padding: 0px 2px 6px;
					}
					.play{
						&:after{
							margin:0px 3px 0px;
						}
					}
				}
				&.three-items {
				    width: 95px;
				}
			}
			.text{
				font-size: 10px;
			}
			.content {
				.visitante {
					.type-icon {
					    left: 15px;
					}
					.data{
						margin: 0 0 0 46px;
					}
				}
				.local {
					.type-icon {
					    right: 15px;
					}
					.data{
						margin: 0 46px 0 0;
					}
				}
			}
		}
  	}
  	&.maxSize-310{
  		.boxDatagoals {
			.text{
				font-size: 9px;
			}
			.btn{
				width: 55px;
				span{
					font-size: 12px;
				}
				&.three-items {
				    width: 80px;
				}
			}
			.content{
				padding:5px 0;
				.visitante{
					.type-icon {
					    left: 12px;
					}
					.data{
						margin: 0 0 0 28px;
					}
				}
				.local{
					.type-icon {
					    right: 12px;
					}
					.data{
						margin: 0 28px 0 0;
					}
				}
			}
		}
  	}
}
   /* Fin Bet Status */