/*Equipos*/
.statsCenterTeamComparison{
   .blockTeamTournament{
      background:darken(@bg,5%);
      min-height: 400px;
      position: relative;
      .colLeft, .colRight{
         padding: 40px 0 0;
         .data{
            padding:2% 0 0;
            span{
               display: block;
               color: @bg_type;
               text-transform: uppercase;
               font-size: 16px;
               font-weight: bold;
            }
            .change{
               background: @color01;
               color: @color01_type;
               min-height: 30px;
               width: 170px;
               line-height: 30px;
               text-transform: uppercase;
               text-align: center;
               font-size: 12px;
               font-weight: bold;
               margin: 2px 0 0;
               cursor: pointer;
            }
         }
         .positionCircle{
            .circle{
               margin: 30% auto 0;
               float: none;
               img{
                  vertical-align: top;
                  margin-top: 5px;
               }
               &.white{
                  background: #FFFFFF;
               }
            }
         }
      }
      .colRight{
         .data{
            text-align: right;
            div{
               float: right;
            }
         }
         padding-right: 6%;
         .positionCircle{
            float: right;
         }
         .playerPosition{
            float: right;
         }
         .fRight{
            float: right;
         }
      }
      .colLeft{
         padding-left: 6%;
      }
      .colMiddle{
         padding: 22px 0 0;
         position: relative;
         min-height: 115px;
         .circle{
            float: none;
            margin: 0 auto 0;
            width: 100px;
            height: 100px;
            font-size: 50px;
            line-height: 100px;
            color: @color01_type;
            position: relative;
            z-index: 1;
         }
         img{
            margin: 0 auto;
         }
      }
      &:after{
         content: "";
         width: 0; 
         min-height: 400px;
         border-left: 1px solid @bg;
         border-right: 1px solid darken(@bg, 15%);
         margin: 0 auto;
         position: absolute;
         left: 0;
         right: 0;
         top: 0;
      }
      .dialog{
         background: @bg;
         z-index: 1;
         margin-top: 20px;
         position: relative;
         &.showTeam{
            opacity: 1;
            .contentDialog{
               opacity: 1;
               height: auto;
               -webkit-transition: opacity 1s, height 3s;
               -moz-transition: opacity 1s, height 3s;
               transition: opacity 1s, height 3s;
            }
         }
         &.hideTeam{
            opacity: 0;
            .contentDialog{
               opacity: 0;
               -webkit-transition: opacity 1s, height 0 3s;
               -moz-transition: opacity 1s, height 0 3s;
               transition: opacity 1s, height 0 3s;
               height: 0; 
               overflow: hidden;
            }
         }
         &:before{
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 14px solid @bg;
            position: absolute;
            top: -14px;
            width: 13px;
            height: 14px;
            content: " ";
         }
         &.home{
            &:before{
               left: 24%;
            }
         }
         &.away{
            margin-top: 0;
            &:before{
               right: 24%;
            }
         }
      }
      &.teamsBlockHidden{
         min-height: 130px;
         &:after{
            min-height: 130px;
            max-height: 400px;
         }
         .colLeft, .colRight{
            padding: 10px 0 0;
            .iconPlayers{
               display: none;
            }
            .positionCircle {
               .circle{
                  margin: 10% auto 0;
               }
            }
            .data{
               width: 80%;
            }
         }
         .colMiddle{
            padding: 10px 0 0;
            .circle{
               width: 80px;
               height: 80px;
               font-size: 40px;
               line-height: 80px;
            }
         }
         .dialog{
            margin-top: 4px;
            &.home{
               &:before{
                  left: 12%;
               }
            }
            &.away{
               &:before{
                  right: 12%;
               }
            }
         }
      }
   }
   .blockComparing{
      border-top: 3px solid @color02;
   }
   &.maxSize-767{
      .blockTeamTournament{
         .colLeft{
            padding-left: 0%;
         }
         .colRight{
            padding-right: 0%;
         }
         .colMiddle{
            .circle{
               width: 60px;
               height: 60px;
               font-size: 30px;
               line-height: 60px;
            }
         }
         .dialog{
            &.home{
               &:before{
                  left: 18%;
               }
            }
            &.away{
               &:before{
                  right: 18%;
               }
            }
         }
      }
      .blockComparing{
         .items{
            .comparing{
               .num {
                  width: 10%;
               }
               .bar {
                  width: 75%;
               }
            }
         }
      }
   }
   &.maxSize-479{
      .blockTeamTournament {
         .colMiddle {
            padding: 10px 0;
            .circle{
               width: 33px;
               height: 33px;
               line-height: 33px;
               font-size: 18px;
            }
         }
         .colLeft,.colRight {
            padding: 10px 0;
            .positionCircle {
               .circle{
                  margin: 0;
               }
            }
            .data{
               .change{
                  width: 100%;
               }
            }
         }
         .colLeft{
            padding-left: 2%;
         }
         .colRight{
            padding-right: 2%;
            .positionCircle {
               .circle{
                  float: right;
               }
            }
         }
         .dialog{
            &.home{
               &:before{
                 left: 50px; 
                 margin: 0;
               }
            }
            &.away{
               &:before{
                 right: 50px; 
                 margin: 0;
                 left: inherit;
               }
            }
         }
         &.teamsBlockHidden{
            .colLeft, .colRight{
               .data{
                  width: 100%;
               }
            }
         }
      }
      .blockComparing{
         .blockCards{
            .content {
               .colLeft, .colRight {
                  .position{
                     margin: 0 auto;
                     width: 65%;
                  }
               }
            }
         }
         .items{
            .comparing{
               .num {
                  width: 18%;
               }
               .bar {
                  width: 61%;
               }
            }
         }
      }
   }
}
/*Fin Equipos */