/********** Stats **********/
.stats { margin-left: 20px; width: calc(100% - 320px); float: right; height: 335px; position: relative; z-index: 2 }
.stats .leagueStats { display: inline-block; width: 100%; float: right }
.stats .leagueStats .allItems { display: inline-block; width: 100%; float: right }
.stats .item { float: right; display: inline-block; width: calc((100% - 20px) / 3); margin-left: 10px; background: #fff; position: relative; height: 285px }
.stats .item:last-child { margin-left: 0 }
.stats .item .title { width: 100%; display: inline-block; float: right; background: #000; text-align: center; color: #fff;   font-size: 12px; position: relative }
.stats .item .title h3 { text-align: center }
.stats .item.goals .title h3:before { content: "الأهداف المسجلة" }
.stats .item.penalty .title h3:before { content: "ضربات الجزاء" }
.stats .item.yellowCards .title h3:before { content: "الكروت الصفراء" }
.stats .item.redCards .title h3:before { content: "الكروت الحمراء" }
.stats .item.assist .title h3:before { content: "صناعة أهداف" }
.stats .item.plays .title h3:before { content: "مرات اللعب" }
.stats .item ul { display: inline-block; width: 100%; float: right; min-height: 192px }
.stats .item.matchAction ul { min-height: 266px }
.stats .item ul li { display: inline-block; width: 100%; float: right; border-bottom: 1px solid #e8e8e8; padding: 12px 10px; height: 64px; }
.stats .item ul li .image { float: right; width: 38px; max-height:38px; overflow:hidden;text-align: center }
.stats .item ul li .image img { width: 38px; height: auto }
.stats .item ul li .name { float: right; display: inline-block; width: calc(100% - 76px); padding: 0 10px }
.stats .item ul li .name a { display: inline-block; float: right; width: 100%; text-align: right; direction: rtl;   font-size: 16px; color: #000; line-height: 1.4;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.stats .item ul li .name a:nth-child(2) { display: inline-block; float: right; width: 100%; text-align: right; direction: rtl;   font-size: 13px; color: #555555; line-height: 1.2; margin-top: 5px; }
.stats .item ul li .num { float: left; display: inline-block; width: 38px; height: 38px; background: #e8e8e8 }
.stats .item ul li .num p { display: inline-block; float: right; width: 100%; text-align: center; direction: rtl; font-family: Arial; font-weight: bold; font-size: 20px; color: #0277bd; line-height: 1; margin-top: 5px; }
.stats .item ul li .num span { display: inline-block; float: right; width: 100%; text-align: center; direction: rtl;   font-size: 11px; color: #0277bd; line-height: 1 }
.stats .item.clubs ul li .num span:after { content: "نقطة" }
.stats .item.scorer ul li .num span:after { content: "هدف" }
.stats .item.gkList ul li .num span:after{ content: "تصدي" }
.stats .item.goals ul li .num span:after { content: "هدف" }
.stats .item.penalty ul li .num span:after { content: "ضربة" }
.stats .item.yellowCards ul li .num span:after { content: "كارت" }
.stats .item.redCards ul li .num span:after { content: "كارت" }
.stats .item.plays ul li .num span:after { content: "مباراة" }
.stats .item.assist ul li .num span:after { content: "هدف" }
.stats .item.clubs ul li .name a { display: inline-block; float: right; width: 100%; text-align: right; direction: rtl;   font-size: 14px; color: #000; line-height: 2.8 }
.stats .item ul li .teamA, .stats .item ul li .teamB { float: right; width: calc((100% - 56px) / 2); text-align: center; overflow: hidden }
.stats .item ul li .teamA { padding-left: 12px }
.stats .item ul li .teamB { padding-right: 12px }
.stats .item ul li .teamA img, .stats .item ul li .teamB img { height: 20px; width: auto; border: none; display: inline-block }
.stats .item ul li .teamA .team, .stats .item ul li .teamB .team { display: inline-block; width: 100%; margin: 0; padding-top: 5px; color: #000;   font-size: 11px; line-height: 1.2; text-align: center }
.stats .item ul li .resultDiv { float: right; width: 56px; margin-top: 2px; }
.stats .item ul li .resultDiv .matchStatus { display: inline-block; width: 100%; }
.stats .item ul li .resultDiv .matchStatus .time { width: 100%; display: inline-block; color: #0277bd; font-family: Arial; font-size: 16px; font-weight: bold; text-align: center }
.stats .item ul li .resultDiv .matchStatus date { width: 100%; display: inline-block; color: #4D4D4D; font-family: Arial; font-size: 12px; text-align: center }
.stats .leagueStats .nextPrev { display: inline-block; width: 82px; float: right; height: 40px; position: absolute; top: 0; left: 0; z-index: 1; }
.stats .leagueStats .nextPrev a { height: 40px; width: 40px; background: #0277bd; text-align: center;   color: #fff; font-size: 13px; line-height: 3.4 }
.stats .leagueStats .nextPrev a:hover { background: #1b92d9 }
.stats .leagueStats .nextPrev a.prev { float: right }
.stats .leagueStats .nextPrev a.next { float: left }
.stats .leagueStats .nextPrev a .icon-prev:before { content: "i"; color: #fff; font-size: 12px }
.stats .leagueStats .nextPrev a .icon-next:before { content: "j"; color: #fff; font-size: 12px }
.stats .item .noStats { display: inline-block; width: 100%; float: right; position: relative; height: 168px; border-bottom: none }
.stats .item .noStats p { position: absolute; top: 50%; transform: translateY(-50%);   font-size: 14px; color: #000; width: 100%; text-align: center }



/* fix handball worldcup title */
@media screen and (min-width: 320px) and (max-width: 767px) {
    .stats.TourStats-2773 .ttl {
        height: 70px;
        padding-left:50px
    }
    .stats.TourStats-2773 .leagueStats .nextPrev{top:15px}
}
/*.stats .item .more{display:none}*/
.stats .item .more { display: inline-block; width: 100%; height: 28px; background: #0277bd; padding: 0 10px; text-align: left; color: #fff;   font-size: 13px; line-height: 2.3; position: absolute; right: 0; bottom: 0 }
.stats .item .more:hover { background: #1b92d9 }
.stats .item .more span { float: left; margin-right: 10px }
.stats .item .more .icon-more:before { content: "h"; color: #fff; font-size: 14px; line-height: 2.2 }
/** Sponsor by **/
.statsSponsor { display: none }
.statsSponsorCont .statsSponsor { float: left; display: inline-block; position: relative; z-index: 2; position: absolute; left: 5px }
.statsSponsorCont .statsSponsor:after { position: absolute; content: ""; top: 0; left: 0; width: 1px; height: 30px; background: #e0e0e0; }
.statsSponsorCont .statsSponsor p { float: right;   font-size: 12px; color: #000; text-align: center !important; margin-left: 5px; line-height: 3.5 }
.statsSponsorCont .statsSponsor img { float: right; height: 40px; margin: 0; }
.ACNStanding .statsSponsor { left: 102px }
.ACNStanding .statsSponsor p { color: #fff }
.ACNStanding .statsSponsor:after { height: 39px }
.stats.TourStats-2584 .leagueStats .nextPrev { display: none }
.stats.TourStats-2584 .statsSponsorCont .statsSponsor:after { display: none }
.stats.TourStats-2584 .statsSponsorCont .statsSponsor img { height: 38px; margin-top: 2px }
.stats.TourStats-2584 .statsSponsorCont .statsSponsor p { margin-left: 0 }

.stats .ttl .more { display: none }
.stats .item.matches ul li { height: 64px; padding: 8px 10px }
 .stats .leagueStats .item ul li .teamA .team, 
 .stats .leagueStats .item ul li .teamB .team{font-size:12px;min-height:25px}
 .stats .leagueStats .item.matches ul li{height:80px}

@media screen and (min-width:1280px) and (max-width:1359px) {
      .stats { width: 100%; margin-left: 0 }
    article .stats { height: 730px }
}

@media screen and (min-width:1152px) and (max-width:1279px) {
      .stats { margin-left: 0; width: 100% }
}

@media screen and (min-width:1024px) and (max-width:1151px) {
        .stats { margin-left: 0; width: 100% }

}

@media only screen and (max-width: 1023px) {
        .stats { margin-left: 0; width: 100% }

}

@media screen and (min-width:320px) and (max-width:767px) {
      .stats  .ttl h2, .stats  .ttl h3 { width:100%     }
   .stats  .ttl h2 a, .stats  .ttl h3 a{    text-overflow: ellipsis;white-space: nowrap;width: calc(100% - 52px);position: relative;display: inline-block;float: right;overflow: hidden;}
    .stats .leagueStats .nextPrev { width: 52px }
    .stats .leagueStats .nextPrev a { width: 25px }
     .stats { margin-left: 0; width: 100%; height: auto }
    .stats .item { width: 100%; margin-left: 0; margin-bottom: 10px ;height:285px}
    .stats .item:last-child { margin-bottom: 0 }
}