/* Passes Effectiveness */ 
.passesEffectiveness{
	font-family: @baseFontFamily;
  .content{
    overflow: auto;
    height:330px;
    .teams{
      height: 35px;
      margin: 10px 0;
      .colLeft, .colRight{
        position: relative;
        .circle{
              background-repeat: no-repeat;
              background-position: center center;
              float: right;
              margin-right:35px;
          } 
      }
      .colRight{
            &:after{
               .G_divider;     
            }
            .circle{
              float: left;
              margin-left: 25px;
              margin-right:0;
            }
      }
    }
    .blockEffectivenes{
        .colLeft, .colRight{
            position: relative;
            .graphic{
              height: 130px;
                position: relative;
                canvas{
                    position: absolute;
                    left: 0;
                    right: 0;
                    margin: 0 auto;
                }
                .numberCharts{
                    position: absolute;
                    top: 39px;
                    left: 0;
                    right: 0;
                    text-align: center;
                    margin: 0 auto;
                    font-size: 18px;
                    color: @bg_type;
                }
            }
            .data{
              .number{
                  font-size: 20px;
                  width: 30%;
                    display: block;
                    margin: 0 auto;
                }
                .text{
                  font-size:12px;
                    font-weight: bold;
                    line-height: 24px;
                    text-transform: uppercase;
                    display: block;
                    width: 30%;
                    margin: 0 auto;
                }
                .correct{
                  margin-bottom: 20px;
                  .text{
                      color:@refColor05_type;
                  }
                  .number{
                    color:@refColor05_type;
                  }
                }
                .incorrect {
                  margin-bottom: 20px;
                    .text{
                      color:@refColor06_type;
                    }
                    .number{
                    color:@refColor06_type;
                  }
                }
            }
        }
        .colRight{
            &:after{
               .G_divider;         
            }
        }
    }
  }
	
  &.maxSize-479{
  	.blockEffectivenes{
      	.colLeft, .colRight{
      		.data{
      			.number{
      				width: 60%;
      			}
      			.text{
      				width: 60%;
      			}
      		}
      	}
      }
  }
}
   /* Fin Passes Effectiveness */