.agenda-vertical {
	display: block;
	max-width: 500px;
	margin: 0 auto;
	.title{
		background-color: @color01;
		color: @color01_type;
		width: 100%;
		font-weight: bold;
		font-size: 16px;
		text-transform: uppercase;
		padding: 10px;
		height: 35px;
	}
	.subtitle{
		color: @bg_type;
		font-weight: bold;
		font-size: 13px;
		font-family: @type_Special;
		text-transform: uppercase;
		text-align: center;
		border-bottom: none;
		background-color: darken(@bg,5%);
		padding-top: 3px;
		line-height: 20px;
		span{
			font-family: @type_Special;
			margin-left: 7px;
		}
	}
	.wrap{
		position: relative;
		margin: 0;	
		.scrollbar {
		    position: absolute;
		    right: 10px;
		    width: 2px;
		    height: 100%;
		    background: darken(@bg,20%);
		    line-height: 0;
	    	.handle {
	    		width: 100%;
			    height: 100px;
			    background: @color02;
			    cursor: pointer;
	    	}
	    	.mousearea {
			    position: absolute;
			    top: 0;
			    left: -10px;
			    width: 22px;
			    height: 100%;
			}
		}
		.frame{
			width: 96%;
			height: 100%;
			max-height: 500px;
			margin-bottom: 5px;
			.itemStyles{
				.item{
					margin: 0 10px;
					.border-radius(10px);
					background-color: transparent;
					box-shadow: 0 2px darken(@bg,15%);
					border:none;
					border-bottom: 5px solid lighten(@color02, 90%);
					.contentItem {
						min-height: 32px;
						.teams{
							border-top: none;
							border-right-width: 1px;
							border-right-style: solid;
							padding: 10px 5px 0;
							width: 75%;
							background-color: @bg;
							text-align: center;
							line-height: 5px;
							overflow: hidden;
							position: relative;
							.border-radius(10px 0 0 0);
							&:before, &:after{
								display: inline-block;
							}
							.first, .second, .versus{
								display: inline-block;
								position: relative;
								border-bottom: none;
							}
							.first{
								img{
									right: 45px;
								}
								.circle{
									right: 1%;
								}
							}
							.second{
								min-height: 40px; /* here */
								.number{
									float: left;
								}
								img{
									left: 45px;
								}
								.circle{
									left: 1%;
								}
							}
							.name, .number, .versus, .teamLogo{
								//font-size: 15px;
								margin: 5px;
							}
							.teamLogo{
								width: 35px;
							} 
							.versus{
								color: @color01;
								top: -9px;
							}
							.number{
								width: 24px;
								height: 24px;
								line-height: 24px;
								background-color: @color01;
								padding: 0;
							}
							.circle{
								position: absolute;
								top: 6px;
								background-color: @color02;
								color: @color01_type;
							}
						}
						.information{
							border-top-width: 1px;
							border-top-style: solid;
							border-right-width: 1px;
							border-right-style: solid;
							padding: 1px 5px;
							min-height: 27px;
							overflow: hidden;
							position: relative;
							box-shadow: none;
							background: @bg;
							width: 75%;
							span{
								color: lighten(@color02, 40%);
								letter-spacing: 1.5px;
							}
						}
						.col.clearfix{
							width: 25%;
							float: right;
							.border-radius(0 10px 10px 0);
							background-color: @bg;
							min-height: 4.8rem;
							.date{
								display: block;
								text-align: center;
								font-weight: bold;
								font-size: 18px;
								margin-top: 20px;
								overflow: visible;
								span{
									line-height: 20px;
									font-size: 12px;
									display: block;
								}
							}
							.details{
								width: 150rem;
								height: 100%;
								margin: 0;
								top: 0;
								left: -100rem;
								z-index: 1000;
								background: transparent;
								color: transparent;
								border-bottom: none;
								border-left: none;
							}
						}
					}
					&.hideDetailsButton {
						.col{
							.details{
								display: none;
							}
						}
					}
				}
				&.rdsnItem{
					.item{
						.contentItem{
							.teams{
								.first, .second{
									min-height: 40px;
									.name{
										transform: translateY(-100%);
									}
								}
								.object, .vs-{
									margin-top: 15px;
								}
							}
						}

					}
					&.maxSize-310{
						.contentItem{
							.teams{
								.first{
									img{
										right: 40px;
									}
									.name{
										right: 60px;
										font-size: 11px;
										top: 50%;
									}
									.number{
										width: 24px;
										height: 24px;
										line-height: 24px;
										right: 5px;
										left: auto;
									}
								}
								.second{
									img{
										left: 40px;
									}
									.name{
										left: 60px;
										font-size: 11px;
										top: 50%;
									}
									.number{
										width: 24px;
										height: 24px;
										line-height: 24px;
										left: 5px;
										right: auto;
									}
								}
							}
							.col{
								.date{
									span{
										font-size: 11px;

									}
								}
							} 
						} 
					}
				}
				&.type2{
						.contentItem{
							.teams{
								.first,.second{
									min-height: 34px;
									img{
										margin: 5px;
									}
									.name{
										font-size: 11px;
										line-height: 34px;
										min-height: 34px;
										margin: 0;
									}
									.number{
									}
								}
							}
						}
				}
			}
			.itemStyles.status-notStarted .item{
				.col.clearfix{
					.date{
						.iMam-aditionalTime, .iMam-status, .iMam-time{
							display: none;
						}
					}
				}
			}
			.itemStyles.status-playing .item{
				.col.clearfix{
					background-color: @color02;
					.date{
						.iMam-date, .iMam-hour{
							display: none;
						}
					}
				}
			}
			.itemStyles.status-finished .item, .itemStyles.status-penalties .item{
				.col.clearfix{
					.date{
						margin-top: 28px;
						.iMam-aditionalTime, .iMam-date, .iMam-hour, .iMam-time{
							display: none;
						}
					}
				}
			}

			.itemStyles.status-suspended .item, .itemStyles.status-postponed .item{
				.col.clearfix{
					.date{
						.iMam-date, .iMam-hour{
							display: none;
						}
					}
				}
			}
			.itemStyles.status-penalties .item .col.clearfix{
				background-color: @color02;
			}
			.itemStyles.status-half .item{
				.col.clearfix{
					.date{
						margin-top: 28px;
						.iMam-date, .iMam-hour, .iMam-time{
							display: none;
						}
					}
				}
			}
		    .deportes[data-sportChannel="tenis"], .deportes[data-sportChannel="basquet"]{
			    .itemStyles .item .contentItem {
					.teams  {
						line-height: 13px;
						padding: 5px;
						max-height: inherit;
						.first, .second, .versus{
							display: block;
						}
						.name{
							/*margin-top: 8px;*/
						}
						.second .number{
							float: right;
						}
						.number{
							/*padding: 8px 0;*/
						}
					}
					.col.clearfix{
						min-height: 8rem;
						.date{
							margin-top: 27px;
						}
					}	
				}
				.itemStyles.status-finished .item, .itemStyles.status-playing .item, .itemStyles.status-half .item{
					.col.clearfix{
						.date{
							margin-top: 40px;
						}
					}
				}
			}

		}
	}
	&.v2{
		.itemStyles.type2 .item{
			.name{
			display: none;
			}
			
		}
	}	
}