﻿
/*fifa ranking*/
.tour2958.wcInner .fifaRanking.proPlayer.mainTourPage:before{display:none}
.GroupStanding {
    width: calc(100% - 320px);
    margin-left: 20px;
}

/** Groups **/
.groupTabs { display: inline-block; float: right; width: 100%; position: relative }
.groupTabs .tab { overflow: hidden; position: absolute; left: 50%; transform: translateX(-50%); display: flex; min-width: 140px }
.groupTabs .tab button { float: right; border: none; outline: none; cursor: pointer; transition: 0.2s; width: calc((100% - 5px) / 2); height: 70px; border-top: 4px solid #0277bd; margin-left: 5px;   font-size: 11px; padding: 0 10px; color: #000; line-height: 1.2; position: relative }
.groupTabs .tab button:before { content: ""; width: 50px; height: 50px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; border-radius: 50% }
.groupTabs .tab button p { font-family: Arial; font-size: 26px; font-weight: bold; padding: 0 10px; color: #b9b9b9; display: block; z-index: 2; text-align: center; position: relative }
.groupTabs .tab button span { font-size: 12px; font-weight: normal; display: block; text-transform: uppercase; line-height: 1; margin-top: -5px; }
.groupTabs .tab button:last-child { margin-left: 0 }
.groupTabs .tab button:hover { background-color: #ddd; }
.groupTabs .tab button.active { height: 81px; border-top: 0; color: #fff }
.groupTabs .tab button.active p { color: #fff }
.groupTabs .tab button.active:before { border-radius: 0; background: #0277bd }
.groupTabs .groupContent { display: inline-block; float: right; width: 100%; margin-top: 75px; position: relative; z-index: 1 }
.groupTabs .flickity-button { top: -55px }
@media screen and (max-width: 1056px) and (min-width: 768px) {
    .groupTabs .tab { width: 100% }
    .groupTabs .tab button { width: calc((100% - 6px) / 4); margin-left: 5px; padding: 0; }
}
.groupTabs .groupTtl { display: inline-block; width: 100%; margin: 0; height: 48px; float: right; position: relative; background: #e0e0e0; padding: 10px; }
.groupTabs .groupName { float: right; position: absolute; left: 50%; transform: translateX(-50%); top: 10px; }
.groupTabs .groupName h2 { float: right; display: inline-block; width: 160px; height: 28px; background: #fff; text-align: center; color: #000;   font-size: 14px; line-height: 2.2; }
.groupTabs .table { display: inline-block; width: 100%; float: right; margin-top: 10px }
.groupTabs .table .ttlRow { display: inline-block; width: 100%; background: #000; float: right; height: 30px; padding: 0 4px;}
.groupTabs .table .ttlRow .itemTtl { float: right; padding: 2px 0;   color: #fff; font-size: 13px; text-align: center; width: 60px;line-height:30px }
.groupTabs .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 540px); text-align: right; padding-right: 10px }
.groupTabs .table .wRow { display: inline-block; width: 100%; background: #fff; border: 1px solid #e0e0e0; border-bottom: 0; height: 58px; float: right; position: relative }
.groupTabs .table .wRow:last-child { border-bottom: 1px solid #e0e0e0 }
.groupTabs .table .wRow .item { float: right; color: #b9b9b9; font-size: 16px; text-align: center; line-height: 2.5; font-family: arial; width: 60px; padding: 10px; margin-left: 0; margin-bottom: 0; background: none; height: auto }
.groupTabs .table .wRow .item:nth-child(2) { width: calc(100% - 540px); padding-right: 10px; }
.groupTabs .table .wRow .item p { text-align: right; color: #000; font-size: 13px;     font-family: droidLight, Arial;  line-height: 3 }
.groupTabs .table .wRow .team { text-align: right; direction: rtl;   padding-right: 10px }
.groupTabs .table .wRow .team img { float: right; margin-left: 10px; width: auto; height: 36px }
.groupTabs .table .wRow .item:last-child { color: #000; font-weight: bold }
.tour2958 .fifaRanking{position:relative;border-radius:0;margin-bottom:0;padding:50px 12px}
.tour2958 .fifaRanking:before {content: '';
    background: url(../Images/Afcon2025/RTCSectionPattern.svg) no-repeat center center #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    opacity:0.4;
    background-size: auto 100%;} 
.tour2958.wcInner .proPlayer.fifaRanking .title{padding: 0;position:relative;margin-bottom:35px;border-radius:0;background:unset}
/*.tour2958 .fifaRanking .title:before{content:'';background:url(../../Images/Euro2024/symbol.png);width:18px;height:18px;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);}*/
.tour2958.wcInner .proPlayer.fifaRanking .title h2 {margin-right: 0;color:#000;font-family: droidBold,Arial;}
.tour2958.wcInner .proPlayer.fifaRanking .title:before{display:none} 
.tour2958.wcInner .proPlayer.fifaRanking .title h2:before {
    background: url(../Images//Afcon2025/yellowBtnPattern.svg);
    background-size: cover;
    width: 16px;
    height: 16px;
    margin: 12px 0 0 8px;
}

.tour2958 .fifaRanking .GroupStanding{width:100%}
.tour2958 .fifaRanking .table{border-radius:5px;overflow:hidden;margin-bottom:40px;box-shadow: 0px 2px 4px 0px #0000001A;}
.tour2958 .fifaRanking .table .ttlRow{background:#E6F4EF;margin-bottom:0;height:56px;padding:0 37px;border-radius:10px 10px 0 0 }
.tour2958 .fifaRanking .table .ttlRow .itemTtl{color:#FFF;font-size:14px;line-height:3;position:relative;    padding-right: 0;}
/*.tour2958 .fifaRanking .table .ttlRow .itemTtl p:before{content:'';background:url(../../Images/Euro2024/symbol.png) no-repeat center right;width:14px;height:14px;position:absolute;top:50%;transform:translateY(-50%);right:0;pointer-events:none}*/
.tour2958 .fifaRanking .table .ttlRow .itemTtl.arrng, .tour2958.wcInner .groupTabs .table .ttlRow .itemTtl.team{color:#EEBC2F;text-align:right}
.tour2958 .fifaRanking .table .wRow:nth-child(even) { background: #fff;}
.tour2958 .fifaRanking .table .wRow:nth-child(odd) {background: #E6F4EF;}
.tour2958 .fifaRanking .table .wRow{padding:0 37px}
.tour2958 .fifaRanking .table .wRow .item,
.tour2958 .fifaRanking .table .wRow .item p{color:#000;float: right;}
.tour2958 .fifaRanking .table .wRow .team img{height:24px;margin-top:7px}
.tour2958 .fifaRanking .table .ttlRow .itemTtl:last-child,
.tour2958 .fifaRanking .groupTabs .table .ttlRow .itemTtl, .tour2958 .fifaRanking .table .wRow .item{width:200px;text-align:right}
.tour2958 .fifaRanking .groupTabs .table .ttlRow .itemTtl.dtls, .tour2958 .fifaRanking  .groupTabs .table .wRow .item.dtls{width:200px}
.tour2958 .fifaRanking .groupTabs .table .ttlRow .itemTtl.team, .tour2958 .fifaRanking  .groupTabs .table .wRow .item.team{width:calc(100% - 600px)}

.tour2958 .fifaRanking .groupTabs .table .wRow .item.team{padding:10px 0}

.tour2958 .fifaRanking .groupTabs .table .wRow .item{padding:10px 0;position:relative;font-weight:bold}
.tour2958 .fifaRanking .groupTabs .table .wRow .item.dtls{padding:10px 0}
.tour2958 .fifaRanking .groupTabs .table .wRow .item label{ display: inline-block;font-size: 13px;position:absolute;width: auto; min-width: 50px; height: 35px;  right: 40px;bottom: 10px;}
.tour2958 .fifaRanking .groupTabs .table .wRow .item label:before{position:absolute;bottom:2px;right:0;font-size:15px}
.tour2958 .fifaRanking .groupTabs .table .wRow .item label.top:before{content:'3';color:#189E2F}
.tour2958 .fifaRanking .groupTabs .table .wRow .item label.top{color:#189E2F}
.tour2958 .fifaRanking .groupTabs .table .wRow .item label span:before{position:absolute;font-size:13px;bottom:7px;right:0;line-height:1}
.tour2958 .fifaRanking .groupTabs .table .wRow .item label.top span:before{content:'+';color:#189E2F;}
.tour2958 .fifaRanking .groupTabs .table .wRow .item label.down{color:#E20000}
.tour2958 .fifaRanking .groupTabs .table .wRow .item label.down:before{content:'4';color:#E20000;}
.tour2958 .fifaRanking .groupTabs .table .wRow .item label.down span:before{content:'-';color:#E20000;}
.tour2958 .fifaRanking .groupTabs .table .wRow .item label span{display:inline-block;height:100%;padding-right:8px;position: absolute; bottom: 0; right: 18px;line-height: 3.5;}

.tour2958 .fifaRanking .groupTabs .table .ttlRow .itemTtl:nth-child(5), 
.tour2958 .fifaRanking .groupTabs .table .ttlRow .itemTtl:nth-child(4),
.tour2958 .fifaRanking .groupTabs .table .ttlRow .itemTtl:nth-child(3),
.tour2958 .fifaRanking .groupTabs .table .ttlRow .itemTtl:nth-child(2),
.tour2958 .fifaRanking  .groupTabs .table .wRow .item:nth-child(5),
.tour2958 .fifaRanking  .groupTabs .table .wRow .item:nth-child(4),
.tour2958 .fifaRanking  .groupTabs .table .wRow .item:nth-child(3), 
.tour2958 .fifaRanking  .groupTabs .table .wRow .item:nth-child(2){text-align:center}

.tour2958 .fifaRanking .groupTabs .table .ttlRow .itemTtl.dtls p{display:inline-block;width:auto;text-align:center;position:relative}

.tour2958 .fifaRanking .groupTabs .table .ttlRow .itemTtl.dtls p:before{right:-24px}
.tour2958 .fifaRanking .groupTabs .table .ttlRow .itemTtl:nth-child(3) , 
.tour2958 .fifaRanking .groupTabs .table .ttlRow .itemTtl:nth-child(2),
.tour2958 .fifaRanking .groupTabs .table .ttlRow .itemTtl:nth-child(4),
.tour2958 .fifaRanking .groupTabs .table .ttlRow .itemTtl:nth-child(5){padding-right:0}

.tour2958 .fifaRanking .wcButton.center{    margin: 10px calc((100% - 200px) / 2);width: 200px;height: 40px;line-height: 40px;font-size: 13px;}
    .tour2958 .fifaRanking .wcButton.center:hover {
        background: #EEBC2F;
        color: #000;
    }



.tour2958.wcInner .fifaRankingInner .groupTabs .table .ttlRow .itemTtl{font-size:15px}
.tour2958 .fifaRanking.fifaRankingInner .table .ttlRow .itemTtl.arrng, .tour2958 .fifaRanking.fifaRankingInner .groupTabs .table .wRow .item.arrng{width:160px;    padding-right: 22px;}
.tour2958 .fifaRanking.fifaRankingInner .table .ttlRow .itemTtl.dtls, .tour2958 .fifaRanking.fifaRankingInner .groupTabs .table .wRow .item.dtls{width:180px;}
.tour2958 .fifaRanking.fifaRankingInner .table .ttlRow .itemTtl.team, .tour2958 .fifaRanking.fifaRankingInner .groupTabs .table .wRow .item.team{width:calc(100% - 520px)}
.tour2958 .fifaRanking.fifaRankingInner .groupTabs .table .wRow .item label{right:40px}
.tour2958 .fifaRanking.fifaRankingInner .table .ttlRow .itemTtl.dtls:before{right:14px}
.tour2958 .fifaRanking.fifaRankingInner .table .ttlRow .itemTtl:nth-child(4):before{right:19px}
.tour2958 .fifaRanking.fifaRankingInner .groupTabs .table .wRow .item.dtls{color:#616161}

.tour2958.wcInner .fifaRankingInner .table .ttlRow{background:#fff;margin-bottom:0;height:56px;padding:0 15px;border-radius:10px 10px 0 0 }
.tour2958.wcInner .fifaRankingInner .groupTabs .table .ttlRow .itemTtl:last-child,
.tour2958 .fifaRanking .groupTabs .table .ttlRow .itemTtl{color:#000;font-weight:bold}
.tour2958.wcInner .fifaRanking .groupTabs .table .wRow:nth-child(odd) {
    background: #fff;
}
.tour2958.wcInner .fifaRanking.fifaRankingInner .groupTabs .table .wRow:nth-child(even) {
    background: #e1e1e1;
}
 .tour2958 .fifaRanking.fifaRankingInner .groupTabs .table .wRow .item.team{line-height:unset}
  .tour2958 .fifaRanking.fifaRankingInner .groupTabs .table .wRow .team {  padding-right: 0 }
  .tour2958 .fifaRanking.fifaRankingInner .table .wRow{padding:0 15px}


@media screen and (min-width: 1280px) and (max-width: 1356px) {
    .tour2958 .fifaRanking.fifaRankingInner .table .ttlRow .itemTtl.dtls,
    .tour2958 .fifaRanking.fifaRankingInner .groupTabs .table .wRow .item.dtls {
    width: 160px;}

    .tour2958 .fifaRanking.fifaRankingInner .table .ttlRow .itemTtl.team,
    .tour2958 .fifaRanking.fifaRankingInner .groupTabs .table .wRow .item.team {
    width: calc(100% - 480px);}

}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .tour2958.wcInner .fifaRankingInner .table .ttlRow{padding:0 8px}
    .tour2958 .fifaRanking.fifaRankingInner .table .ttlRow .itemTtl.dtls,
    .tour2958 .fifaRanking.fifaRankingInner .groupTabs .table .wRow .item.dtls {
    width: 120px;}

    .tour2958 .fifaRanking.fifaRankingInner .table .ttlRow .itemTtl.team,
    .tour2958 .fifaRanking.fifaRankingInner .groupTabs .table .wRow .item.team {
    width: calc(100% - 335px);}

    .tour2958 .fifaRanking.fifaRankingInner .table .ttlRow .itemTtl.arrng,
    .tour2958 .fifaRanking.fifaRankingInner .groupTabs .table .wRow .item.arrng {
        width: 95px;
    }
    .tour2958 .fifaRanking.fifaRankingInner .groupTabs .table .ttlRow .itemTtl p{line-height:42px}
    .tour2958 .fifaRanking.fifaRankingInner .groupTabs .table .wRow .team img{display:none}

        .tour2958 .fifaRanking.fifaRankingInner .table .wRow .item p {
        font-size: 10px;
    }
        .tour2958 .fifaRanking.fifaRankingInner .groupTabs .table .wRow .item label {
    right: 10px;
}
}


@media screen and (min-width: 320px) and (max-width: 767px) {
        .tour2958 .fifaRanking .groupTabs .table .wRow .item{line-height:58px;height:100%}

    .tour2958 .fifaRanking{padding:40px 0}
    .tour2958 .fifaRanking:before{width:600px}
    .tour2958  .fifaRanking.proPlayer .rightside{padding:0}
    .tour2958 .fifaRanking .GroupStanding .table .wRow .item p{line-height:58px;font-size:10px;padding:0 4px;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
    .tour2958 .fifaRanking .table .wRow .team img{margin:18px 0!important;height:18px!important}
    .tour2958 .fifaRanking .title{margin:0 0 25px 0;padding:0 10px }

    .tour2958 .fifaRanking .table .ttlRow .itemTtl:before{display:none}
    .tour2958 .fifaRanking .groupTabs .table .ttlRow .itemTtl,
    .tour2958.wcInner .fifaRankingInner .groupTabs .table .ttlRow .itemTtl{font-size:11px;font-family:droidLight, Arial;padding:5px 0}
    /*.tour2958.wcInner .groupTabs.GroupStanding .table .ttlRow .itemTtl.team{line-height:4}*/

    .tour2958 .fifaRanking .table .ttlRow{padding:0 6px;height:45px}
    .tour2958 .fifaRanking .table .ttlRow .itemTtl.arrng, .tour2958 .fifaRanking .groupTabs .table .wRow .item.arrng{width:70px!important;padding:0 5px}
    .tour2958 .fifaRanking .groupTabs .table .wRow .item label:before, .tour2958 .fifaRanking .groupTabs .table .wRow .item label,
    .tour2958 .fifaRanking .groupTabs .table .wRow .item label span:before{font-size:11px}
    .tour2958 .fifaRanking .groupTabs .table .wRow .item label:before{top:20px;right:0}
    .tour2958 .fifaRanking .groupTabs .table .wRow .item label, .tour2958 .fifaRanking.fifaRankingInner .groupTabs .table .wRow .item label{min-width:25px;right:2px;bottom:0;height:100%}
    .tour2958 .fifaRanking .groupTabs .table .wRow .item label span{line-height:1;right:0;height:auto;bottom:8px}
    .tour2958 .fifaRanking .groupTabs .table .wRow .item label span:before{right:0;bottom:0}
    .tour2958 .fifaRanking .table .ttlRow .itemTtl.dtls, .tour2958 .fifaRanking .groupTabs .table .wRow .item.dtls{width:54px!important}
        .tour2958 .fifaRanking .table .ttlRow .itemTtl.points,
        .tour2958 .fifaRanking .table .ttlRow .itemTtl.totalPoints, 
        .tour2958 .fifaRanking .groupTabs .table .wRow .item.points,
        .tour2958 .fifaRanking .groupTabs .table .wRow .item.totalPoints{width:60px!important}
        .tour2958 .fifaRanking  .groupTabs .table .wRow .item{font-size:11px}
    .tour2958 .fifaRanking .table .ttlRow .itemTtl.team, .tour2958 .fifaRanking .groupTabs .table .wRow .item.team{width:calc(100% - 178px)!important;padding: 0}
    .tour2958 .fifaRanking .table .wRow{padding:0 6px}
    .tour2958.wcInner .fifaRanking.fifaRankingInner .groupTabs .table .ttlRow .itemTtl.dtls p{width:100%;line-height:1.8;padding:8px 0}
    .tour2958 .fifaRanking .table .ttlRow .itemTtl.team, .tour2958 .fifaRanking.fifaRankingInner .table .ttlRow .itemTtl.team  {padding:0 }
    .tour2958 .fifaRanking .table .ttlRow .itemTtl.dtls{line-height:1.6;padding:4px 0}
    .tour2958 .fifaRanking .groupTabs .table .ttlRow .itemTtl.dtls p:before, .tour2958 .fifaRanking .table .ttlRow .itemTtl p:before{display:none}
    .tour2958 .fifaRanking .groupTabs .table .wRow .item.dtls{padding:0}

        .tour2958 .mainTour .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(2),
        .tour2958 .mainTour .groupTabs.GroupStanding .wRow .item:nth-child(2) {
        width: calc(100% - 178px) !important;
    }
        .tour2958.wcInner .proPlayer.fifaRanking.fifaRankingInner .title{margin-bottom:0;padding:0 8px;margin-top:20px}
    .tour2958 .fifaRanking .table{margin-bottom:25px}
    .tour2958.wcInner .fifaRankingInner .table .ttlRow{border-radius:0}
    .tour2958.wcInner .fifaRanking.fifaRankingInner .groupTabs .table .ttlRow .itemTtl{height:100%;padding:0}
    .tour2958.wcInner .fifaRanking.fifaRankingInner .groupTabs .table .ttlRow .itemTtl p{line-height:56px}
    .tour2958.wcInner .GroupStanding .table{border-radius:0}

.tour2958 .fifaRanking.fifaRankingInner .table .ttlRow .itemTtl.arrng,
.tour2958 .fifaRanking.fifaRankingInner .groupTabs .table .wRow .item.arrng {  padding-right: 0;}
.tour2958 .fifaRanking .title h2:before{width:28px;height:28px}

}