@charset "utf-8";
/* CSS Document */


div.rankings-opta {
position: relative;
}

div.Opta {
clear: both;
display: block;
}
div.Opta-Nav {
position: absolute;
top: 85px;
    right: 20px;
    width: 35%;
    background-color: #b3e802;
    color: #000;
    border-radius: 10px;
}
@media (max-width: 1180px) {
	div.Opta-Nav {
	top: 75px;
	}
}

div.Opta-Nav h3 {
margin:0px;
font-weight: bold;
padding: 8px 38px 8px 10px;
font-size: 14px;
position: relative;
cursor: pointer;
}
td.Opta-Score, td.Opta-Games {
    text-align: center;
}

div.Opta-Nav h3:after {
font-family: 'fontAwesome';
    content: '\f078';
    background-color: #014e43;
    position: absolute;
    color: white !important;
    border-radius: 5px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    font-size: 13px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    border-left: 0px dotted #b3e802;
    transition: color 0.3s linear;
    -webkit-transition: color 0.3s linear;
    -ms-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
}
div.Opta-Nav h3:hover {
cursor: pointer;
}

div.Opta-Nav h3:hover:after {
color: #555;
}

div.Opta-Nav > ul {
display: none;
list-style-type: none;
padding:0px 0px 5px 0px;
margin:0px;
}

div.Opta-Nav > ul li {
	padding: 6px 8px 6px 20px;
    font-size: 14px;
    border-top: 1px dotted #268d1c;
    position: relative;
    background-color: #ebffe9;
    transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
    -ms-transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
}

div.Opta-Nav > ul li:hover {
background-color: #c1e7bd;
}

div.Opta-Nav > ul li a:link,
div.Opta-Nav > ul li a:visited {
color: #333;
display: block;
text-decoration: none;
}

div.Opta-Nav > ul li:before {
font-family: 'fontAwesome';
content: '\f054';
font-size: 10px;
position: absolute;
color: #268d1c;
left: 7px;
top:7px;
}

div.rankings-opta-2014 div.Opta ul.Opta-TabbedContent:before {
content: 'Estad\00edsticas correspondientes a la Copa del Mundo 2014, hasta que comiencen partidos de Copa América 2019';
display: block;
margin: 8px 8px;
border: 1px dashed green;
padding: 10px;
font-size: 12px;
color: #333;
background-color: #fff;
}

p.Opta-Load {
display: block;
text-align: center;
padding: 8px 8px;
min-height: 100px;
background-image: url(//static.emol.cl/emol50/Fotos/2018/07/26/file_20180726131651.gif);
background-repeat: no-repeat;
background-position: center center;
color: transparent;
}

div.Opta ul.Opta-TabbedContent {
list-style-type: none;
padding:0px;
margin:0px;
}

div.Opta ul.Opta-TabbedContent > li {
display: none;
}

div.Opta ul.Opta-TabbedContent > li.Opta-On {
display: block;
}

div.Opta ul.Opta-TabbedContent > li h3 {
margin:0px;
background-color: #000;
color: #fff;
padding: 8px 12px;
font: normal 20px/20px 'roboto', Arial, Helvetica, sans-serif
}

div.Opta ul.Opta-TabbedContent > li table {
width: 100%;
border-spacing: 0px;
border-collapse: collapse;
font-size: 14px;
}

div.Opta ul.Opta-TabbedContent > li table tr td {background-color: #fff;padding: 8px 3px;}

div.Opta ul.Opta-TabbedContent > li table tr td:nth-child(2) {width: 70%;text-align: left !important;}

div.Opta ul.Opta-TabbedContent > li table tr td:first-child {
width: 30px;
font-size: 16px;
color: #6000ea;
font-weight: bold;
text-align: center;
text-align: right;
padding-right: 6px;
}

div.Opta ul.Opta-TabbedContent > li table tr:first-child td {vertical-align: bottom;/* text-align: center; */}
div.Opta ul.Opta-TabbedContent > li table tr td {
background-color: #ebebeb;
}
div.Opta ul.Opta-TabbedContent > li table tr:nth-child(even) td {
    background-color: #f7f7f7;
}

div.Opta ul.Opta-TabbedContent > li table div.Opta-PlayerName {display: inline;text-align: left !important;}

div.Opta ul.Opta-TabbedContent > li table div.Opta-Team {
    display: inline-block;
    font-size: 13px;
    color: #787777 !important;
    margin-left: 6px;
}

div.Opta ul.Opta-TabbedContent > li table div.Opta-Team:before { content: '('; }
div.Opta ul.Opta-TabbedContent > li table div.Opta-Team:after { content: ')'; }

div.Opta ul.Opta-TabbedContent > li table tr td.Opta-Score > div,
div.Opta ul.Opta-TabbedContent > li table tr td abbr {
text-decoration: none;
font-weight: bold;
margin-bottom: 12px;
font-size: 13px;
display: none;
}

div.Opta ul.Opta-TabbedContent > li table tr:first-child td.Opta-Score > div,
div.Opta ul.Opta-TabbedContent > li table tr:first-child td abbr {display: block;text-align: center;}

div.Opta .Opta-error p {
display: block;
text-align: center;
font-size: 14px;
color: #666;
padding: 30px 10px;
margin: 0px 20px 10px 20px;
border: 1px dashed #ccc;
}

@media (max-width: 725px) {

	div.Opta-Nav {
	width: 50%;
	}

}

@media (max-width: 700px) {

div.Opta-Nav {
width: auto;
position: static;
display: block;
margin: 0px 10px 25px 10px;
}

div.Opta-Nav > ul li {
font-size: 14px;
padding: 7px 8px 7px 20px;
}

div.Opta-Nav > ul li:before {
top: 10px;
}

}

.footer-logoopta {
    height: 50px;
    width: 100%;
    display: inline-block;
    background-image: url(//static.emol.cl/emol50/Fotos/2018/08/02/file_20180802123540.png);
    background-position: center center;
    background-repeat: no-repeat;
}