/*Equipos*/
.statsCenterPerTeam{
   // Generics
      table{
         thead{
             > tr {
               > th{
                  vertical-align: middle;
                  padding:0;
               }
             }
         }
         tbody{
            min-height:  100%;
            >tr {
               td{
                  padding: 0;
                  line-height: normal;
                  margin: 0;
                  position: relative;
                  div{
                     border-right: 1px solid @color01;
                  }
                  &:first-child{
                    padding: 0 10px;
                    .boxElements{
                      float: left;
                      margin-right: 8px;
                      width: 40px;
                      position: relative;
                      top: auto;
                      transform: none;
                    }
                    .text {
                        left: 80px;
                        margin: 0;
                    }
                    .col-position{
                      margin-top: 15px;
                    }
                  }
                  &:first-child, &:last-child{
                     div{
                        border-right:none;
                     }
                  }
               }
            }
            &.mc-tableGolsMinute{
              >tr {
                td{
                  .text{
                    margin:0;
                  }
                  &:last-child{
                    .text{
                      left: 0;
                    }
                  }
                }
              }
            }
         }
         .boxElements{
            .flag{
               margin: 8px 0;
            }
         }
      }
      .subHeader{
         > span{
            text-align: left;
            padding-left: 20px;
            height: 25px;
            line-height: 25px;
            font-size: 12px;
         }
      }
      .text{
         font-size: 10px;
         font-weight: bold;
         &.number{
            color: @bg_dest_type;
            font-size: 18px;
         }
         &.initial{
            display: none;
         }
         &.teamName{
           text-align: left;
           top: 50%;
           .translate(0, -50%);
           position: absolute;
           margin: 0;
         }
      }
      .col-position {
           font-size: 24px;
           color: @bg_dest_type;
           line-height: 24px;
           float: left;
           margin: 10px 4px 0 0;
           width: 26px;
           text-align: center;
           font-weight: bold;
       }
      .boxRows{
         padding:8px 10px;
         min-height: 55px;
         cursor: auto;
         #gradient .vertical-three-colors(darken(@bg,10%), @bg, 20%, @bg);
         .boxComparing{
            margin: 4px 0 0;
         }
         .boxElements{
            float: left;
            margin-right: 6px;
            .flag{
               margin: 4px 0 0;
            }
         }
         .dataContent{
            margin: 10px 0 0;
            .boxNumber{
              font-size: 12px;
              font-weight: bold;
            }
         }
      }
   // Top 3
      .boxTop3{
         padding: 15px 0;
         .boxWrapper{
            padding-right: 10px;
            min-height: 190px;
            &:nth-child(4n){
               padding-right: 0;
            }
            .boxContent{
               .boxComparing{
                  padding: 0;
               }
               .iRedCard, .iYellowCard{
                  position: absolute;
                  right: 20%;
                  top: 0;
               }
               .link{
                  .btn{
                     float: none;
                     margin: 10px auto 0;
                  }
               }
               .boxElements{
                  .flag{
                     margin: 6px 0 0;
                  }
               }
            }
         }
      }
   &.maxSize-991{
      // Top 3
         .boxTop3{
            .boxWrapper{
               &:nth-child(4n){
                  padding-right: 10px;
               }
               &:nth-child(3n){
                  padding-right: 0;
               }
            }
         }
      //Generics
         .boxRows{
           position: relative;
           &.type{
               > div:first-child {
                   position: initial;
                   margin-top: 6px;
                   width: 12%;
               }
               &.head{
                 .dataContent{
                    width: 100%;
                 }
               }
               min-height: 60px;
              .boxElements{
                 .flag{
                    margin: 0;
                 }
              }
              .boxComparing{
                margin: 6px 0 0;
                padding: 0;
                width: 88%;
              }
              .text{
                 &.teamName{
                    left: 13%;
                    display: block;
                    top: 10px;
                 }
              }
              .dataContent{
                margin-top: 0;
                width: 88%;
              }
           }
         }
   }
   &.maxSize-767{
      // Top 3
         .boxTop3{
            .boxWrapper{
               &:nth-child(3n){
                  padding-right: 10px;
               }
               &:nth-child(2n){
                  padding-right: 0;
               }
            }
         }
      // Generics
         .boxRows{
            min-height: 60px;
            padding:8px 0px;
            &.head{
              .dataContent{
                 width: 100%;
                 margin-top: 0;
              }
            }
            .col-position{
              font-size: 20px;
              margin: 6px 2px 0 0;
            }
            .boxElements {
                margin-right: 0;
            }
            .text{
              &.teamName{
                left: 21%;
                 display: block;
                 top: 10px;
              }
               &.number{
                  font-size: 14px;
                  margin-top: 3px;
               }
            }
            .dataContent{
               margin:0;
               width: 80%;
            }
            > div:first-child {
                position: initial;
                margin-top: 6px;
                width: 20%;
            }
            .boxElements{
              .flag{
                 margin: 0;
              }
            }
            .boxComparing{
               margin: 6px 0 0;
               padding: 0;
               width: 80%;
            }
            &.type{
              > div:first-child {
                  width: 20%;
              }
               .dataContent{
                 width: 80%;
                  .text{
                     display: none;
                     &.initial{
                        display: inline-block;
                     }
                  }
               }
               .text{
                 &.teamName{
                   left: 21%;
                 }
               }
               .boxComparing{
                 width: 80%;
                  .bar{
                     margin: 4px 0 0;
                  }
               }
            }
         }
    &.filteredContent{
      .hide-filtered {
        display: none;
      } 
    }
   }
   &.maxSize-479{
      // Top 3
         .boxTop3{
            .boxWrapper{
               padding-right: 0;
               &:nth-child(3n),&:nth-child(4n){
                  padding-right: 0;
               }
               .boxContent{
                  padding: 0 15px 15px;
               }
            }
         }
      // Generics
        table{
           thead{
              > tr {
                 > th{
                    background: @color02;
                 }
              }
           }
           tbody {
            &.mc-tableGolsMinute{
                >tr td{
                  .text{
                    width: auto;
                  }
                  &:last-child{
                    div{
                      margin:0;
                    }
                  }
                }
              }
              > tr {
                 height: 60px;
                 td {
                    width: 10%;
                    div{
                       display: inline-block;
                       border-right: 0;
                       border-radius: 4px;
                       padding: 0 6px;
                       position: relative;
                       width: auto;
                    }
                    &:first-child{
                       width: 30%;
                       padding: 0 4px;
                       .text{
                         margin: 0;
                         width: 220px;
                         left:0;
                         padding: 0px 10px;
                         top: 84%;
                       }
                       div{
                          border-radius: 50%;
                          padding:0;
                          margin-right: 2px;
                       }
                    }
                    &:nth-child(2n){
                       div{
                          background: @referenceColor05;
                          color: @referenceColor05_type;
                       }
                    }
                    &:nth-child(3n){
                       div{
                          background: @referenceColor06;
                          color: @referenceColor06_type;
                       }
                    }
                    &:nth-child(4n){
                       div{
                          background: @referenceColor07;
                          color: @referenceColor07_type;
                       }
                    }
                    &:nth-child(5n){
                       div{
                          background: @referenceColor08;
                          color: @referenceColor08_type;
                       }
                    }
                    &:nth-child(6n){
                       div{
                          background: @referenceColor09;
                          color: @referenceColor09_type;
                       }
                    }
                    &:nth-child(7n){
                       div{
                          background: @referenceColor10;
                          color: @referenceColor10_type;
                       }
                    }
                    &:nth-child(8n){
                       div{
                          background: @referenceColor11;
                          color: @referenceColor11_type;
                          margin: 20px 0 0;
                       }
                    }
                 }
              }
           }
        }
         .boxRows{
           padding: 8px 10px;
           &.type{
             > div:first-child{
               width: 22%;
             }
             .text{
               &.teamName{
                 left: 23%;
               }
             }
             .boxComparing{
               width: 78%;
               padding: 0;
             }
             .dataContent{
               width: 78%;
             }
           }
           .text{
             &.teamName{
               left: 23%;
             }
           }
           > div:first-child{
             width: 22%;
           }
           .dataContent{
             width: 78%;
             .boxNumber{
               margin-left: 0;
             }
             .text{
               display: none;
               &.initial{
                 display: inline-block;
               }
             }
           }
           .boxComparing{
             padding: 0;
             width: 78%;
             .bar{
               margin: 4px 0 0;
             }
           }
         }
      // Navs
         .navbar-header{
            height: 37px;
         }
         .nav{
            margin: 0;
            padding: 0;
            border: 0;
            border-radius: 0;
            font-weight: bold;
            position: relative;
            li{
               a{
                  font-weight: bold;
               }
            }
         }
   }
   &.maxSize-310{
     table{
       .col-position{
         display: none;
       }
     }
     .boxRows, .boxRows.type{
       &.head{
         .dataContent{
           .boxNumber{
             float: left;
             margin: 0 4px 2px 0;
           }
           .text{
             &.initial{
               display: block;
               margin: 3px 0 0;
             }
           }
         }
       }
       > div:first-child{
         margin-top: 0;
          width: 17%;
         .boxElements {
           float: none;
           margin:10px auto 0;
           .flag{
             margin: 0 auto;
           }
         }
       }
       .text{
         &.teamName{
           left: 21%;
           top: 12px;
         }
       }
       .boxComparing{
         margin: 8px 0 0;
         width: 83%;
       }
       .dataContent {
         margin: 2px 0 0;
         width: 83%;
       }
       .col-position{
         display: none;
       }
     }
   }
}
/*Fin Equipos*/