@charset "utf-8";
/* CSS Document */

#especiales-header {
margin-bottom:26px;
}

#contenedor-columnas {
background-color: #dbe4eb;
}

#opta-partido {
padding-left:2%;
padding-right:2%;
}

div.opta-partido-box {
float:left;
clear:both;
min-height: 150px;
width:100%;
background-color: #fff;
}

.opta-widget-container h2 {
display: none
}

.loading-layer p,
.opta-loader p{
margin:0px;
padding:0px;
float:none;
position: static;
font-family: Arial, Helvetica, sans-serif;
height:150px;
line-height: 200px;
width: 100%;
background-image: url(../img/load2.gif);
background-repeat: no-repeat;
background-position: center center;
font-size:11px;
font-weight:bold;
text-align: center;
left:0px;
background-color: #fff;
float:left;
clear:both;
margin:10px 0px;
}

h2.subtitulo-opta {
background-color: #01448b;
  font-family: 'roboto', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #FFFFFF;
  text-indent: 1.44%;
  padding-top: 4px;
  padding-bottom: 4px;
  text-transform: uppercase;
  margin-top: 10px;
  width: 100%;
  float:left;
}

#opta-widget-idx-game-resumen {
margin-top:0px;
}

#opta-widget-idx-game-resumen .match-summary {
border:none;
}

#opta-widget-idx-game-resumen .match-summary .match-details {
background-color: #526D89;
color: #fff;
font-size: 11px;
padding: 5px 0px;
line-height: 14px;
}

#opta-widget-idx-game-resumen .match-summary .match-basics {
font-size: 11px;
font-weight: bold;
padding:5px 0px;
border-top: 1px dotted #ccc;
background-color: #efefef;
}

/*General*/

#opta-widget-idx-game-general div.matchstats-teamstats-container {
border:none;
}

#opta-widget-idx-game-general .opta-widget-container .tabs-container {
padding-bottom: 0px;
}

#opta-widget-idx-game-general .tabs-active .tabs-content>li {
border:none;
}

#opta-widget-idx-game-general td.stat-home span,
#opta-widget-idx-game-general td.stat-away span {
font-size: 15px;
font-weight: bold;
width:100%;
text-align: center;
margin:0px;
}

#opta-widget-idx-game-general span.home-percentage {
background: #2762A1;
height: 17px;
}

#opta-widget-idx-game-general span.away-percentage {
background: #CF5050;
height: 17px;
}

#opta-widget-idx-game-general .opta-widget-container table {
margin:0px;
}

#opta-widget-idx-game-general .opta-widget-container li {
border-bottom: none;
}

#opta-widget-idx-game-general .matchstats-teamstats-container .tabs-content dd tbody td {
margin:0px;
}

#opta-widget-idx-game-general .matchstats-teamstats-container .matchup {
top:32px;
color: #fff;
}

#opta-widget-idx-game-general .matchstats-teamstats-container .matchup span {
color: #000;
}

#opta-widget-idx-game-general li dl {
margin-top:38px;
}

/*Compara jugadores*/

#opta-widget-idx-game-jugadores {
margin-top:0px;
}

#opta-widget-idx-game-jugadores #players-to-compare fieldset dd:nth-child(2) {
display: none;
}

#opta-widget-idx-game-jugadores .comparison table,
#opta-widget-idx-game-jugadores #players-to-compare,
#opta-widget-idx-game-jugadores div.player-comparison,
#opta-widget-idx-game-jugadores #players-to-compare legend {
border:none;
}

#opta-widget-idx-game-jugadores #players-to-compare fieldset fieldset {
width:48%;
}

#opta-widget-idx-game-jugadores #players-to-compare fieldset fieldset ul,
#opta-widget-idx-game-jugadores #players-to-compare fieldset fieldset li {
width:100%;
}

#opta-widget-idx-game-jugadores select#player_p1,
#opta-widget-idx-game-jugadores select#player_p2 {
width:100%;
height: 27px;
line-height: 27px;
border: 1px solid #ccc;
text-indent: 5px;
transition: border 0.2s linear;
  -webkit-transition: border 0.2s linear;
  -ms-transition: border 0.2s linear;
  -moz-transition: border 0.2s linear;
  -o-transition: border 0.2s linear;
}

#opta-widget-idx-game-jugadores select#player_p1:hover,
#opta-widget-idx-game-jugadores select#player_p2:hover {
border: 1px solid #85AAD2;
cursor: pointer;
}

#opta-widget-idx-game-jugadores #pcompare-general-game-jugadores table tr th {
height:12px;
background: #fff;
line-height: 12px;
border: none;
padding-top: 6px;
}

#opta-widget-idx-game-jugadores div.centredbars {
height:10px;
margin:0px;
background-color: #E2E2E2;	
}

#opta-widget-idx-game-jugadores div.centredbars span.home-percentage {
background-color: #2762A1;
height:10px;
}

#opta-widget-idx-game-jugadores div.centredbars span.away-percentage {
background-color: #CF5050;
height:10px;
}

#opta-widget-idx-game-jugadores colgroup col:nth-child(1) { width: 15% }
#opta-widget-idx-game-jugadores colgroup col:nth-child(2) { width: 70% }
#opta-widget-idx-game-jugadores colgroup col:nth-child(3) { width: 15% }

#opta-widget-idx-game-jugadores td.team1,
#opta-widget-idx-game-jugadores td.team2 {
text-align: center;
font-weight: bold;
font-size: 14px;
color: #333;
padding:0px 5px;
}

#opta-widget-idx-game-jugadores tr.row-bars td {
border-bottom:none;
}

/*Posesión de balón*/

#opta-widget-idx-game-posesion rect[fill="#00aeef"] {
fill: #2762A1;
}

#opta-widget-idx-game-posesion rect[fill="#ffb400"] {
fill: #CF5050;
}

/*Mapa de calor*/


#opta-widget-idx-game-heatmap dl.starters dt {
background: #01448b;
border-radius:0px;
}

#opta-widget-idx-game-heatmap dl.subs dt {
background: #2762A1;
color: #fff;
}

#opta-widget-idx-game-heatmap dl li.starter,
#opta-widget-idx-game-heatmap dl li.sub {
background-color: #fff;
background-image: url(../img/bullett_off.png);
background-repeat: no-repeat;
background-position: 4px center;
text-indent: 2px;
background-size: 11px;
transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

#opta-widget-idx-game-heatmap dl li.starter.selected,
#opta-widget-idx-game-heatmap dl li.sub.selected {
background-image: url(../img/bullett_on.png);
background-repeat: no-repeat;
background-position: 4px center;
}

#opta-widget-idx-game-heatmap dl.starters li.starter:hover,
#opta-widget-idx-game-heatmap dl.subs li.sub:hover {
background-color: #efefef;
}

#opta-widget-idx-game-heatmap div.button-panel button {
background: #D9DBDD;
margin-bottom:10px;
font-size: 11px;
text-transform: uppercase;
border: none;
border-radius:3px;
font-weight: bold;
transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  -ms-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
}

#opta-widget-idx-game-heatmap div.heatmap {
border: none;
}

#opta-widget-idx-game-heatmap div.time-controls {
border: 1px solid #ccc;
}

#opta-widget-idx-game-heatmap .chalkboard dl.subs ul.team li:last-child {
border-radius: 0px;
}

#opta-widget-idx-game-heatmap div.button-panel button:hover {
background-color: #C6CCD2;
}

#opta-widget-idx-game-heatmap div.button-panel button.selected {
background: #2762A1;
color: #fff;
}

#opta-widget-idx-game-heatmap .canvas-pitch .time-panel,
#opta-widget-idx-game-heatmap .canvas-pitch .button-panel {
background-color: #fff;
}

#opta-widget-idx-game-heatmap div.time-line {
border: 1px solid #ccc;
}

#opta-widget-idx-game-heatmap div.time-line div {
background: #ccc;
}

#opta-widget-idx-game-heatmap div.time-line span.injury-time {
background: #CF5050;
}

#opta-widget-idx-game-heatmap span.time-span {
background: #2762A1;
}

#opta-widget-idx-game-heatmap .play-direction span.dop-left,
#opta-widget-idx-game-heatmap .play-direction span.dop-right {
background-image: url(../img/sentido-juego.png);
background-repeat: repeat-x;
}

/*Posesión*/

#opta-widget-idx-game-posesion div.actionareas {
border:0px;
}

#opta-widget-idx-game-posesion select {
width:50%;
height: 27px;
line-height: 27px;
border: 1px solid #ccc;
text-indent: 5px;
transition: border 0.2s linear;
  -webkit-transition: border 0.2s linear;
  -ms-transition: border 0.2s linear;
  -moz-transition: border 0.2s linear;
  -o-transition: border 0.2s linear;
}

#opta-widget-idx-game-posesion select:hover {
border: 1px solid #85AAD2;
cursor: pointer;
}

/*Replays*/

#opta-widget-idx-game-jugadas .goalreplay {
border:none;
}

#opta-widget-idx-game-jugadas .goalreplay .goalreplay-events tr {
background-color: #fff;
transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  -ms-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
}

#opta-widget-idx-game-jugadas .goalreplay .goalreplay-events tr.selected {
background-color: rgb(204, 222, 234);
}

#opta-widget-idx-game-jugadas .goalreplay .goalreplay-events tr:hover {
background-color: rgb(231, 238, 240);
}

#opta-widget-idx-game-jugadas div.bubble_content p {
color: #fff;
}

#opta-widget-idx-game-jugadas .goalreplay .widgetBubble {
background: #01448B;
background: rgba(7, 30, 55, 0.85);
}

#opta-widget-idx-game-jugadas select {
width:100%;
height: 27px;
line-height: 27px;
border: 1px solid #ccc;
text-indent: 5px;
transition: border 0.2s linear;
  -webkit-transition: border 0.2s linear;
  -ms-transition: border 0.2s linear;
  -moz-transition: border 0.2s linear;
  -o-transition: border 0.2s linear;
}

#opta-widget-idx-game-jugadas select:hover {
border: 1px solid #85AAD2;
cursor: pointer;
}

@media (max-width: 960px) { 

#especiales-header {
margin-bottom: 24px;
}

}

@media (max-width: 725px) {

#especiales-header {
margin-bottom:0px;
}

#contenedor-columnas {
margin-top:0px;
}

div.opta-partido-box:last-child {
margin-bottom:20px;
}

}