/* 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: 8.3%;
                     font-weight: bold;
                     text-align: center;
                     &.total{
                        color: @bg_type;
                     }
                  }
               }
            }
            .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: 8.3%;
                     text-align: center;
                     &.total{
                        background: @color02;
                        color:@bg_dest_type;
                     }
                  }
               }
            }
         }
         .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;
               }
            }
         }
      }
      &.box1{
         .item{
            border: 0;
            .border-radius(4px);
            overflow: hidden;
            box-shadow: none;
            .contentItem{
               .title{
                  span{
                     text-transform: uppercase;
                  }
               }
               .col {
                  position: relative;
                  border-top: 0;
                  .date{
                     width: 100%;
                     height: 24px;
                     background: @bg;
                     color: @bg_type;
                     text-align: left;
                     line-height: normal;
                     span{
                        line-height: 18px;
                     }
                  }
                  .details{
                     position: absolute;
                     right: 3px;
                     background: @color01;
                     color: @color01_type;
                     line-height: 22px;
                     width: 10%;
                     height: 22px;
                     margin: 1px 0;
                     border-left: 0;
                     width: 22px;
                     .border-radius(4px);
                     border-bottom: 3px solid darken(@color01, 20%);
                     span{
                        display: none;
                        margin: 0;
                        &.iconMore{
                           display: block;
                        }
                     }
                     &:hover, &:focus, &:active{
                        height: 19px;
                        line-height: 19px;
                        margin-top: 3px;
                     }
                  }
               }
               .teams{
                  border-top: 1px solid darken(@bg, 10%);
                  padding: 2px;
                  margin:0;
                  .first, .second{
                     background: transparent;
                     .number{
                        float: none;
                        background: @color01;
                        .border-radius(50%);
                        height: 22px;
                        width: 22px;
                        .verticalAlign();
                        margin: 0 auto;
                        span{
                           color: @color01_type;
                        }
                     }
                  }
                  ul{
                     .flex-display(flex);
                     .flex-wrap(wrap);
                     .flex-direction();
                     .justify-content(space-around);
                     margin:0 0;
                     padding: 0;
                     li{
                        height: 26px;
                        text-align: center;
                        padding: 0 10px;
                        width: 10%;
                        &:first-child{
                           text-align: left;
                           width: 70%;
                        }
                        &:last-child{
                           text-align: right;
                        }
                        span{
                           font-weight: normal;
                           color: @bg_type;
                           font-size: 12px;
                           display: block;
                           .verticalAlign();
                           font-size: 12px;
                        }
                     }
                  }
               }
               .middle{
                  position: relative;
                  .tag{
                     top: 0;
                  }
                  ul{
                     .border-radius(4px);
                     background: darken(@bg, 10%);
                     margin: 2px 0;
                     li{
                        height: 18px;
                     }
                  }
               }
            }
         }
      }
      &.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 */