/* LineUpFull */
.lineUpFull {
   margin-top: 1px;
   div.gameField {
      position: relative;
      div.shapes { 
         div {
            position: absolute;
            top: 144.5px;
            border: 1px solid white;
         }
         div.centro {
            margin-top: -50px;
            height: 100px;
            width: 50px;
         }
      }
      div.positions {
         position: relative;
         div {
            position: absolute;
            width: 48px;
            top: 144.5px;
            span.container-player {
               display: block;
               width: 45px;
               span.player {
                  display: block;
                  margin-bottom: 10px;
                  font: 13px @type_Special;
                  height: 46px;
                  line-height: 40px;
                  text-align: center;
                  cursor: pointer;
                  &.hover-player {
                     #translucent .background(@color02, .5);
                     .border-radius(60px);
                  }
               }
            }
         }
      }
   }
   .homeTeam > div.gameField {
      div.area-home { 
         background:url('../images/area_loca2l.png') no-repeat transparent center center;
         position:absolute;
         top: 55px;
         left:0px;
         display:block;
         width:109px;
         height: 173px;
      }
      div.area-center-home {
         background:url('../images/media_cancha_loc2.png') no-repeat transparent center center;
         position:absolute;
         top: 0px;
         right:0px;
         width:45px;
         height: 283px;
      }

      div.shapes {
         div.center{
            right: 0;
            .border-radius(70px 0 0 70px);
            border-right:none;
         }
      }
      div.positions {
         div.goalkeeper {
            left: 0;
         }
         div.defender {
            left: 20%;
         }
         div.midfielder {
            left: 45%;
         }
         div.playmaker {
            left: 62.5%;
         }
         div.forward {
            left: 80%;
         }
         span.player {
            background-image: url('../images/camiseta_negra.png');
            background-repeat:no-repeat;
            color: @homeColor_type;
         }
      }
   }
   .awayTeam > .gameField {
      div.area-away { 
         background:url('../images/area_visitante2.png') no-repeat transparent center center;
         position:absolute;
         top: 55px;
         right:0px;
         display:block;
         width:109px;
         height: 173px;
      }
      div.area-center-away {
         background:url('../images/media_cancha_vis2.png') no-repeat transparent center center;
         position:absolute;
         top: 0px;
         left:0px;
         width:46px;
         height: 283px;
      }
      div.shapes {
         background-position: 290px 0;
         div.chica, div.ancha {
            right:0;
         }
         div.medialuna{
            right: 81px;
            .border-radius(70px 0 0 70px);
         }
         div.centro{
            left: 0;
            .border-radius(0 70px 70px 0);
            border-left:none;
         }
      }
      div.positions {
         div.goalkeeper {
            right:0;
         }
         div.defender {
            right: 20%;
         }
         div.midfielder {
            right: 45%;
         }
         div.playmaker {
            right: 62.5%;
         }
         div.forward {
            right: 80%;
         }
         span.player {
            background-image: url('../images/camiseta_blanca.png');
            background-repeat:no-repeat;
            color: @awayColor_type;
         }
      }
   }
   > .field3d {
      white-space: nowrap;
      position:relative;
      > .homeTeam, > .awayTeam {
         position: absolute;
         display: inline-block;
         width: 50%;
         height: 100%;
      }
      .gameField {
         height: 89%;
         div.positions {
            height:100%;
            div {
               top:0;
               height:100%;
               width:10%;
            }
         }
      }
      .homeTeam {
         right: 50%;
         div.positions {
            position: relative;
            position: relative;
            div {
               position: absolute;
               width: 48px;
               top: 0px;
               span.container-player {
                  display: block;
                  width: 48px;
                  span.player {
                     display: block;
                     margin-bottom: 10px;
                     font: 13px @type_Special;
                     height: 40px;
                     line-height: 40px;
                     text-align: center;
                     cursor: pointer;
                  }
               }
            }
            div.goalkeeper {
               .skew(30deg, 0);
               right:83%;
               span.player {
                  .skew(-30deg, 0);
               }     
            }
            div.defender {
               right:70%;
               .skew(-19.5deg, 0);
               span.player {
                  .skew(19.5deg, 0);
               }     
            }
            div.midfielder {
               right:56%;
               .skew(-11.5deg, 0);
               span.player {
                  .skew(11.5deg, 0);
               }     
            }
            div.playmaker {
               right:36%;
               .skew(-9deg, 0);
               span.player {
                  .skew(9deg, 0);
               }     
            }
            div.forward {
               right:15%;
               .skew(-3deg, 0);
               span.player {
                  .skew(3deg, 0);
               }     
            }
         }
      }
      .awayTeam {
         right: 0;
         div.positions {
            div.goalkeeper {
               right:15%;
               .skew(-30deg, 0);
               span.player {
                  .skew(30deg, 0);
               }     
            }
            div.defender {
               right:36%;
               .skew(19.5deg, 0);
               span.player {
                  .skew(-19.5deg, 0);
               }     
            }
            div.midfielder {
               right:56%;
               .skew(11.5deg, 0);
               span.player {
                  .skew(-11.5deg, 0);
               }     
            }
            div.playmaker {
               right:70%;
               .skew(9deg, 0);
               span.player {
                  .skew(-9deg, 0);
               }     
            }
            div.forward {
               right:83%;
               .skew(3deg, 0);
               span.player {
                  .skew(-3deg, 0);
               }     
            }
         }
      }
   }
   .msjDatos{
      color: @color02_type;
      height: 50px;
      left: 49%;
      margin-left: -168px;
      margin-top: -38px;
      position: absolute;
      top: 50%;
      background-color: fadeout(@color01_type, 30%);
      z-index: 9999;
      border: none;
      text-align: center;
      line-height: 45px;
      padding: 8px 14px 8px 14px;
      text-shadow:none;
      text-transform: uppercase;
      font-size: 12px;
      display: none;

   }
   .field  {
      position:relative;
      white-space: nowrap;
      >.homeTeam, > .awayTeam {
         display: inline-block;
         width: 50%;
      }
      > .homeTeam {
         border-left: none;
         div.positions {
            height:100%;
            div {
               .tooltip{
                  height:auto;
                  width: auto;
                  .tooltip-inner{
                     width:100%;
                     padding-right: 5px;
                     line-height: 30px;
                  }
                  div{
                     &.tooltip-arrow{
                        position: inherit;
                        top: 14px;
                        width: 0px;
                     }
                     height:auto;
                     position:relative;
                     width: 100%;

                  }
               }

               top:0;
               height:100%;
            }
            .tooltip{
               height:auto;
               width: auto;
               .tooltip-inner{
                  width:100%;
                  padding-right: 5px;
                  line-height: 30px;
               }
               div{
                  &.tooltip-arrow{
                     position: inherit;
                     top: 14px;
                     width: 0px;
                  }
                  height:auto;
                  position:relative;
                  width: 100%;

               }
            }
         }
      }

      > .awayTeam {
         margin-left: -4px;
         z-index: 2;
         div.positions {

            height:100%;
            /*height: 283px;*/
            div {
               .tooltip{
                  height:auto;
                  width: auto;

                  width: auto;
                  div{
                     &.tooltip-arrow{
                        position: inherit;
                        top: 14px;
                        width: 0px;
                        margin-right: 0px
                     }
                     height:auto;
                     position:relative;
                     width: 100%;
                     &.tooltip-inner{
                        margin:0;
                        padding-right: 5px;
                        line-height: 30px;                                    
                     }
                  }
               }
               top:0;
               height:100%;
            }
         }
      }
      div.gameField {
         height: 283px;
         background-image: url('../images/bg_canchita.jpg');
         div.positions {
            height:100%;
            div {


               top:0;
               height:100%;
            }

         }
      }
   }
   > .starting, > .substitutes {
      > .home, > .away {
         float: left;
         width: 50%;
         > div {
            display: block;
            height: 28px;
            line-height: 28px;
            border: 1px solid lighten(@bg_type,80%);
            font-size: 12px;
            font-weight: bold;
            .number {
               float:left;
               text-align:center;
               color: @bg_type;
               width: 40px;
            }
            .name{
               color:@bg_type;
               &.hover-name {
                  color: @bg_dest_type;
               }

            }

         }
         .player {
            font-family:@baseFontFamily;
            position: relative;
            #gradient .vertical-three-colors(@bg, @bg, 40%, darken(@bg,20%));
            cursor: pointer;
            .incidences {
               position: absolute;
               div {
                  width: 14px;
                  height: 14px;
                  display: inline-block;
                  margin:0 5px;
               }
               .yellowCard {
                  background: url('../images/ico_tarjeta_amarilla.gif') no-repeat;
               }
               .redCard {
                  background: url('../images/ico_tarjeta_roja.gif') no-repeat;
               }
               .goal {
                  background: url('../images/ico_pelota.png') no-repeat;
               }
               .goal.own {
                  background: url('../images/ico_pelota_encontra.png') no-repeat;
               }
               .out {
                  background: url('../images/sale.png') no-repeat;
               }
               .in {
                  background: url('../images/entra.png') no-repeat;
               }
            }
         }
         .dt {
            background-color: #E7E7E7;
            padding:0 40px;
         }
      }
      > .home {
         .incidences {              
            right: 10px;
         }
      }
      > .away {
         > div {
            text-align: right;              
            .incidences {
               left: 10px;
            }
            .number {
               float: right;
            }
         }
      }
   }

   .scroll {
      height: 355px;
      width:100%;
      margin: 0 auto;
      border: 1px solid lighten(@color01_h,80%);
      .homeTeam, .awayTeam {
         width:100%;
         display: inline-block;
         span.title {
            .GC_title;
         }
         div.player {
            display: block;
            height: 25px;
            line-height: 26px;
            font-size: 12px;
            font-weight: bold;
            #gradient .vertical-three-colors(@bg, @bg, 40%, darken(@bg,20%));
            span.position {
               padding: 0 10px;
               color: @bg_dest_type;
               text-transform: uppercase;
            }
         }
         div.gameField {
            border: 5px solid @bg;
         }
      }
      .homeTeam > .gameField {
         .box-shadow-inset(-10px, 0px, 15px, -2px, darken(@bg,80%));
      }
      .awayTeam > .gameField {
         .box-shadow-inset(10px, 0px, 15px, -2px, darken(@bg,80%));
      }
   }
   .team-name{
      border:3px solid darken(@bg,15%);
      border-top: none;
      border-left: none;
   }
   .team-name{
      position: absolute;
      &.last{
         right: 0;
      }
   }
   .container-substitutes{
      clear: none;
   }
   .column{
      min-height: 290px;
   }
   .team-name.last{
      border:3px solid darken(@bg,15%);
      border-top: none;
      border-right: none;
   }
   .team-name .caption.nav{
      height: 30px;
      border:none;
   }
   .team-name .caption.nav .homeBar{
      line-height: 30px;
      width: 100%;
      background-image:url('../images/barra.png');
      color:@homeColor_type;
   }
   .team-name .caption.nav .awayBar{
      line-height: 30px;
      width: 100%;
      background-image:url('../images/barra.png');
      color:@awayColor_type;
   }
   .team-name .player, .substitutes-content .player{
      background-color:@color02;
      font-weight: normal;
      text-transform:uppercase;
      #gradient .vertical-three-colors(darken(@bg,10%), @bg, 20%, @bg);
      padding: 4px 18px;
      cursor:pointer;
      position: relative;
   }
   .team-name .player:hover, .substitutes-content .player:hover, .team-name .player.hover-name, .substitutes-content .player.hover-name, {
      background: darken(@bg,15%);
      box-shadow:0px -1px 6px 0px darken(@bg,40%) inset;
   }
   .team-name .player .number, .substitutes-content .number{
      padding-left: 7px;
      padding-right: 7px;
      background-color: @color01;
      margin-right: 6px;
      line-height: 23px;
      text-align: center;
      min-width: 25px;
      border-radius: 15px;
      color:@color01_type;
      display: inline-block;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
      vertical-align: baseline;
      white-space: nowrap;
      font-size: 10px;
   }
   .team-name .away, .substitutes .away{
      text-align: right;
      .player{
         min-height: 31px;
         .number{
            float:right;
         }
         .name{
            margin-right: 12px;
         }

      }
   }
   .team-name .player .name, .substitutes-content .name{
      font-size: 10px;
      font-weight: normal;
      color:@bg_type;
      &.hover-name{
         color: @bg_type;
      }
   }
   .substitutes-content{
      overflow-x: hidden;
      height:114px;
      border-bottom:1px solid lighten(@bg_type,85%);
   }
   .substitutes-content .mc-away-substitutes{
      border-left:1px solid lighten(@bg_type,85%);
   }
   .hover-player {
      #translucent .background(@color02, .5);
      .border-radius(60px);
      color: @bg_type;
   }
   .away, .home{
      .player{
         .incidences{
            position: absolute;
            top: 10px; 
            div {
               width: 14px;
               height: 14px;
               display: inline-block;
               margin:0 5px;
            }
            .yellowCard {
               background: url('../images/ico_tarjeta_amarilla.gif') no-repeat;
            }
            .redCard {
               background: url('../images/ico_tarjeta_roja.gif') no-repeat;
            }
            .goal {
               background: url('../images/ico_pelota.png') no-repeat;
            }
            .goal.own {
               background: url('../images/ico_pelota_encontra.png') no-repeat;
            }
            .out {
               background: url('../images/sale.png') no-repeat;
            }
            .in {
               background: url('../images/entra.png') no-repeat;
            }
         }
      }
   }
   .away{
      .incidences {
         left: 0;
      }
   }
   .home{
      .incidences {
         right: 0;
      }
   }

   @media (max-width: @md) {
      .team-name{
         position: relative;
         &.mobile{
            border:none;
            &.last{
               border-left:1px solid lighten(@bg_type,85%);
            }
         }
         &.last{
            right: 0;
         }
      }
      .column{
         min-height: 0;
      }
      .container-substitutes{
         clear: left;
      }
   }
   @media only screen and (max-width: 520px) {
      div.gameField {         
         div.positions {
            div {
               span.container-player {
                  span.player {
                     font: 9px @type_Special;
                     line-height:45px;
                     &.hover-player {
                        #translucent .background(@color02, .5);
                        .border-radius(60px);
                     }
                  }
               }
            }
         }
      }
      .homeTeam > div.gameField {
         div.area-home { 
            background:url('../images/area_local_p.png') no-repeat transparent center center;
         }
         div.area-center-home {
            background:url('../images/media_cancha_loc_p.png') no-repeat transparent center center;
         } 
         div.shapes {
            div.center{
               .border-radius(50px 0 0 50px);
            }
         }
         .starting{
            .home, .away{
               width:100%;
            }
         }
      }
      .awayTeam > div.gameField { 
         div.area-away { 
            background:url('../images/area_visitante_p.png') no-repeat transparent center center;
         }
         div.area-center-away {
            background:url('../images/media_cancha_vis_p.png') no-repeat transparent center center;
         }   
         div.shapes {
            div.center{
               .border-radius(50px 0 0 50px);
            }
         }
      }
      > .starting > .home, > .substitutes > .home{
         //display:block;
         width:100%;
      }
      > .starting > .away, > .substitutes > .away{      
         width:100%;
      }
      > .starting > .home.display, > .substitutes > .home.display{
         display: none;
      }
      > .starting > .away.display, > .substitutes > .away.display{
         display: none;
      }
      .caption{
         display: block;
      }
      .field div.gameField, .field div.gameField{
         height: 210px;
      }
      .homeTeam > div.gameField div.area-center-home{
         height: 210px;
         background: url('../images/media_cancha_loc_pp.png') center center transparent no-repeat;
      }
      .homeTeam > div.gameField div.area-center-away, .awayTeam > div.gameField div.area-center-away{
         height: 210px;
         background: url('../images/media_cancha_vis_pp.png') center center transparent no-repeat;
      }
      .awayTeam > div.gameField div.area-away,{
         top:18.5px;
         background: url('../images/area_visitante_pp.png') no-repeat center center transparent;
      }
      .homeTeam > div.gameField div.area-home{
         top:18.5px;
         background: url('../images/area_local_pp.png') no-repeat center center transparent;
      }
      .awayTeam > div.gameField div.positions span.player{
         background: url('../images/camiseta_visitante_p.png') no-repeat center center transparent;
      }
      .homeTeam > div.gameField div.positions span.player{
         background: url('../images/camiseta_local_p.png') no-repeat center center transparent;
      }
      div.gameField div.positions div{
         width: 20%;
      }
      div.gameField div.positions div span.container-player{
         width:34px;
      }

      .substitutes{
         .home{
            width:100%;
            &.display{
               display: none;
            }
         }
         .away{
            width:100%;
            &.display{
               display: none;
            }
         }
      }
      .team-name{
         .team-name{
            .name{
               &.hover-name{
                  color: @bg_dest_type;
               }
            }
         }
      }
   }
   @media only screen and (max-width: @xs) {
      .starting{
         .home{
            width:100%;
            &.display{
               display: none;
            }
         }
         .away{
            width:100%;
            text-align: right;
            &.display{
               display: none;
            }
         }
      }
      .substitutes{
         .home{
            width:100%;
            &.display{
               display: none;
            }
         }
         .away{
            width:100%;
            &.display{
               display: none;
            }
         }
      }
      .team-name{
         .team-name{
            .name{
               &.hover-name{
                  color: @bg_dest_type;
               }
            }
         }
      }
      div.gameField {
         div.positions{
            div span{
               &.container-player{
                  width: 100%;
               }
            }
         }
      } 
   }

}
@media(max-width: 244px){
   .timeline{
      .time{
         margin-left: -48.5%;
      }
   }


   &.ie8{
      position: relative;
      min-height: 427px;
      .column{
         position: absolute;
      }
      .fieldPosition{
         position: absolute;
         left: 0;
         right: 0;
         margin: 0 auto;
      }
      .container-substitutes{
         position: absolute;
         left: 0;
         right: 0;
         margin: 283px auto;
      }
      @media (max-width: @md) {
         .fieldPosition{
            position: relative;
         }
         .container-substitutes{
            position: relative;
            margin: 0 auto;
         }
      } 
   }
}
/* Fin LineUpFull */