/*Preview*/
.previews{
   .lineUpFull{
      .team-name{
         position: relative;
         border: 0;
      }
   }
   .circle{
      &.lost{
         background: @refColor04;
      }
      &.tied{
         background: lighten(@bg_type, 70%);
      }
      &.local{
         background: url('../../escudos/233.gif') no-repeat center center;
      }
      &.away{
         background: url('../../escudos/217.gif') no-repeat center center;
      }
   }
   .gamesContent{
      .games{
         padding:10px;
         .circle{
            width: 16px;
            height: 16px;
            line-height: 16px;
            margin: 10px 0 0 5px;
            color:@color02_type;
            font-size: 11px;
         }
         .description{
            .data{
               min-height: 40px;
               margin:0;
               color: @bg_type;
               text-align: center;
               font-size: 11px;
               text-transform: uppercase;
               font-weight: bold;
               line-height: 12px;
               .namesTeam{
                  padding-top: 10px;
               }
               .won{
                  color:@refColor01_type;
               }
               .lost{
                  color:@refColor02_type;
               }
               .tied{
                  color: lighten(@bg_type, 70%);
               }
               .date{
                  text-align: center;
                  line-height: 12px;
                  font-size: 12px;
                  padding-top: 8px;
                  border-right: 1px solid darken(@bg,20%);
                  min-height: 40px;
                  span{
                     display: block;
                     color: @bg_type;
                     font-weight: normal;
                     &:nth-child(2){
                        font-weight: bold;
                     }
                  }
               }
            }
         }
      }
      .visitant{
         &:after{
            .G_divider;         
         }
      }
   }
   .evolution{
      margin: 20px 0;
      .teams{
         height: 35px;
         margin: 10px 0;
         .colRight{
            position: relative; 
            &:after{
               .G_divider;     
            }
            .position{
               position: absolute;
               left: 0;
            }
         }
         .colLeft{
            position: relative; 
            .position{
               position: absolute;
               right: 0;
               margin-right: 20px;
            }
         }
         .circle{
            &.local{
               margin-left: 18px;
            }
            &.black{
               background: @color02;
               width: 20px;
               height: 20px;
               margin-top: 8px;
               margin-right: 10px;
            }
            &.gray{
               background: lighten(@color02, 70%);
               width: 20px;
               height: 20px;
               margin-top: 8px;
               margin-left: 10px;
            }
         } 
      }

      .graphicalArea{
         margin-bottom: 10px;
         img{
            margin: 0 auto;
         }
         span{
            display: block;
            width: 70px;
            margin: 0 auto;
            background: @color02;
            color:@color02_type;
            padding: 3px 0;
            font-size: 12px;
            text-align: center;
         }
      }
   }
   .goalsPerMinute{
      .home, .visitant{
         padding: 20px 0;
         img{
            margin:0 auto;
         }
      }
      .visitant{
         &:after{
            .G_divider;     
         }
      }
   }
   .passes{
      &.colLeft{
         .effectivity{
            .graphic{
               float: right;
            }
            .data{
               float: left;
            }
         }
      }
      &.colRight{
         &:after{
            .G_divider;     
         }
         .effectivity{
            .graphic{
               float: left;
            }
            .data{
               float: right;
            }
         }
      }
      &.colLeft, &.colRight{
         .correct, .incorrect{
            line-height: 100px;
            padding: 0;
         }
         .graphic{
            img{
               margin: 0 auto;
            }
         }
      }
   }

   &.maxSize-767 {
      .passes{
         &.colLeft, &.colRight{
            .effectivity{
               .graphic{
                  float: none;
               }
               .data{
                  float: none;
                  width: 50%;
                  margin: 10px auto;
               }
            }
            .correct, .incorrect{
               line-height: 20px;
            }
         }
      }
      .gamesContent{
         .games{
            .description{
               .data{
                  font-size: 10px;
               }
            }
            .circle{
               margin: 10px 0 0;
            }
         }
      }
   }
   &.maxSize-479 {
      .gamesContent{
         >.local, >.visitant{
            position: relative;
            height: 74px;
            .games{
               position: absolute;
               width: 100%;
               .left{
                  width: 25%;
                  margin-left: 20%;
               }
               .middle{
                  width: 25%;
                  margin-left: 48%;
               }
               .right{
                  width: 25%;
                  margin-left: 76%;
               }
               .description{
                  position: absolute;
                  width: 96%;
                  top: 100%;
                  z-index: 999;
                  .data{
                    // width: 100%;
                  }
               }
               .circle{
                  &.white{
                     width: 33px;
                     height: 33px;
                     line-height: 34px;
                     margin: 0;
                  }
               }
            }
         }
         .visitant{
            padding-top: 25px;
            border-top: 1px solid darken(@bg,20%);
         }
      }
      .passes{
         &.colLeft, &.colRight{
            .effectivity{
               .data{
                  width: 70%;
               }
            }
         }
      }
      .blockCards{
         .content{
            .colRight {
               .position{
                  margin: 0 auto;
                  width: 65%;
               }
            }
            .colLeft {
               .position{
                  margin: 0 auto;
                  width: 65%;
               }
            }
         }
      }
   }

  /* @media (max-width: 390px) {
      .passes{
         &.colLeft, &.colRight{
            .effectivity{
               .data{
                  width: 90%;
               }
            }
         }
      }
      .gamesContent {
         .local, .visitant{
            .games{
               .description{
                  width: 93%;
               }
            }
         }
      }
   }
   @media (max-width: 270px) {
      .passes{
         &.colLeft, &.colRight{
            .effectivity{
               .data{
                  width: 100%;
                  .number{
                     font-size: 16px;
                  }
                  .text{
                     font-size: 10px;
                  }
               }
            }
         }
      }
      .gamesContent {
         .local, .visitant{
            .games{
               .description{
                  width: 90%;
               }
            }
         }
      }
   }*/
}
/*Fin Preview*/