.matchCenterBox nav{display:block;}
.matchCenterBox a{color:#007bff;text-decoration:none;background-color:transparent;}
.matchCenterBox a:hover{color:#0056b3;text-decoration:underline;}
.matchCenterBox img{vertical-align:middle;border-style:none;}
.matchCenterBox .col{position:relative;width:100%;padding-right:15px;padding-left:15px;}
.matchCenterBox .col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;}
.matchCenterBox .nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none;}
#matches-page li{
list-style:none;
}
.matchCenterBox .nav-link{display:block;padding:.5rem 1rem;}
.matchCenterBox .nav-link:focus,.nav-link:hover{text-decoration:none;}
.matchCenterBox .nav-tabs{border-bottom:1px solid #dee2e6;}
.matchCenterBox .nav-tabs .nav-item{margin-bottom:-1px;}
.matchCenterBox .nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem;}
.matchCenterBox .nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6;}
.matchCenterBox .nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff;}
.matchCenterBox .tab-content>.tab-pane{display:none;}
.matchCenterBox .tab-content>.active{display:block;}
@media print{
.matchCenterBox a:not(.btn){text-decoration:underline;}
.matchCenterBox img{page-break-inside:avoid;}
}
.matchCenterBox ul {
padding-left: 0px !important;
padding-right: 0px !important;
margin: 0 auto;
padding-bottom: 1rem;
}
.matchesPage ul {
min-height: 300px;
}
.matchCenterBox a{color:#007bff;text-decoration:none;background-color:transparent;}
.matchCenterBox a:hover{color:#0056b3;text-decoration:underline;}
.matchCenterBox img{vertical-align:middle;border-style:none;}
.matchCenterBox .col{position:relative;width:100%;padding-right:15px;padding-left:15px;}
.matchCenterBox .col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;}
.matchCenterBox .fa{display:inline-block;font:normal normal normal 16px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.matchCenterBox{background:#292929;color:#fff;width:100%;text-align:center;}
.matchCenterBox .title.bg1 {
text-align: center;
padding: 10px 7px;
color: #fff;
background: #ff0000;
border-radius: 12px 12px 0px 0px;
font-family: 'Noto Kufi Arabic';
font-size: 16px;
font-weight: 900;
}
.circle-active {
border-radius: 45px;
background: #00bbe0;
}
.matchCenterBox .moreMatchesLink{text-align:left;font:normal 16px 'Noto Kufi Arabic';padding:5px;text-decoration:none;color:#FFF;background:#222;display:block;}
.matchCenterBox .moreMatchesLink i{margin-right:10px;font-size:18px;position:relative;bottom:-3px;}
.matchCenterBox .moreMatchesLink:hover{color:#aaa;background:#333;}
.matchCenterBox .nav-tabs{border:1px solid transparent;background:#222;height:25px;}
.matchCenterBox .nav-tabs .nav-link.active{border:0px solid transparent;}
a#today-tab{width:33.333333%;}
.matchCenterBox .nav-tabs .nav-link:focus,.matchCenterBox .nav-tabs .nav-link:hover{border-color:#dddddd;}
.matchCenterBox .nav-tabs .nav-item{color:#f9f9f9;font-size:13px;font-weight:bold;padding:2px 20px;text-align:center;width:32.333333%!important;display:inline-block;float:right;border:1px solid #dddddd;}
.matchCenterBox .nav-tabs .nav-link.active{background-color:#ff8028;border-radius:0;}
.matchBox, .matchBox:hover {
width: 95%;
min-height: 65px;
margin: 7px auto;
background: #333;
padding: 0px 10px;
display: block;
text-decoration: none;
color: #FFF;
background-color: #ddd;
}
.matchCenterBox.light.matchesPage .matchBox,.matchCenterBox.light.matchesPage .matchBox:hover{
width:95%;min-height:77px;margin:7px auto;background:#333;padding:0px 10px;display:block;text-decoration:none;color:#FFF;
}
.matchesPage .matchBox .teams .stat{
margin-top: 15px;
}
.matchesPage .matchBox .teams span img {
width: auto !important;
height: 47px !important;
}
.matchBox .lTitle{width:100%;text-align:right;padding-top:5px;padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #222;font:400 11px 'Noto Kufi Arabic';color:#fff;}
.matchBox .lTitle span.time{float:left;font:normal 12px  'Noto Kufi Arabic';color:#ff8028;margin:0px 7px;}
.matchCenterBox .teams{position:relative;color:#333;}
.matchBox .teams .team1{float:right;width:100px;direction:ltr;text-align:center;margin-top:6px;}
.matchBox .teams .team2{float:left;direction:rtl;width:100px;text-align:center;margin-top:6px;}
.matchBox .teams .team1 span.teamName{font:normal 12px/20px 'Noto Kufi Arabic';float:right;width:91px;text-align:center;white-space:pre;direction:rtl;padding-left:3px;}
.matchBox .teams .team2 span.teamName{font:normal 12px/20px 'Noto Kufi Arabic';float:left;width:90px;text-align:center;white-space:pre;direction:ltr;padding-right:3px;display:block;}
.matchBox .teams .team1 span img{width:30px;height:35px;}
.matchBox .teams .team2 span img{width:30px;height:35px;}
.matchBox .teams .stat{position:absolute;left:50%;transform:translate(-50%);width:150px;text-align:center;margin-top: 5px;}
.matchBox .teams .stat .live{margin-bottom:1px;}
.matchBox .teams .stat .live span.notYet{color:rgb(221, 221, 221);font:normal 11px 'Noto Kufi Arabic';padding:0px 10px;}
.matchBox .teams .stat .live span.no{font:bold 12px 'Noto Kufi Arabic';padding:0 10px;color:#ddd;}
.matchBox .teams .stat span.matchDate{float:none;font:bold 14px/5px 'Noto Kufi Arabic';}
.matchCenterBox.light{background:#dddddd;color:#333;border-radius: 12px 12px 0px 0px;}
#matches-list{overflow-y:auto;direction:ltr;max-height:560px;min-height: 240px;}
a.matchBox {
direction: rtl;
}
@media only screen and (max-width: 800px) {
  .matchCenterBox.light .nav-tabs {
    	overflow-x: scroll;
	  	overflow-y: hidden;
  }
}

.matchCenterBox.light .nav-tabs{background:#ddd;justify-content: center;max-width: 100%; }
.matchCenterBox.light .nav-tabs .nav-item{color:#555;font-size:12px;}
.matchesPage ul li {
    list-style: none;
    list-style-image: none;
}
.matchCenterBox.light .matchBox,.matchCenterBox.light .matchBox:hover{background:#fefefe!important;}
.matchCenterBox.light .matchBox .lTitle{color:#333;border-bottom:1px solid #ddd;}
.matchCenterBox.light .matchBox span.time{color:#ff8028;}
.matchesPage .live span.no{font:normal 14px Noto Kufi Arabic  !important;}
.matchesPage .live span.notYet{font:normal 14px Noto Kufi Arabic !important; }

.matchCenterBox.light .matchBox .teams .stat .live span.no{background:#999;font:normal 12px Noto Kufi Arabic;padding:2px 10px 0 10px;color:#fff;border-radius:100px;}
.matchCenterBox.light .matchBox .teams .stat .live span.notYet{background:#00BBE0;font:normal 11px Noto Kufi Arabic;padding:0px 10px 0 10px;color:#fff;border-radius:100px;}


.matchCenterBox.light .matchBox .teams .team1 span,.matchCenterBox.light .matchBox .teams .team2 span{width:100%;color:#333;}
.matchCenterBox.light .moreMatchesLink{color:#fff;background:#ff0000;text-align:center;margin:0;}
.matchCenterBox li {list-style-type: none;}
.matches-dates {
display: inline-flex;
align-items: center;
user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.matches-circle-date p {
font-size: 15px;
font-weight: 900;
display: grid;
color: #00BBE0;
align-content: space-between;
justify-items: center;
background: #C2F5FF;
padding: 9px;
border-radius: 24px;
width: 58px;
margin: 4px !important;
line-height: 14px !important;
user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.matches-circle-date p:hover {
color: #fff;
background: #00bbe0;
}
.matches-circle-date p span {
height: auto;
}
img.spinner-table {
margin-top: 90px;
user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
button.datepicker {
color: #00bbe0;
background: #c2f5ff;
padding: 0px;
margin: 0;
margin-bottom: 8px;
margin-top: 8px;
user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
button.datepicker:hover{
color: #fff;
background: #00bbe0;
}
.sidebar-left .main-content {
float: right;
padding-left: 12px;
}
.matchesPage .nav-tabs {
background: #ddd;
justify-content: center;
display: inline-grid;
height: 105px !important;
}

.matchCenterBox .nav-tabs
ul#matches-list {
min-height: 240px;
padding: unset;
margin: 0px;
}
.matchCenterBox.light .nav-tabs .nav-item{margin:10px 0;}
.matchCenterBox .nav-tabs {
height: 50px;
}
.matchCenterBox{
font-family: 'Noto Kufi Arabic';
}
.matchCenterBox nav {
display: block;
}
.moreMatchesLink{margin:0 9px;}
.matchCenterBox.light .matchBox, .matchCenterBox.light .matchBox:hover {
background: #fefefe!important;
border-radius: 12px;
}
.matchCenterBox.light .nav-tabs .nav-link:hover{
background-color: #fff;
text-decoration: none;
border-color: transparent!important;
border-radius: 50px;

}
.matchCenterBox.light .nav-tabs .nav-link{
font-family: 'Noto Kufi Arabic';
border-color: transparent!important;
border-radius: 50px;
}
.matchCenterBox.light .nav-tabs .nav-link.active {
background-color: #fff;
color: #333;
border-color: transparent!important;
border-radius: 50px;
height: 34px;
font-family: 'Noto Kufi Arabic';
margin: 5px;
line-height: 2.2;
}
ul#matches-list p {
margin-top: 98px;
font-size: 18px;
font-weight: 700;
font-family: 'Noto Kufi Arabic';
}
.matchCenterBox.light .nav-tabs .nav-link.active:focus{
outline : none;
}

#css for the standing of scorers


.jdwel_frame{width:100%;text-align:center;}
.jdwel_frame .trow{background-color:#f60707;border-bottom:1px solid #0f0f0f;font-weight:bold;color: #fff;}
.brow.even {
background-color: #C2F5FF;
color: #040000;
}

.row.brow.odd:hover {
background: #00BBE0;
}
.brow.even:hover {
background-color: #00BBE0;
color: #fff;
}
.jdwel_frame .rank{padding-right:4px;font-size:1rem;font-weight:500;}
.club-logo{width:31px;height:auto;}
.scorers_jdwel{font-size:13px;min-height: 437px;}
.scorers_jdwel .photo{width:15%;}
.scorers_jdwel .photo .cover{position:relative;}
.scorers_jdwel .player_photo{width:48%;background:#00BBE0;border-radius:100%;}
.scorers_jdwel .badge.team{padding:7px 15px;background:#00BBE0;}
.badge.team .team_name{margin-right:2px;}
.scorers_jdwel .team .club-logo{width:16px;height:16px}
.scorers_jdwel .name .icon_this{background:#1d1b17;color:#f3ba03;font-size:1.1rem;vertical-align:top;border-radius:100%;padding:2px;}
.goals_count span{display:inline-block;padding:0;width:30px;height:30px;line-height:29px;font-size:1rem;font-weight:700;background:#00BBE0;color:#fff;border-radius:50%;
text-align: center;
}

.scorers_jdwel .player_photo {
width: 40px;
}

.goals_count span {
width: 30px;
height: 30px;
font-size: 1rem;
line-height: 30px;
}
svg#icon-soccer-ball {
width: 20px;
filter:invert(29%) sepia(93%) saturate(1352%) hue-rotate(87deg) brightness(119%) contrast(119%);
}
.goals_count.cell.col-2.p-0.my-auto {
text-align: end;
}
.brow .rank {
padding-right: 4px;
font-size: 1rem;
font-weight: 900;
margin:10px
}
.row.brow.even .goals_count span {
background-color: #fff;
color: #000;
}
#scorers-list {
text-align: center;
}
.jdwel_frame select {
border-radius: 50px;
font-size: 12px !important;
font-weight: bold;
font-family: 'Noto Kufi Arabic';
margin-bottom: 5px;
text-align: center;
}
.visitAll {
text-align: center;
padding: 4px;
font-size: 16px;
font-weight: 100;
background: #FF0000;
color: white;
font: normal 16px 'Noto Kufi Arabic';
margin-top: 5px;
}
.scorers_jdwel {
font-size: 13px;
background: #dddddd;
border-radius: 5px;
margin:0;
padding:0;
}
.row.brow.odd {
background: white;
}
.brow{
margin: 0;
padding: 0;
}
.name.cell.col-6.p-0.my-auto {
font-size: 12px;
}

//from here standings
.jdwel_frame.scorers_jdwel.container {
text-align: center;
}

.standings-table {
text-align: center;
margin-bottom: 0;
}
.standings-table  tr {
background-color: #C2F5FF;
color: #040000;
}
.standings-table thead tr {
background: #00BBE0;
color: #fff;
}
.club-logo2 {
width: 28px;
height: auto;
padding: 5px;
}
.goals_count span {
margin: 7.2px;
}
img.club-logo2 {
height: 24px;
width: 22px;
}
@media only screen and (max-width: 800px) {
.hideOnMobile{ display: none !important; }
}
.mobile-hide{ display: none !important; }
table tr:nth-child(even) {
background: rgb(195,245,255);
}
.standings-list td{
text-align:center !important;
}
.standings-list tr:hover{
background-color: #00BBE0;
}
.standings-table thead{
overflow: hidden;
}
.table-is-responsive{
overflow-x: hidden;
}
.entry table td, .entry table th {
text-align:center !important;
}
.standings-table thead tr th {
text-align: center;
font-weight: 900;
}
.standings-list tr th {
text-align: center !important;
font-size: 1rem;
font-weight: 900;
}

@font-face {
font-display: swap;
font-family: 'Noto Kufi Arabic';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/notokufiarabic/v15/CSRp4ydQnPyaDxEXLFF6LZVLKrodhu8t57o1kDc5Wh5v37bNlrU.woff2) format('woff2');
}


.datepicker{
margin: 0 auto;
}
.widget_custom_html{
visibility: hidden;
}

span.competition_name {
background-color: #00BBE0;
color: #fff;
display: block;
border-radius: 8px;
margin-top: 11px;
font-weight: 600;
font-size: 14px;
width: 95%;
margin: 0 auto;
padding: 4px;
height:auto;
}
.matchCenterBox.light .matchBox .lTitle {
display: none;
}
#matches-page .competition_name {
background-color: #00BBE0;
color: #fff;
display: block;
border-radius: 10px;
margin: 0 auto;
padding: 5px;
font-size: 15px;
font-weight: 900;
width: 95%;
height:auto;
}
.standings-table {
    text-align: center;
    margin-bottom: 0;
    overflow-y: auto;
    max-height: 370px;
    min-height: 370px;
    display: block;
    width: 100%;
	display: inline-table;
}
.team1 span, .team2 span {
    text-align: center;
	text-align: -webkit-center;
}
span.liveNow {
    background: #ff0000;
    font: bold 12px Noto Kufi Arabic;
    padding: 0px 10px 0 10px;
    color: #fff;
    border-radius: 100px;
}
.matchCenterBox li {
    margin: 8px;
}

.heartbeat {
	-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	        animation: heartbeat 1.5s ease-in-out infinite both;
}
/* ----------------------------------------------
 * Generated by Animista on 2023-10-23 20:4:58
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}