/* Fixture */
.fixture{
  .i-exc{
    font-size: 16px;
    width: 18px;
    height: 18px;
    line-height: 18px;
  }
  .fecha{
    display: none;
    .match{
      .match-inner{
        box-shadow: 0px 4px darken($bg,15%);
      }
      .timeline{
        height: 5px;
        overflow: hidden;
      }
      .visitante, .local{
        min-height: 42px;
        .penales{
          position: absolute;
          z-index: 1;
          margin-top: 16px;
          display: block;
        }
      }
      .detalles{
        height: 20px;
      }
      &.hideDetailsButton{
        .match-inner{
          cursor: auto;
        }
        .local, .visitante{
          flex: 0 0 50%;
          max-width: 50%;
          border-right: 0;
        }
        .link{
          display: none;
        }
        .vs-{
          flex: 0 0 100%;
          max-width: 100%;
        }
      }
    }
  }
  .timeSetting{
    .timeIcon{
      margin-right: 10px;
    }
    .text{
      span{
        text-align: right;
      }
    }
  }
  .itemStyles{
    .owl-controls{
      position: absolute;
      z-index: 9999999;
      top: 0;
      width: 100%;
      .disabled .btn{
        display: none;
        &:focus, &:hover, &:active{
          height: 25px;
          margin-top: 0;
        }
      }
    }
  }
  &.maxSize-991{
    .link{
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 5px;
      padding: 0 !important;
      border: 0 !important;
      width: auto;
      z-index: 1;
      .btn{
        font-size: 14px;
        height: 20px;
        line-height: 20px;
        padding-top: 0;
      }
    }
  }
}
.llaves{
  .active{
    .group{
      >div{
        position: relative;
        &:nth-child(odd){
          &:after {
            content: "";
            display: block;
            position: absolute;
            top: 52px;
            right: 0px;
            height: 121px;
            width: 15px;
            background: transparent;
            border-top: 1px solid;
            border-right: 1px solid;
            border-bottom: 1px solid;
            z-index: -1;
          }
          &:before {
            content: "";
            display: block;
            position: absolute;
            top: 111px;
            right: -14px;
            height: 1px;
            width: 15px;
            border-top: 1px solid;
            z-index: -1;
          }
        }
        .modal{
          position: absolute;
          height: auto;
          .subHeader{
            min-height: 23px;
            line-height: 20px;
            padding: 0 10px;
            .btn{
              width: 20px;
              height: 20px;
              line-height: 20px;
              opacity: 1;
              text-shadow: none;
            }
          }
          .modal-body{
            padding-top: 0;
            padding-bottom: 0;            
            .timeline, .detalles, .equipo{display: none !important;
            }
            a{
              &.btn{
                span{
                  display: none !important;
                  &.mas{display: block !important;}
                }
              }
            }
            .resultado, .escudo{
              flex: 0 0 50%;
              max-width: 50%;
            }
            .penales{
              z-index: 1;
            }
          }
        }  
        .teams {
          .first, .second{
            height: 35px;
            >div{
              height: 100%;
            }        
            &.losing-team {
              opacity: 0.3;
            }
          }
          .col-1,
          .col-2 {
            flex: 1 1 30px;
            text-align: center;
            .badge.small {
              width: 14px;
              height: 14px;
              font-size: 10px;
              padding: 0;
              line-height: 14px;
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              right: 0px;
            }
          }
        }
        &.llave-final{
          &:nth-child(odd){
            &:after {
              display: none;
            }
          }
        }
      }
      &.llave-final{
        &:nth-child(odd){
          &:after {
            display: none;
          }
        }
      }
    }

  }
  .col1{
    .group{
      >div{
        &:nth-child(odd){
          &:after {
            height: 238px;
          }
          &:before {
            top: 170px;
          }
        }
      }
    }
  }
  .col2{
    .group{
      >div{
        &:nth-child(odd){
          &:after {
            height: 476px;
          }
          &:before {
            top: 290px;
          }
        }
      }
    }
  }
  .col3, .col2{
    .group{
      >div{
        &.thirdPlace{          
          &:before {
            right: auto;
            left: 0;
            top: 51px;
          }
        }
      }
    }
  }
  .definicionTribunal{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
    z-index: 10;
  }
}
.withThirdPlace{
  &.maxnivel4{
    .col2{
      .group>div:nth-child(odd):before{
        top: 218px;
        height: 140px;
        border-bottom: 1px solid;
      }
    }      
  }
  &.maxnivel3{
    .col1{
      .group>div:nth-child(odd):before{
        top: 103px;
        height: 140px;
        border-bottom: 1px solid;
      }
    }
  } 
}
&.pronosticador{
  .llaves{
    .group{
      >div{
        &:nth-child(odd){
          &:after {
            top: 75px;
            height: 175px;
          }
          &:before {
            top: 163px;
          }
        }
      }
    }
    .col1{
      .group{
        >div{
          &:nth-child(odd){
            &:after {
              height: 349px;
            }
            &:before {
              top: 250px;
            }
          }
        }
      }
    }    
    .col2{
      .group{
        >div{
          &:nth-child(odd){
            &:after {
              height: 696px;
            }
            &:before {
              top: 290px;
            }
          }
        }
      }
    } 
  }
}
.history {
  .owl-carousel.owl-theme{
    .owl-controls{
      position: absolute;
      margin-top: 0;
      width: 100%;
      top: 0;
      .owl-nav{
        >div{
          padding: 0;
        }
        .owl-next{
          right: 0;
        }      
        .owl-prev{
          left: 0;
        }      
      }
    }
    .inItem{
      background: $color02;
      color: $color02_type;
      &.active{
        background: $color02_type;
        color: $color02;
      } 
    }
  }
  .fixture {
    .detalles {
      .hora{
        display: none;
      }
    }
  }
}
&[data-name*="fixture_A"],&[data-name*="fixture_B"],&[data-name*="fixture_C"],&[data-name*="fixture_D"],&[data-name*="fixture_E"],&[data-name*="fixture_F"],&[data-name*="fixture_G"],&[data-name*="fixture_H"]{
  .fixture{
    .navbar{
      display: none;
    }
    .fecha{
      display: block;
    }
  }
}
/* Fin Fixture */