/*Jugadores*/
.statsCenterPerPlayer{
   // Generics
      table{
         thead{
             > tr {
               > th{
                  vertical-align: middle;
                  padding:0;
               }
             }
         }
         .boxElements{
            .flag{
               margin: 8px 0;
            }
            .data{
               margin: 16px 0 0;
            }
         }
         .text{
            margin: 20px 0 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;
                  }
                  &:first-child, &:last-child{
                     div{
                        border-right:none;
                     }
                     .boxElements{
                       float: left;
                       margin-right: 8px;
                       width: 40px;
                       position: relative;
                       top: auto;
                       transform: none;
                     }
                     .text{
                        left: 80px;
                        margin: 0;
                     }
                  }
               }
            }
            &.mc-tableGolsMinute{
              >tr {
                td{
                  .text{
                    margin:0;
                  }
                  &:last-child{
                    .text{
                      left: 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;
            margin-top: 2px;
         }
         &.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:0 10px;
         min-height: 48px;
         position: relative;
         cursor: auto;
         #gradient .vertical-three-colors(darken(@bg,10%), @bg, 20%, @bg);
         > div {
           &:first-child{
             margin-top: 4px;
             .boxElements{
               float: left;
               margin-right: 8px;
             }
           }
         }
         .boxComparing{
            margin: 8px 0 0;
         }
         .boxElements{
            .flag{
               margin: 4px 0 0;
            }
            .data{
               margin: 14px 0;
               line-height: 18px;
               font-size: 11px;
            }
         }
         .dataContent{
            margin: 16px 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{
           &.head{
             .dataContent{
                width: 100%;
                margin:0;
             }
           }
            &.type{
                > div:first-child {
                    margin-top: 14px;
                    position: initial;
                }
                &.head{
                  .dataContent{
                     margin:0;
                     width: 100%;
                  }
                }
                min-height: 60px;
               .boxElements{
                  .flag{
                     margin: 0;
                  }
               }
               .boxComparing{
                 margin: 14px 0 0;
                 padding: 0;
               }
               .text{
                  &.teamName{
                    left: 18%;
                     display: block;
                     top: 10px;
                  }
               }
               .dataContent{
                 margin-top: 0;
               }
            }
            &.head{
              .dataContent{
                 width: 100%;
                 margin:0;
              }
            }
         }
   }
   &.maxSize-767{
      // Top 3
         .boxTop3{
            .boxWrapper{
               &:nth-child(3n){
                  padding-right: 10px;
               }
               &:nth-child(2n){
                  padding-right: 0;
               }
            }
         }
      // Generics
         .boxRows{
           min-height: 60px;
            > div:first-child {
                margin-top: 12px;
                position: initial;
            }
            .col-position{
              font-size: 20px;
            }
            .text{
              &.teamName{
                left: 18%;
                 display: block;
                 top: 10px;
              }
               &.number{
                  font-size: 14px;
               }
            }
            .boxComparing{
              margin:12px 0 0;
              padding: 0;
            }
            .dataContent{
               margin:0;
            }
            &.type{
               .dataContent{
                 margin: 0;
                  .text{
                     display: none;
                     &.initial{
                        display: inline-block;
                     }
                  }
               }
               .boxComparing{
                  .bar{
                     margin: 4px 0 0;
                  }
               }
            }
         }
      &.filteredContent{
        .hide-filtered {
          display: none;
        } 
      }
   }
   &.maxSize-479{
    .boxRows{
      &.head-mobile{
        .dataContent{
          width: 100%;
          margin:0;
          >div{
            margin-bottom: 2px;
          }
        }
      }
     }
      // 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{
           &.type {
             min-height: 60px;
             &:after, &:before{
               content: " ";
               display: table;
             }
             &:after{
               clear: both;
             }
             .text{
               &.teamName {
                  left: 28%;
                }
             }
             .boxComparing {
                margin: 16px 0 0;
            }
           }
           > div:first-child {
             .boxElements {
               margin-right: 2px;
            }
           }
           .text{
             &.teamName {
                left: 28%;
            }
           }
            .dataContent{
                margin: 0;
                width: 70%;
               .text{
                  display: none;
                  &.initial{
                     display: inline-block;
                  }
               }
               .boxNumber{
                 margin: 0;
               }
            }
            .boxElements{
               .data{
                  margin: 14px 0 0;
               }
            }
            .boxComparing{
                margin: 18px 0 0;
               .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:13px auto 0;
           .flag{
             margin: 0 auto;
           }
         }
       }
       .text{
         &.teamName{
           left: 21%;
           top: 12px;
         }
       }
       .boxComparing{
         margin: 15px 0 0;
         width: 83%;
       }
       .dataContent {
         margin: 2px 0 0;
         width: 83%;
       }
       .col-position{
         display: none;
       }
     }
   }
}
/*Fin Jugadores */