:root {
    --bg: #22168B;
    --bg_dark: #281AA7;
    --bg_type: #FFFFFF;
    --bg_dest_type: #FEBF01;
    --color01: #c52637;
    --color01_type: #ffffff;
    --color01_h: #370052;
    --color01_h_type: #00CFB7;
    --color02: #C52637;
    --color02_type: #FFFFFF;
    --color02_h: #F5F5F5;
    --color02_h_type: #343A40;
    --bg-image: url('//1287719000.rsc.cdn77.org/media/copaamerica2023/images/bg-copaamerica-dark.png');
    --bg-image-bottom: url('//1287719000.rsc.cdn77.org/media/copaamerica2023/images/bottom-copaamerica-dark.png');
    --positive:#18AB65;
    --neutral:#D2D7DB;
    --negative:#DA272B;
    --positive_type:var(--color01_type);
    --neutral_type:var(--color01_type);
    --negative_type:#FFFFFF;
    --fill-logo:#FFFFFF;

    --referenceColor01:#90E24A;
    --referenceColor01_type: #000000;
    --referenceColor02:#FAEC37;
    --referenceColor02_type: #000000;
    --referenceColor03:#F29400;
    --referenceColor03_type:#000000;
    --referenceColor04:#F10000;
    --referenceColor04_type: #000000;
    
    --referenceColor05:#7c1233;
    --referenceColor05_type: #ffffff;
    --referenceColor06:#d4295e;
    --referenceColor06_type: #ffffff;
    --referenceColor07:#ff4700;
    --referenceColor07_type:#FFFFFF;
    --referenceColor08:#febf01;
    --referenceColor08_type: #FFFFFF;
    --referenceColor09:#00cfb7;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu-Bold.woff2') format('woff2'),
        url('../fonts/Ubuntu-Bold.woff') format('woff');
    font-weight: bold;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu-Regular.woff2') format('woff2'),
        url('../fonts/Ubuntu-Regular.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
body {
    background-image: var(--bg-image);
    background-size: cover;
    color: var(--bg_type);
    font-family: 'Ubuntu';
    font-weight: normal;
}
iframe{
    width: 1px; 
    min-width: 100%;
    *width: 100%;
}

div[class*=dfMc-] .table tbody tr td .border{
    border: 0px !important;
}
div[class*=dfMc-] .bg-color02 {
    background: var(--bg_dark) !important;
    color:  var(--bg_type) !important;
    fill: var(--bg_type) !important;
}
div[class*=dfMc-] .GC_title,
div[class*=dfMc-] .tabsWrapper>ul>li a {
    color: var(--color01_type) !important;
}
div[class*=dfMc-] div.minSize-479 .nav.first-level li a:after {
    width: 0px !important;
}
div[class*=dfMc-] .gamecast .navbar-nav.first-level a {
    padding: 10px !important;
}
div[class*=dfMc-] ul li.list-group-item:nth-child(even):not(.bg-color01){
    background: var(--bg) !important;
    color: var(--bg_type) !important;
}
div[class*=dfMc-] ul li.list-group-item:nth-child(odd):not(.bg-color01) {
    color: var(--bg_type) !important;
}
div[class*=dfMc-] .vs-, div[class*=dfMc-] .object {
    color: var(--color01) !important;
}
div[class*=dfMc-] .penales .badge {
    color: var(--color02_type) !important;
    background-color: var(--bg_dest_type)  !important;
}
div[class*=dfMc-] .resultado .badge {
    background: var(--color01) !important;
}
div[class*=dfMc-] .posiciones .border{
    border:0px !important;
}
div[class*=dfMc-] div.minSize-479 .nav.first-level li:hover {
    background-color: #0e0a44;
}
div[class*=dfMc-] .bg-color01 {
    background: var(--color01) !important;
}
div[class*=dfMc-] .timeLine .timeline {
    background: var(--color01) !important;
}
div[class*=dfMc-] div.minSize-479 .nav.first-level li a:hover, 
div[class*=dfMc-] div.minSize-479 .nav.first-level li:hover > a, 
div[class*=dfMc-] div.minSize-479 .nav.first-level li.active, 
div[class*=dfMc-] div.minSize-479 .nav.first-level li.active a,
div[class*=dfMc-] .main_header .navbar-top a:hover,
div[class*=dfMc-] .main_header .navbar-top li.active,
div[class*=dfMc-] .tabsWrapper > ul > li a.active,
div[class*=dfMc-] .tabsWrapper > ul > li a.active:before,
div[class*=dfMc-] div.minSize-479 .subnav li:hover,
div[class*=dfMc-] div.minSize-479 .subnav li.active a,
div[class*=dfMc-] .lastMatchesBetween .msjDatos, div[class*=dfMc-] .previousMatches .msjDatos{
    color: var(--color02_type) !important;
    background-color: var(--color01) !important;
}
div[class*=dfMc-] .main_header .navbar-top,div[class*=dfMc-] div.minSize-479 .subnav{
    background-image: none;
    background-color: var(--bg) !important;
}
div[class*=dfMc-] div.minSize-479 .subnav a,
div[class*=dfMc-] .main_header .navbar-top a {
    color:var(--color01_type) !important;
}
div[class*=dfMc-] div.minSize-479 .subnav::after{
     background-image: none;
     border-top: 0;
     border-bottom:0;   
}
div[class*=dfMc-] .tabsWrapper > ul > li a.active:before {
    background-color: var(--color01) !important;
    bottom: 0 !important;
}
div[class*=dfMc-] .mc-animatedSummary.status-finished .infoDate .sb-date, div[class*=dfMc-] .scoreBoard.status-finished .infoDate .sb-date,
div[class*=dfMc-] .mc-animatedSummary.status-finished .infoDate .sb-hour, div[class*=dfMc-] .scoreBoard.status-finished .infoDate .sb-hour,
div[class*=dfMc-] .text-dest {
  color: var(--color01_type) !important;
}
div[class*=dfMc-] .text-uppercase {
    text-transform: none !important;
}
div[class*=dfMc-] .shadow-shields {
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.25), 0 0 0px rgba(0, 0, 0, 0.5) inset !important;
}
div[class*=dfMc-] .listWrapper .listContent .home .player .number, div[class*=dfMc-] .listWrapper .listContent .away .player .number,
div[class*=dfMc-] .listWrapper .listContent .home .player .captain, div[class*=dfMc-] .listWrapper .listContent .away .player .captain{
    background-color: var(--color01) !important;
}

div[class*=dfMc-] .manOfTheMatch .stats .boxWinner .boxElements > div.big {
    background: transparent  !important;
    box-shadow: 0 0 !important;
}
div[class*=dfMc-] .listWrapper .listContent .home .player.coach:hover, div[class*=dfMc-] .listWrapper .listContent .away .player.coach:hover {
    background: var(--color01) !important;
}
div[class*=dfMc-] .mc-animatedSummary .infoScoreBoard .score .goals, div[class*=dfMc-] .scoreBoard .infoScoreBoard .score .goals{
    color: #ef2127 !important;
    font-size: 3rem !important;
}
div[class*=dfMc-] .mc-animatedSummary .infoScoreBoard .score .goals, div[class*=dfMc-] .scoreBoard .infoScoreBoard .score .goals {
    border-radius: 0;
    background-color: transparent;
}
div[class*=dfMc-] .BG_title {
  background: var(--color01) !important;
  color: #fff !important;
}

div[class*=dfMc-] .badge {
    background: var(--color02) !important;
}

div[class*=dfMc-] .positive {
    background:  var(--positive) !important;

}
div[class*=dfMc-] .neutral {
    background:  var(--neutral) !important;
    
}
div[class*=dfMc-] .negative {
    background:  var(--negative) !important;
    
}
div[class*=dfMc-] .positiveType,div[class*=dfMc-] .neutralType {
    color: var(--color01_type) !important;
}

div[class*=dfMc-] .footerCtn {
    background-color: var(--bg)!important;
}

div[class*=dfMc-] .sorteo .pageCtn {
    background-image: var(--bg-image-bottom);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
div[class*=dfMc-] .bg-default {
    background-color: var(--bg)!important;
    color: var(--bg_type)!important;
}
div[class*=dfMc-] .bg-default-dark {
    background: var(--bg_dark)!important;
    color: var(--bg_type)!important;
    fill: var(--bg_type)!important;
}
div[class*=dfMc-] .timeLine .time .home .incidences > div, div[class*=dfMc-] .timeLine .time .away .incidences > div {
    background-image: url(../images/icons_sheet.png);
}

.dfMc-Module .dfMc-Module .subHeader, 
.dfMc-Module .dfMc-Page .subHeader, 
.dfMc-Module .dfMc-Module .subHeader, 
.dfMc-Module .dfMc-Page .header.page-header, 
.dfMc-Page .fixture .subHeader,
div[class*=dfMc-] tr.bg-color02,
div[class*=dfMc-] .dropdown.tournaments .dropdown-menu li a:hover, 
div[class*=dfMc-] .dropdown.tournaments .dropdown-menu li a:focus{
    color: #ffffff !important;
    background: var(--color01) !important;
}
div[class*=dfMc-] .dropdown.tournaments .dropdown-menu {
    background: #fff;
    border-radius: 0px;
    border: 1px solid var(--color01);
    box-shadow:  0 5px 10px var(--color01);
}
div[class*=dfMc-] .dropdown.tournaments .dropdown-menu input{
    border-color: 1px solid var(--color01); 
}
div[class*=dfMc-] .dropdown-item.active, div[class*=dfMc-] .dropdown-item:active{
    background: var(--color01) !important;
}
div[class*=dfMc-] .table tbody tr:nth-child(odd) {
    background-color: var(--bg) !important;
}
div[class*=dfMc-] .table tbody tr{
    background-image: none !important;
    background-color: var(--bg_dark) !important;
}
div[class*=dfMc-] .table tbody tr td.pos{
    color: var(--color02) !important;
}
div[class*=dfMc-] .border-primary,
div[class*=dfMc-] .planteles .nav-pills .active .teamLogo,
div[class*=dfMc-] .planteles .nav-pills .teamLogo:hover {
    border-color: var(--color02) !important;
}
div[class*=dfMc-] .bs-tooltip-top .arrow::before {
    border-top-color:var(--bg_dark) !important;
}
div[class*=dfMc-] .bs-tooltip-bottom .arrow::before{
    border-bottom-color:var(--bg_dark) !important;   
}
div[class*=dfMc-] .table th, div[class*=dfMc-] .table td {
    border-top: 0px solid #dee2e6;
}
div[class*=dfMc-] .text-dest,
div[class*=dfMc-] .statsCenterPlayerComparison .boxGame .text.big,
div[class*=dfMc-] .color01 {
    color: var(--color02) !important;
}
div[class*=dfMc-] small, div[class*=dfMc-] .small,
div[class*=dfMc-] .iconMore{
    color: #ffffff !important;   
}
div[class*=dfMc-] .boxElements .boxColor01, 
div[class*=dfMc-] .tooltip:not(.bottom) .tooltip-inner,
div[class*=dfMc-] .caption.nav .on {
    background-color: var(--bg_dark) !important;
}

div[class*=dfMc-] div.maxSize-479 .navbar .first-level>li.active a,
div[class*=dfMc-] div.maxSize-479 .navbar .first-level>li>a:hover, div[class*=dfMc-] div.maxSize-479 .navbar .first-level>li:hover>a {
    color: #fff !important;
    background-color: var(--color01) !important;
}
div[class*=dfMc-] .progress-bar{
    background-color: var(--color02) !important;
}
div[class*=dfMc-] div.minSize-479 .nav.first-level li {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
div[class*=dfMc-] div.minSize-479 .subnav li.active,
div[class*=dfMc-] div.minSize-479 .subnav a:hover {
    background-color: var(--color02) !important;
}
div[class*=dfMc-] .fixture .fecha .match .match-inner {
    box-shadow: 0px 4px var(--bg) !important;
}
div[class*=dfMc-] .border-right {
    border-right: 1px solid var(--color01) !important;
}
div[class*=dfMc-] .border-bottom {
    border-bottom: 1px solid var(--color01) !important;
}
div[class*=dfMc-] .border-left {
    border-left: 1px solid var(--color01) !important;
}
div[class*=dfMc-] .table thead th{
    border-bottom: 0px !important;
}
div[class*=dfMc-] .text {
    color: var(--color02_type) !important;
}
div[class*=dfMc-] .statsCenterPerTeam .boxRows, 
div[class*=dfMc-] .statsCenterPerPlayer .boxRows {
    background-image: none;
    background: var(--bg) !important;
}
div[class*=dfMc-] .statsCenterPerTeam .boxRows:nth-child(odd), 
div[class*=dfMc-] .statsCenterPerPlayer .boxRows:nth-child(odd) {
    background: var(--bg_dark) !important;
}
div[class*=dfMc-] .tabsWrapper>ul>li a.active{
    box-shadow: none !important;
}
div[class*=dfMc-] .lineUpFull .lineUpFullBlock .listWrapper .listContent .home .player:nth-child(odd), 
div[class*=dfMc-] .lineUpFull .lineUpFullBlock .listWrapper .listContent .away .player:nth-child(odd),
div[class*=dfMc-] .listWrapper .listContent .home .player:nth-child(odd), div[class*=dfMc-] .listWrapper .listContent .away .player:nth-child(odd) {
    background: var(--bg) !important;
}
div[class*=dfMc-] .lineUpFull .lineUpFullBlock .listWrapper .listContent .home .player, 
div[class*=dfMc-] .lineUpFull .lineUpFullBlock .listWrapper .listContent .away .player,
div[class*=dfMc-] .listWrapper .listContent .home .player, div[class*=dfMc-] .listWrapper .listContent .away .player {
    background: var(--bg_dark) !important;
}
div[class*=dfMc-] .listWrapper .listContent .home .player .name, div[class*=dfMc-] .listWrapper .listContent .away .player .name,
div[class*=dfMc-] .listWrapper .listContent .home .player .scoreInc .score, div[class*=dfMc-] .listWrapper .listContent .away .player .scoreInc .score {
    color: inherit !important;
}
div[class*=dfMc-] .headerTitle.icon svg path {
    fill: var(--bg_type); !important;
}
div[class*=dfMc-] .extraData .boxWrapper .boxContent {
    background-color: var(--bg) !important;
}
div[class*=dfMc-] .manOfTheMatch .boxWinner .boxImagesWin span svg path{
    fill: var(--bg_type) !important;
}
div[class*=dfMc-] .manOfTheMatch .stats .headerTitle img {
    filter: invert(1);
}
div[class*=dfMc-] .tabsWrapper>ul>li a:hover {
    background: transparent !important;
    box-shadow: none !important;
}
div[class*=dfMc-] .lastMatchesBetween.moduleCtn, div[class*=dfMc-] .previousMatches.moduleCtn {
    background: var(--bg) !important;
    box-shadow: none !important;
}
div[class*=dfMc-] .shadow-boxContent {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
div[class*=dfMc-] .tabsWrapper>ul>li a:hover:before{
    background: transparent !important; 
}
div[class*=dfMc-] .commentary .boxCommentary .commentaryContent .boxDescription .data,
div[class*=dfMc-] .commentary .boxCommentary .commentaryContent .boxTime .dataSmall{
    background:var(--bg) !important;
}
div[class*=dfMc-] .commentary .boxCommentary .commentaryContent .boxDescription .data .arrowLeft:after {
    border-right: 20px solid var(--bg) !important;
}
div[class*=dfMc-] .commentary .boxCommentary .commentaryContent .boxDescription .data .arrowRight:after {
    border-left: 20px solid var(--bg) !important;
}
div[class*=dfMc-] .commentary .boxCommentary .commentaryContent .boxTime .dataSmall .arrowRight:after {
    border-left: 14px solid var(--bg) !important;
}
div[class*=dfMc-] .commentary .boxCommentary .commentaryContent .boxTime .dataSmall .arrowLeft:after {
    border-right: 14px solid var(--bg) !important;
}
div[class*=dfMc-] .footerCtn .logo {
    background-position: -224px -114px !important;
}
div[class*=dfMc-] .listWrapper .listContent .home .player:hover, div[class*=dfMc-] .listWrapper .listContent .home .player.hoverName, div[class*=dfMc-] .listWrapper .listContent .away .player:hover, div[class*=dfMc-] .listWrapper .listContent .away .player.hoverName {
    background: var(--color01) !important;
}