/*Previa de Enfrentamientos Historica*/
.historicalPreview{
   .gamesContent{
      >.local{
         overflow: auto;
         height: 200px;
      }
      .games{
         .description{
            .arrow-left{
               border-bottom-width: 8px;
               border-right-width: 12px;
               border-top-width: 8px;
               top: 10px;
               left: -12px;
               &:after{
                  border-bottom-width: 8px;
                  border-right-width: 12px;
                  border-top-width: 8px;
                  top: -8px;
               }
            }
            .arrow-right{
               border-top-width: 8px;
               border-left-width: 12px;
               border-bottom-width: 8px;
               top: 10px;
               right: -12px;
               &:after{
                  border-bottom-width: 8px;
                  border-left-width: 12px;
                  border-top-width: 8px;
                  top: -8px;
               }
            }
            .namesTeam{
               -moz-hyphens:auto; 
               -ms-hyphens:auto; 
               -webkit-hyphens:auto; 
               -o-hyphens:auto; 
               hyphens:auto; 
               word-wrap:break-word;
            }
         }
      }
      .visitant{
         &:after{
            left: 4px;
         }
      }
      .evolution{
         margin: 0;
         min-height: 200px;
         padding: 60px 0 0;
         .teams{
            height: auto;
            .colLeft, .colRight{
               padding-top: 12px;
               &:after{
                  width: 0;
               }
            }
            .local{
               margin-left: 0;
            }
            .away{
               margin-right: 0;
            }
         }
         .numbers{
            padding-top: 22px;
            .circle{
               &.black{
                  color:@color01_type;
               }
               &.second{
                  background: lighten(@color02, 40%);
               }
               &.third{
                  background: lighten(@color02, 70%);
                  color: @bg_type;
               }
            }
         }
      }
   }

   @media (max-width: @md) {
      .gamesContent{
         .games{
            .description{
               margin: 0 3% 0 5%;
            }
         }
      }
   }
   @media (max-width: @sm) {
      .gamesContent{
         .visitant{
            border-top: 1px solid darken(@bg,20%);
            padding: 30px 0 0;
            min-height: 170px;
            &:after{
               left: -10px;
            }
         }
      }
   }
   @media (max-width: @xs) {
      .gamesContent{
         >.local{
            overflow: visible;
            height: 56px;
            .games{
               height: 140px;
               .description{
                  margin: 0;
                  top: 40%;
               }
               .shield{
                  &.visit{
                     position: absolute;
                     bottom: 0;
                  }
               }
               .position{
                  float: left;
                  width: 10%;
                  position: absolute;
                  margin-left: 12%;
                  &.bottom{
                     bottom: 2%;
                  }
               }
            }
         }
         .visitant{
            margin-top: 100px;
            min-height: 210px;
         }
         .evolution{
            .numbers{
               padding-bottom: 20px;
               .circle{
                  margin: 0 auto;
                  float: none;
               }
            }
         }
      }
   }
}
/*Fin Previa de Enfrentamientos Historica*/