﻿.fact {
   width: auto;
   max-width: 100px;
   min-height: 80px;
   height: auto !important;
   float: left;
   display: table;
   border: 1px solid #FFF;
   margin-left: 20px;
   margin-bottom: 10px;
   text-align: center;
}
.fact-min { margin-left: 5px; }
.fact .context {
   font-size: 10px;
   color: #89A;
   letter-spacing: 0px;
   /* display: table-cell; */
   vertical-align: top;
   text-align: center;
   padding: 8px 0px 10px 0px;
   clear: both;
   text-transform: uppercase;
}
.fact .value {
   font-size: 32px;
   color: #036;
   letter-spacing: 0px;
   /* display: table-cell; */
  /*vertical-align: top;*/
   text-align: center;
   padding: 0px 5px 0px 5px;
}

.value p {
   margin: 15px 0;
}
.fact .green { color: #00B050 !important; }
.fact .valueUltPart {
   font-size: 16px;
   letter-spacing: -1px;
   width: 230px;
   margin: 10px 0px 0px 0px;
   float: left;
   text-align: center;
   color: #036;
}
.fact .valueUltPart div {
   margin: 0px 0px 0px 0px;
   display: block;
   font-size: 12px;
   color: #89A;
   line-height: 14px;
   letter-spacing: 0px;
}
.fact-min .value { font-size: 24px; }
.fact .value span {
   font-size: 14px;
   color: #036;
   letter-spacing: 0px;
   margin: 0px 0px 0px 2px;
}
.fact .value div {
   margin: 10px 0px 0px 0px;
   display: block;
   font-size: 12px;
   color: #89A;
   line-height: 14px;
   letter-spacing: 0px;
}
.fact .green div { color: #00B050 !important; }
.facts_graphs {
   display: table;
   padding: 10px 0px 20px 0px;
   float: left;
}
.graph_games { float: left; }
.graph_games .value {
   font-size: 46px;
   letter-spacing: -1px;
   width: 109px;
   margin: 10px 0px 0px 0px;
   float: left;
   text-align: center;
   color: #036;
}
.graph_games .value span {
   font-size: 12px;
   display: block;
   color: #89A;
   position: relative;
   letter-spacing: 0px !important;
   text-transform: capitalize;
}
.graph_games .bars .groupbar { display: table; }
.graph_games .bars {
   width: 340px;
   margin: 10px 0px 10px 20px;
   float: left;
}
.graph_games .bars .bar {
   height: 15px;
   margin: 0px 0px 1px 0px;
   background-color: #E0E4E8;
   float: left;
}
.graph_games .bars .barBig {
   height: 20px;
   margin: 0px 0px 1px 0px;
   background-color: #E0E4E8;
   float: left;
}
.graph_games .green { background-color: #00B050 !important; }
.graph_games .gray { background-color: #999 !important; }
.graph_games .blue { background-color: #1F497D !important; }
.graph_games .bars span { font-size: 12px; }
.graph_games .bars span b { font-size: 10px; }
.graph_games .bars span.green {
   color: #00B050 !important;
   background-color: #FFF !important;
}
.graph_games .bars span.gray {
   color: #999 !important;
   background-color: #FFF !important;
}
.graph_games .bars span.blue {
   color: #1F497D !important;
   background-color: #FFF !important;
}
.graph_games .bars .percent {
   float: left;
   position: relative;
   left: 5px;
}
/* AÑADIDO */
.selectsEstadisticas tr { padding-bottom: 6px; }
.selectsEstadisticas td {
   text-align: center;
   padding-top: 10px;
}
.selectsEstadisticas select {
   max-width: 165px;
   padding: 8px;
   margin: 10px 6px 0 6px;
}
.chosen-container {
   margin: 0 4px 10px 4px;
   text-align: left;
   display: inline-block !important;
   width: 165px !important;
}
.estadisticasPartidosTelevisados .graph_games { float: none; }
.estadisticasPartidosTelevisados .facts_graphs {
   display: inline-block;
   float: none;
   width: 100%;
   padding: 4px 0 0 0;
}
.grupoPartidosTelevisados {
   float: left;
   width: 65%;
}
.estadisticasPartidosTelevisados .value {
   width: 30%;
   margin: 0;
   float: left;
}
.estadisticasPartidosTelevisados .bars {
   width: 70%;
   margin: 9px 0 0 0;
   float: left;
   padding-left: 5px;
}
.estadisticasPartidosTelevisados .fact {
   width: 35%;
   margin: 12px 0 0 0;
   max-width: 100%;
   float: left;
}
.estadisticasPartidosTelevisados .fact .valueUltPart { width: 100%; }
.rankingCanales .facts_graphs {
   width: 100%;
   padding: 10px 5px;
   display: block;
}
.btnPrincipal.btnRankings {
   display: inline-block;
   float: none;
   clear: both;
   font-size: 13px;
   padding: 4px 8px;
   margin-top: 8px;
   margin-bottom: 5px;
}
.rankingCanales .graph_games .bars {
   float: none;
   margin: 0;
   width: auto;
}
.contenedorRankingDatosCanales {
   float: right;
   width: 52%;
   margin-top: 20px;
}
.rankingCanales .fact {
   margin: 0 4px;
   float: right;
}
.rankingCanales .graph_games { width: 48%; }
.rankingCanales span.green {
   max-width: 105px;
   min-width: 105px;
   float: left;
}
.rankingCanales .graph_games .bars span.gray {
   float: left;
   min-width: 105px;
   max-width: 105px;
}
.rankingCanales .percent.green {
   max-width: inherit !important;
   min-width: inherit !important;
}
.rankingCanales .percent.gray {
   max-width: inherit !important;
   min-width: inherit !important;
}
.contenedorBtn { text-align: left; }
.estadisticasLocalVisitante .facts_graphs {
   width: 100%;
   display: block;
   padding: 10px 5px;
}
.estadisticasLocalVisitante .graph_games {
   width: 50%;
   float: left;
}
.estadisticasLocalVisitante .contenedorDatosLocalVisitante {
   width: 50%;
   float: right;
}
.estadisticasLocalVisitante .fact {
   margin: 0 4px;
   float: right;
}
.estadisticasLocalVisitante .graph_games .bars {
   width: 100%;
   margin: 0;
}
.estadisticasRankingCompeticiones .facts_graphs { width: 50%; }
.estadisticasRankingCompeticiones .graph_games .bars {
   float: none;
   margin: 0;
   width: auto;
}
.estadisticasRankingCompeticiones span.green {
   max-width: 90px !important;
   min-width: 90px !important;
   float: left;
}
.estadisticasRankingCompeticiones .graph_games .bars span.gray {
   float: left;
   min-width: 90px !important;
   max-width: 90px !important;
}
.estadisticasRankingCompeticiones .percent.green {
   max-width: inherit !important;
   min-width: inherit !important;
}
.estadisticasRankingCompeticiones .percent.gray {
   max-width: inherit !important;
   min-width: inherit !important;
}
.facts_graphs.estadisticasCompeticiones .graph_games { float: right; }
.estadisticasRankingCompeticiones .paddingRankingCompeticiones { padding: 10px 12px; }
.titularEstadisticas {
   font-size: 12px !important;
   margin-bottom: 10px;
   display: block;
   text-align: left;
}
.titularEstadisticasCentrado {
   text-align: center;
   margin-top: 10px;
}
.estadisticasContenidoCentrado {
   text-align: center !important;
   padding-bottom: 10px !important;
}
.contenedorEstadisticasDiaDatos { display: inline-block; }
.contenedorEstadisticasDiaDatos .fact {
   margin: 0 10px;
   float: none;
   display: inline-block;
}
.contenedorEstadisticasMesDatos { display: inline-block; }
.contenedorEstadisticasMesDatos .fact-min {
   margin: 0 2px;
   min-height: 70px;
   text-align: center;
   float: none;
   display: inline-block;
}
.estadisticasHoras .facts_graphs {
   width: 100%;
   display: block;
   padding: 10px 5px;
}
.estadisticasHoras .graph_games {
   width: 100%;
   float: left;
}
.estadisticasHoras .contenedorDatosLocalVisitante {
   width: 50%;
   float: right;
}
.estadisticasHoras .fact {
   margin: 0 4px;
   float: right;
}
.estadisticasHoras .graph_games .bars {
   width: 100%;
   margin: 0;
}
.estadisticasHoras .facts_graphs { width: 50%; }
.estadisticasHoras .graph_games .bars {
   float: none;
   margin: 0;
   width: auto;
}
.estadisticasHoras span.green {
   max-width: 50px;
   min-width: 50px;
   float: left;
}
.estadisticasHoras .graph_games .bars span.gray {
   float: left;
   min-width: 50px;
   max-width: 50px;
}
.estadisticasHoras .percent.green {
   max-width: inherit !important;
   min-width: inherit !important;
}
.estadisticasHoras .percent.gray {
   max-width: inherit !important;
   min-width: inherit !important;
}
.estadisticasHoras .facts_graphs.estadisticasHoras02 .graph_games { width: 100%; }
.estadisticasHoras .facts_graphs.estadisticasHoras02 span.green {
   max-width: 80px;
   min-width: 80px;
   float: left;
}
.estadisticasHoras .facts_graphs.estadisticasHoras02 .graph_games .bars span.gray {
   float: left;
   min-width: 80px;
   max-width: 80px;
}
.graph_games .bars span {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   padding-right: 7px;
}
.modal {
   width: 100% !important;
   padding: 15px 0 !important;
}
.modal .estadisticasRankingCompeticiones {
   overflow-y: auto;
   height: 430px;
   margin-bottom: 10px;
}
.modal .graph_games {
   float: none;
   margin: 0 auto;
   display: table;
}
.titularEstadisticas {
   font-size: 12px !important;
   margin-bottom: 0;
   display: block;
   text-align: left;
}

td.paddingRankingCompeticiones .graph_games {
    width: 100%;
}
td.paddingRankingCompeticiones .facts_graphs.rankingPorEquipos{width: 40%;}
.estadisticasRankingCompeticiones .facts_graphs.rankingPorCompeticiones{width: 60%;}
@media (max-width: 420px) {
.chosen-container { width: calc(47% - 10px) !important; }
.rankingCanales span.green {
   max-width: 70px;
   min-width: 70px;
}
.rankingCanales .graph_games .bars span.gray {
   min-width: 70px;
   max-width: 70px;
}
}

@media (max-width: 550px) {
.estadisticasPartidosTelevisados .value {
   width: auto;
   margin: 0;
   float: none;
}
}

@media (max-width: 800px) {
.estadisticasPartidosTelevisados .bars { width: auto; }
.rankingCanales .graph_games {
   width: auto;
   float: none;
   display: table;
   margin: 0 auto;
   clear: both;
}
.contenedorRankingDatosCanales {
   width: auto;
   float: none;
   display: table;
   margin: 0 auto;
   clear: both;
}
.rankingCanales .facts_graphs { padding: 10px 0; }
.contenedorBtn { text-align: center; }
.estadisticasLocalVisitante .graph_games {
   width: auto;
   float: none;
   display: table;
   margin: 0 auto;
   clear: both;
}
.estadisticasLocalVisitante .contenedorDatosLocalVisitante {
   width: auto;
   float: none;
   display: table;
   margin: 0 auto;
   clear: both;
}
.estadisticasRankingCompeticiones .facts_graphs {
   width: auto;
   margin: 0 auto;
   float: none;
}
.titularEstadisticas { text-align: center; }
.rankingCanales .graph_games { margin: 0 auto 14px auto }
.estadisticasRankingCompeticiones .facts_graphs { margin: 0 auto 20px auto; }
.estadisticasHoras .facts_graphs {
   width: auto;
   margin: 0 auto;
   float: none;
}
.estadisticasHoras .graph_games {
   float: none;
   margin: 0 auto;
   display: table;
   width: inherit;
}
.estadisticasHoras .facts_graphs.estadisticasHoras02 .graph_games { width: inherit; }
td.paddingRankingCompeticiones .facts_graphs.rankingPorEquipos{width: auto;}
.estadisticasRankingCompeticiones .facts_graphs.rankingPorCompeticiones{width: auto;}
}


@media (max-width: 1100px) {
.grupoPartidosTelevisados {
   float: none;
   width: auto;
   display: table;
   margin: 0 auto;
}
.estadisticasPartidosTelevisados .fact {
   width: 100%;
   margin: 0 0 0 0;
   float: none;
}
}
