/* Media */
.media{
	.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;
	        	}
	      	}
	    }
  	}
}
.box-owl{
	.wrapper{
       margin: 0px 40px;
       clear: both;
    }
    .item{
    	img{
    		display: block;
    		margin:0 auto;
    	}
    	&.audio-picture{
    		audio{
    			position: absolute;
    			left:0;
    			right: 0;
    			margin:0 auto;
			    top: 45%;
    		}
    	}
    }
    .owl-carousel{
    	&.owl-theme {
    		.owl-controls{
				margin-top: 0;
				text-align: center;
				/* Styling Next and Prev buttons */
		      	.owl-buttons {
		            div{
						display: inline-block;
						zoom: 1;
						margin: 0 0px 0;
						padding: 0px 14px;
						.border-radius(5px);
						border-bottom: 3px solid darken(@color01, 20%);
						background: @color01;
						opacity: 1;
						position: absolute;
						height: 100%;
						top: 0;
						cursor: pointer;
						transition:all 0.5s ease;
		              	&.owl-prev{
		                	left: -35px;
		            		.icon-chevron-left {
								width: 0; 
								height: 0; 
								border-top: 10px solid transparent;
								border-bottom: 10px solid transparent; 
								display: block;
								border-right:10px solid @color01_type; 
								position: relative;
								top: 48%;
		                	}
		                	&.disabled {
		                  		.icon-chevron-left{
		                    		border-right: 10px solid darken(@color01_type, 10%);                  
		                  		}
		            		}
		              	}
		              	&.owl-next{
		                	right: -35px;
							.icon-chevron-right{
								width: 0; 
								height: 0; 
								border-top: 10px solid transparent;
								border-bottom: 10px solid transparent;
								display: block;
								border-left: 10px solid @color01_type;
								position: relative;
								top: 48%;
							}
		                	&.disabled {
			                  	.icon-chevron-right{
			                    	border-left: 10px solid darken(@color01_type, 10%);
			                  	}
		                	}
		              	}
						&:focus, &:hover, &:active{
							background-color: lighten(@color01, 5%);
							border-bottom-width: 0px;
							color: @color01_type;
							height: 100%;
							margin-top: 3px;
							outline: 0;
							.icon-chevron-left{
								border-right: 10px solid @color01_type;
							}
							.icon-chevron-right{
								border-left: 10px solid @color01_type;
							}
						}
						&.disabled {
							background-color: desaturate(@color01, 50%);
							cursor: default;
							pointer-events: none; 
							&:focus, &:hover, &:active{
								height: 100%;
								margin-top: 0;
							}
						}
		            }
		  		} 
				/* Clickable class fix problem with hover on touch devices */
				/* Use it for non-touch hover action */
		      	&.clickable {
		         	.owl-buttons {
		                div{
		                   	&:hover{
		                      	filter: Alpha(Opacity=100);/*IE7 fix*/
		                      	opacity: 1;
		                      	text-decoration: none;
		                   	}
		                }
		         	}
		      	}
			}
    	}
    }
}
.moduleCtn .reboot .media, .media{
	.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 */