/* Fixture */
.fixture{
   font-size: 11px;
   .fase{
      display: none;
      margin-top:5px;
   }
   .show, .fase.active{
      display: block;
   }
   background: darken(@bg,5%);
   .fechas{ background: @color02_h}
   .space{
      margin-top: 35px;
   }   
   .link{
      margin-top: 5px;
   }     
   .fecha{
      color:@color01_type;
      text-align: center;
      line-height: 30px;
      text-transform: uppercase;
      font-weight:  bold;
      display: none;
      &.fixtureSection{
         clear: right;
      }
      .subHeader{
         margin: 0 4px;
      }
      .penales{
         .badge{
            background-color: @color02;
            width: 24px;
            color: @color02_type;
         }
      }
      .match{
         .match-inner{
            #gradient .vertical-three-colors(darken(@bg,10%), @bg, 20%, @bg);
            margin: 4px;

         }
      }
      .match, .detalles{
         .local, .visitante{
            #gradient .vertical-three-colors(darken(@bg,10%), @bg, 20%, @bg);
            .escudo{
               float: left;
               line-height: 20px;
               //width: 20%;
               margin-top: 10px;
            }
            .equipo{
               float: left;
               color: @bg_type;
               line-height: 34px;
               white-space: nowrap;
               margin-top: 4px;
               //width: 55%;
            }
            .penales{
               float: left;
               line-height: 24px;
               margin-top: 9px;
               //width: 10%;
            }
            .resultado{
               float: left;
               color:@bg_dest_type;
               font-size:34px;
               line-height: 40px;
               //width: 15%; 
            }

         }
         &.hideDetailsButton{
            .col-md-5.local, .col-md-5.visitante{
               width: 50%;
            }
            .link{
               display: none;
            }
         }
      }

      .detalles{
         #gradient .vertical-three-colors(darken(@bg,10%), @bg, 20%,darken(@bg,10%));
         font-weight: normal;
         text-transform: none;
         height: 20px;
         float: left;
         .arbitro, .dia, .hora, .estado{     
            color: @bg_type;
            height: 20px;
            line-height: 20px;
            overflow: hidden;
         }
         .estado{
            font-weight: bold; 
         }
         .definicion{
            height: 20px;
            line-height: 20px;
            overflow: hidden;
            div{
               background: @color01;
               color:@color01_type;
               padding: 0 10px;
               display: inline;
               font-style: italic;
               border-radius:3px;
               -webkit-border-radius:3px;   
            }
         }

      }
   }
   .timeSetting{
      .timeIcon{
         margin-right: 10px;
      }
      .text{
         span{
            text-align: right;
         }
      }
   }
   &.carousel{
      background: transparent;
      .itemStyles{
         .owl-item{
            height: 100%;
            .item{
               border: 0;
               background: transparent;
               height: 100%;
               margin-bottom: 30px;
               .group{
                  -webkit-transition: all 1s ease;
                  -moz-transition: all 1s ease;
                  -o-transition: all 1s ease;
                  transition: all 1s ease;
                  margin-top:25px;
                  .contentItem{
                     -webkit-transition: all 1s ease;
                     -moz-transition: all 1s ease;
                     -o-transition: all 1s ease;
                     transition: all 1s ease;
                     margin-top:0;
                     position: relative;
                     margin: 0 10px 10px;
                     border: 1px solid lighten(@color02, 90%);
                     background: @bg;
                     .teams{
                        background: @bg;
                        .goals{
                           padding-left: 10px;
                           float: right;
                        }
                        .columns{
                           float: right;
                           width: 25px;
                           border-right: 1px dotted @color02;
                           text-align: center;
                           position: relative;
                           letter-spacing: -1px;
                           sup{
                              top: 4px;
                              left: 2px;
                              position: absolute;
                           }
                           span{
                              font-size: 11px;
                           }
                           small{
                              font-size: 10px;
                           }
                        }
                        .circle{
                           background-color:@color02;
                           color:@color02_type;
                           font-family:@type_Special;
                           display: block;
                           height: 20px;
                           width: 20px;
                           line-height: 20px;
                           font-size: 14px;
                           text-align:center;
                           top:14px;
                           font-weight:normal;
                           .border-radius(50%);
                        }
                        .second{
                           .columns{
                              span{
                                 color: lighten(@bg, 20%)
                              }
                           }
                        }
                        &:before, &:after{
                           content: " ";
                           display: block;
                           background: @color02;
                           position: absolute;
                           height: 1px;
                           top: 36px;
                           width: 13px;
                        }
                        &:before{
                           left: -13px;
                        }
                        &:after{
                           right: -13px;
                        }
                     }
                     &:after{
                        content: " ";
                        display: block;
                        background: @color02;
                        position: absolute;
                        width: 1px;
                        top: 55px;
                        right: -14px;
                     }
                  }
               }
               .GC_title{
                  background:darken(@bg, 5%);
                  padding-bottom: 10px;
                  margin: 0 -2px;
                  &.small{
                     background: transparent;
                     margin-top: 0;
                     padding-bottom: 5px;
                  }
               }
            }
            &.active{
               &:nth-child(odd) {
                  .item{
                     background: lighten(@bg,5%);
                  }
               }
               &[class*="col0"] {
                  .group{
                     .contentItem{
                        &:after{
                           height: 107px;
                        }
                        &:last-child{
                           margin-bottom: 0;
                           &:after{
                              height: 0;
                           }
                        }
                        .teams{
                           &:before{
                              width: 0px;
                              height: 0px;
                           }
                        }
                     }
                  }
               }
               &[class*="col1"] {
                  .group{
                     margin-top: 70px;
                     .contentItem{
                        margin-bottom: 133px;
                        &:after{
                           height: 230px;
                        }
                        &:last-child{
                           &:after{
                              height: 0;
                           }
                        }
                     }
                  }
               }
               &[class*="col2"] {
                  .group{
                     margin-top: 185px;
                     .contentItem{
                        margin-bottom: 362px;
                        &:after{
                           height: 459px;
                        }
                        &:last-child{
                           &:after{
                              height: 0;
                           }
                        }
                     }
                  }
               }
               &[class*="col3"] {
                  .group{
                     margin-top: 412px;
                     .contentItem{
                        margin-bottom: 820px;
                        &:after{
                           height: 0px;
                           width: 0;
                        }
                        .teams{
                           &:after{
                              width: 0px;
                              height: 0px;
                           }
                        }
                     }
                  }
               }
            }
            &[class*="col"] {
               .withThirdPlace {
                  .group{
                     position:relative;
                     &:after{
                        border: 1px solid @color02;
                        border-right: 0;
                        bottom:39px;
                        position: absolute;
                        left: -2px;
                        top: 56px;
                        width: 13px;
                        content: " ";
                     }
                     .contentItem{
                        &:nth-child(1){
                           margin-top: -54px;
                        }
                        margin-bottom: 5px;
                        &:after{
                           height: 0px;
                           width: 0;
                        }
                        .teams{
                           &:after, &:before{
                              width: 0px;
                              height: 0px;
                           }
                        }
                     }
                  }
               }
            }
            .resultsDialog{
               position: absolute;
               z-index: 9999;
               width: 105%;
               background: @bg;
               box-shadow: 0px 0px 12px 0px @color02;
               margin-top: 114px;
               display: none;
               top: 0;
               padding: 5px;
               left: -5px;
               border: 1px solid lighten(@color02, 50%);
               .subHeader{
                  > span{
                     text-align: left;
                     padding: 0 0 0 10px;
                     font-size: 14px;
                  }
               }
               .contentb{
                  .subHeader{
                     text-align: center;
                     margin: 5px 0;
                     text-transform: uppercase;
                  }
               }
               &:after {
                  content: " ";
                  display: block;
                  border-left: 10px solid transparent;
                  border-right: 10px solid transparent;
                  border-bottom: 14px solid @bg;
                  top: -14px;
                  position: absolute;
                  left: 0;
                  right: 0;
                  margin: 0 auto;
                  width: 10px;
                  height: 10px;
               }
               &:before {
                  content: " ";
                  display: block;
                  border-left: 12px solid transparent;
                  border-right: 12px solid transparent;
                  border-bottom: 15px solid lighten(@color02, 50%);
                  top: -15px;
                  position: absolute;
                  left: 0;
                  right: 0;
                  margin: 0 auto;
                  width: 10px;
                  height: 10px;
               }
               .fecha{
                  display: block;
                  .match{
                     margin: 4px 4px 0;
                     .local, .visitante{
                        .equipo{
                           text-align: left;
                        }
                     }
                     .link{
                        height: 80px;
                        margin-top: -40px;
                        a{
                           height: 100%;
                           line-height: 80px;
                           span{
                              height: 100%;
                              line-height: 80px;
                              font-size: 24px;
                           }
                        }
                     }
                  }
               }
            }
         }
         .owl-controls{
            .owl-buttons{
               div{
                  display: block;
                  position: absolute;
                  top: 0;
                  cursor: pointer;
                  opacity: 1;
                  background: transparent;
                  padding: 0;
                  margin: 0;
                  &.disabled .btn,&.disabled .btn {
                     background-color: desaturate(@color01, 50%);
                     border-bottom-width: 0px;
                     .opacity(50);
                     cursor: default;
                     &:focus, &:hover, &:active{
                        height: 25px;
                        margin-top: 0;
                     }
                  }
               }

               .owl-prev{
                  left: 0;
                  .btn{
                     &:after{
                        margin-top: 6px;
                        margin-left: 6px;
                     }
                  }
               }
               .owl-next {
                  right: 0;
                  .btn{
                     &:after{
                        margin-top: 6px;
                        margin-left: 8px;
                     }
                  }
               }
            }
         }
      }
      .overlayResultsDialog{
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         z-index: 10;
         background-color: rgba(0,0,0,0.9); /*dim the background*/
         display: none;
         &.active{
            display: none;
         }
      }
      &.maxSize-479{
         .itemStyles{
            .owl-wrapper{
               /*-webkit-transform: initial !important;
               -moz-transform: initial !important;
               -ms-transform:initial !important;
               transform:initial !important;*/
            }
            .owl-item{
               /*-webkit-transform: initial;
               -moz-transform: initial;
               -ms-transform:initial;
               transform:initial;*/
               &.active{
                  &[class*="col0"] {
                     .withThirdPlace {
                        .group {
                           .contentItem:nth-child(1){
                              margin-top: 0;
                           }
                        }
                     }
                     .group{
                        .contentItem{
                           .teams{
                              &:before{
                                 height: 1px;
                                 width: 13px;
                              }
                           }
                        }
                     }
                  }
                  &:last-child{
                     &[class*="col0"] {
                        .group{
                           .contentItem{
                              .teams{
                                 &:after{
                                    height: 0;
                                    width: 0;
                                 }
                              }
                           }
                        }
                     }
                  }
               }
               .item{
                  .GC_title{
                     font-size: 18px;
                  }
               }
            }
            .resultsDialog{
               box-shadow: none;
               position: fixed;
               top: 0;
               width: 100%;
               left: 0;
               .fecha{
                  .match{
                     .visitante{
                        div{
                           float: left;
                        }
                     }
                  }
               }
               &:before, &:after{
                  border:0;
               }
            }
         }
         .overlayResultsDialog{
            &.active{
               display: block;
            }
         }
      }
   }
}
.maxSize-991.fixture, .maxSize-991.history{
   .fecha{
      clear: both;
   }
}
.history .fixture .detalles .hora{ display: none;}
.maxSize-479.fixture, .maxSize-479.history{      
   .fecha{
      .match, .detalles{
         &.hideDetailsButton{
            .col-md-5.col-xs-10.local, .col-md-5.col-xs-10.visitante{
               width: 100%;
            }
         }
            .visitante{
                .escudo{
                     float: left;
                }
                .resultado, .equipo, .penales{
                     float: right;
                }
            }
            .link{
                height: 80px;
                margin-top: -40px;
                a, a span{
                     height: 100%;
                     line-height: 80px;
                }
            }
         .definicion{
            div{
               font-size: 8px;
            }
         }
      }
   }
    .fase{
      margin-top: 5px;
   }
}
/*.minSize-767.maxSize-991 .fecha .match{float:none;}
.maxSize-991.fixture, .maxSize-991.history{      
      .positionSection{
          position: absolute;
          right: 0;
      }
}*/
/* Fin Fixture */