/* Item MaM */
   .itemMaM{
      &.status-playing .item .col .date, &.status-penalties .item .col .date{
         background: @color01;              
         color: @color01_type; 
         .iMam-date, .iMam-hour{
            display: none;
         }             
      }
		&.status-penalties .item .col .date{ 
         .iMam-time, .iMam-aditionalTime{
            display: none;
         }             
      }
      &.status-notStarted .item .col .date, &.status-posponed .item .col .date{
         background: darken(@bg,10%);              
         color: @bg_type;
         .iMam-status, .iMam-time, .iMam-aditionalTime{
            display: none;
         }          
      }
      &.status-finished .item .col .date{
         .iMam-date, .iMam-hour, .iMam-time, .iMam-aditionalTime{
            display: none;
         }          
      }
      &.status-playing{
         .item{
            .information{
               background:@color02;
               box-shadow:0 0 0 0;
               span{
                  font-size: 9px;
                  color: @color02_type;
               }
            }
         }
      }
      &.status-half{
         .item{
            .col {
               .date{
                  background: @color01;              
                  color: @color01_type; 
                  .iMam-date, .iMam-hour, .iMam-time{
                     display: none;
                  } 

               }
            }
            .information{
               background:@color02;
               box-shadow:0 0 0 0;
               span{
                  font-size: 9px;
                  color: @color02_type;
               }
            }
         }
      }
      &.status-finished{
         .item{
            .col{
               .date{
                  background: darken(@bg,20%);
                  color: @bg_type;
               }
            }
         }
      }
      &.status-suspended, &.status-postponed{
         .item{
            .col{
               .date{
                  .iMam-time{
                     display: none;
                  }
                  .iMam-aditionalTime{
                     display: none;
                  }
                  .iMam-date{
                     display: none;
                  }
                  .iMam-hour{
                     display: none;
                  }
               }
            }
         }
      }
      .item{
         background: @bg;
         padding: 0px;
         margin: 0 2px;
         -webkit-border-radius: 0px;
         -moz-border-radius: 0px;
         border-radius: 0px;
         border: 1px solid lighten(@color02, 90%);
         .title{
            background: @color01;
            font-size: 9px;
            color: @color01_type;
            padding: 3px 8px;
            height: 18px;
            overflow: hidden;
            span{
               height: 18px;
               line-height: 14px;
            }
         }
         .col{
            border-top: 1px solid @bg;
            width: 100%;
            .date{
               padding: 3px 8px;
               width: 70%;
               background: @color02;
               color: @color01_type;
               display: block;
               float: left;
               text-transform: uppercase;
               font-size: 9px;
                     height: 18px;
                     overflow: hidden;
                     span{
                        line-height: 14px;
                     }
               &.onTime{
                  background: @color01;
               }
               &.start{
                  background: lighten(@color02, 90%);
                  color: @bg_type;
               }
            }
            .details{
               width: 30%;
               background: @color02;
               color: @color02_type;
               border-left: 1px solid @bg;
               display: block;
               float: left;
               text-transform: uppercase;
               font-size: 9px;
               line-height: 18px;
							 height:18px;
							 overflow:hidden;
							 text-align:center;
							 span{
								 margin-left:3px;
								 display:inline-block;
								 vertical-align:top;
							 }
               .iconMore{
                  font-weight: bold;
                  font-size: 15px;
               }
               &:hover{
                  text-decoration: none;
                  background: @color01;
                  color:@color01_h_type;                  
               }
            }
         }
         &.hideDetailsButton{
            .col .date{
               width: 100%;
            }
            .col .details{
               display: none;
            }
         }
         .teams{
            padding: 4px;
            line-height: 24px;
            .first, .second{
               border-bottom:1px dotted @color02;
               padding-bottom: 4px;
               img{
                  float: left;
               } 
               .name{
                  color: @bg_type;
                  text-transform: uppercase;
                  font-size: 9px;
                  margin-left: 5px;
                  float: left;
                  display: block;
               }
               .circle{
                  width: 18px;
                  height: 18px;
                  font-size: 10px;
                  color: @color02_type;
                  line-height: 18px;
                  float: right;
                  display: block;
                  margin-right: 10px;
                  margin-top: 2px;
               }
               .number{
                  float: right;
                  color: @bg_dest_type;
                  font-size: 22px;
               }
            }
            .second{
               border-bottom:0;
               padding-top: 4px;
            }
         }
         .information{
            background: darken(@bg,10%);
            box-shadow:0px 2px 10px -1px darken(@bg,20%) inset;
            padding: 3px 4px;
            min-height: 22px;
            span{
               font-size: 9px;
               color: @bg_type;
            }
            marquee{
               span{
                  display: inline-block;
               }
            }
         }
      }
      &.maxSize-479{
         .item{
            margin: 0;
            .col {
               .date{
                  width: 60%;
               }
               .details{
                  width: 40%;
               }
            }
            &.hideDetailsButton{
               .col .date{
                  width: 100%;
               }
               .col .details{
                  display: none;
               }
            }
         }
      }
   }
/* Fin Item MaM */