/* 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 0 10px;
         -webkit-border-radius: 0px;
         -moz-border-radius: 0px;
         border-radius: 0px;
         -moz-box-shadow: 0 6px 5px lighten(@color02, 80%);
         -webkit-box-shadow: 0 6px 5px lighten(@color02, 80%);
         box-shadow: 0 6px 5px lighten(@color02, 80%);
         border-bottom: 1px solid lighten(@color02, 60%);
         .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: 6px 8px;
               width: 100%;
               background: @color02;
               color: @color01_type;
               display: block;
               float: left;
               text-transform: uppercase;
               font-size: 9px;
               height: auto;
               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{
            margin: 4px;
            position:relative;
            padding: 0;
            line-height: auto;
            .first, .second{
               border-bottom:none;
               background-color:@color02;
               font-weight: normal;
               text-transform:uppercase;
               padding:0;
               #gradient .vertical-three-colors(darken(@bg,10%), @bg, 20%, @bg);
               img{
                  float: left;
               } 
               .name{
                  color: @bg_type;
                  text-transform: uppercase;
                  font-size: 11px;
                  margin-left: 5px;
                  float: left;
                  display: block;
                  font-weight: bold;
               }
               .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;
               }
               .colLeft{
                  padding-top: 10px;
               }
               ul{
                  padding-bottom: 12px;
                  padding-top: 4px;
                  li{
                     float: left;
                     font-size: 22px;
                     color: @bg_dest_type;
                     width:20%;
                     font-weight: bold;
                     text-align: center;
                     &.total{
                        color: @bg_type;
                     }
                     /* six items */
                     &:nth-child(1):nth-last-child(6),
                     &:nth-child(2):nth-last-child(5),
                     &:nth-child(3):nth-last-child(4),
                     &:nth-child(4):nth-last-child(3),
                     &:nth-child(5):nth-last-child(2),
                     &:nth-child(6):nth-last-child(1) {
                        width:16.66%;
                     }
                     /* seven items */
                     &:nth-child(1):nth-last-child(7),
                     &:nth-child(2):nth-last-child(6),
                     &:nth-child(3):nth-last-child(5),
                     &:nth-child(4):nth-last-child(4),
                     &:nth-child(5):nth-last-child(3),
                     &:nth-child(6):nth-last-child(2),
                     &:nth-child(7):nth-last-child(1) {
                        width:14.28%;
                     }
                  }
               }
            }
            .second{
               .colRight{
                  float: right;
               }
               ul{
                  padding-bottom: 0;
                  padding-top: 16px;
               }
            }
            .definicionTribunal{
               position: absolute;
               margin: 0;
               top: 20%;
               right: 0;
               div{
                  font-style: normal;
               }
            }
            .block{
               position: absolute;
               top: 30px;
               right: 0;
               z-index: 999;
               background: darken(@bg,10%);
               box-shadow:0px 2px 10px -1px darken(@bg,20%) inset;
               ul{
                  li{
                     float: left;
                     color: @bg_type;
                     text-transform: uppercase;
                     font-size: 9px;
                     width:20%;
                     text-align: center;
                     &.total{
                        background: @color02;
                        color:@bg_dest_type;
                     }
                     /* six items */
                     &:nth-child(1):nth-last-child(6),
                     &:nth-child(2):nth-last-child(5),
                     &:nth-child(3):nth-last-child(4),
                     &:nth-child(4):nth-last-child(3),
                     &:nth-child(5):nth-last-child(2),
                     &:nth-child(6):nth-last-child(1) {
                        width:16.66%;
                     }
                     /* seven items */
                     &:nth-child(1):nth-last-child(7),
                     &:nth-child(2):nth-last-child(6),
                     &:nth-child(3):nth-last-child(5),
                     &:nth-child(4):nth-last-child(4),
                     &:nth-child(5):nth-last-child(3),
                     &:nth-child(6):nth-last-child(2),
                     &:nth-child(7):nth-last-child(1) {
                        width:14.28%;
                     }
                  }
               }
            }
         }
         .information{
            margin: 4px;
            font-weight: normal;
            text-transform:uppercase;
            #gradient .vertical-three-colors(@bg, @bg, 20%, darken(@bg,10%));
            padding: 0;
            min-height: 20px;
            line-height: 20px;
            position: relative;
            border-top: 1px solid darken(@bg,10%);
            box-shadow: 0 0 0 0;
            span{
               font-size: 9px;
               color: @bg_dest_type;
               .name, .number{
                  color: @bg_type;
               }
            }
            marquee{
               span{
                  display: inline-block;
               }
            }
         }
      }
      &.maxSize-479{
         .item{
            margin: 0;
            .col {
               .date{
                  width: 100%;
               }
               .details{
                  width: 40%;
               }
            }
            &.hideDetailsButton{
               .col .date{
                  width: 100%;
               }
               .col .details{
                  display: none;
               }
            }
            .teams{
               .definicionTribunal{
                  top: 35%;
               }
               .first, .second{
                  background-color: transparent;
                  background-image: none;
                  .colLeft{
                     #gradient .vertical-three-colors(darken(@bg,10%), @bg, 20%, @bg);
                     padding-top: 12px;
                     padding-bottom: 10px;
                  }
                  .colRight{
                     #gradient .vertical-three-colors(darken(@bg,10%), @bg, 20%, @bg);
                     ul{
                        width: 95%;
                        margin: 0 auto;
                        li{
                           font-size: 14px;
                        }
                     }
                  }
                  .name{
                     font-size: 14px;
                  }
               }
               .second{
                  .colRight{
                     float: none;
                  }
               }
               .block{
                  width: 95%;
                  left: 0;
                  margin: 0 auto;
                  top: 75px;
               }
            }
         }
      }
   }
/* Fin Item MaM */