/* ===== سلايدر المباريات — طبق الأصل من demo.albaadani.com ===== */
:root{--asp-gray:#f9f9f9;--asp-gray2:#e0e0e0;--asp-gray3:#e1e1e1;--asp-dark:#474952;--asp-blue:#0277bd;--asp-light:#fff;--asp-stast-bg:transparent;--asp-border:1px;--asp-fxtr-color:#ed1b24;--asp-sldr-color:#0277bd}
.lSSlideOuter{overflow:hidden;user-select:none}
.lightSlider:before,.lightSlider:after{content:" ";display:table}
.lightSlider{overflow:hidden;margin:0}
.lSSlideWrapper{max-width:100%;position:relative;overflow:hidden}
.lSSlideWrapper>.lightSlider:after{clear:both}
.lSSlideWrapper .lSSlide{transform:translate(0,0);transition-property:transform,height;transition-duration:inherit!important;transition-timing-function:inherit!important}
.lSSlideWrapper .lSFade{position:relative}
.lSSlideWrapper .lSFade>*{position:absolute!important;top:0;left:0;z-index:9;margin-right:0;width:100%}
.lSSlideWrapper.usingCss .lSFade>*{opacity:0;transition-delay:0s;transition-duration:inherit!important;transition-property:opacity;transition-timing-function:inherit!important}
.lSSlideWrapper .lSFade>*.active{z-index:10}
.lSSlideWrapper.usingCss .lSFade>*.active{opacity:1}
.lSAction>a{width:28px;height:100%;display:block;top:0;cursor:pointer;position:absolute;z-index:99;transition:opacity .35s linear 0s;text-align:center;background-color:var(--asp-sldr-color)}
.lSAction>a:hover{opacity:.9}
.lSAction>.lSPrev{right:0}
.lSAction>.lSNext{left:0}
.lSAction>a.disabled{pointer-events:none}
.cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden}
.lSAction>a svg{stroke:#fff;width:22px;height:108px;fill:#fff}
.lSSlideOuter.lSrtl{direction:rtl}
.lSSlideOuter .lightSlider,.lSSlideOuter .lSPager{padding-left:0;list-style:none outside none}
.lSSlideOuter.lSrtl .lightSlider,.lSSlideOuter.lSrtl .lSPager{padding-right:0}
.lSSlideOuter .lightSlider>*,.lSSlideOuter .lSGallery li{float:left}
.lSSlideOuter.lSrtl .lightSlider>*,.lSSlideOuter.lSrtl .lSGallery li{float:right!important}
@keyframes rightEnd{0%{left:0}50%{left:-15px}100%{left:0}}
@keyframes leftEnd{0%{left:0}50%{left:15px}100%{left:0}}
.lSSlideOuter .rightEnd{animation:rightEnd .3s;position:relative}
.lSSlideOuter .leftEnd{animation:leftEnd .3s;position:relative}
.lSSlideOuter.lSrtl .rightEnd{animation:leftEnd .3s;position:relative}
.lSSlideOuter.lSrtl .leftEnd{animation:rightEnd .3s;position:relative}
.lightSlider.lsGrab>*{cursor:grab}
.lightSlider.lsGrabbing>*{cursor:move;cursor:grabbing}

.AspMatchItem{width:100%;background:var(--asp-light);padding:6px 12px;transition:all 0.2s ease-in-out 0s;text-align:center;position:relative;border:1px solid var(--asp-gray2);overflow:hidden}
.AspMatchItem:not(:first-of-type){margin-top:-1px}
.AspMatchItem:hover{background:var(--asp-gray)}
.AspMatchItem .leaguName{font-size:11px;width:100%;line-height:1.4;margin-bottom:4px}
.AspMatchItem .asps-team{float:right;width:calc((100% - 66px) / 2);height:64px;text-align:center}
.AspMatchItem .teamA{padding-left:12px}
.AspMatchItem .teamB{padding-right:12px}
body .AspMatchItem .asps-team img{height:26px;width:auto;border:none;display:inline-block;max-height:26px}
.AspMatchItem .asps-team span{display:inline-block;width:100%;margin:0;padding-top:5px;color:#000;font-size:11px;line-height:1.2;text-align:center}
.AspMatchItem .resultDiv{float:right;width:66px;margin-top:6px}
.AspMatchItem .asps-result{color:#000;font-size:16px;font-family:ykLight,arial;font-weight:bold;display:inline-block;line-height:1.4}
.AspMatchItem .resultDiv .asps-result:first-of-type{float:right}
.AspMatchItem .resultDiv .asps-result:last-of-type{float:left}
.AspMatchItem .matchStatus{display:inline-block;width:100%}
.AspMatchItem .asps-status{width:100%;height:18px;display:inline-flex;font-size:10px;margin:6px 0 0;line-height:1.6;justify-content:center;align-items:center}
.AspMatchItem .penaltyRes{bottom:3px}
.AspMatchItem .penaltyRes span{font-size:12px}
.AspMatchItem .asps-status{border:1px solid #aaa;color:#aaa}
.AspMatchItem.live .asps-status{border-color:#fec1c1;background-color:#fde8e8;color:rgb(155 28 28/1)}
.AspMatchItem.not-started .asps-status{border-color:#45B3EB;color:#45B3EB}
.AspMatchItem.comming-soon .asps-status{border-color:#35BD53;color:#35BD53}
.AspMatchItem .resultDiv .AF_EvTime{display:block;color:#888;font-size:13px;text-align:center;line-height:1.2}
.aspwp-link-cover{position:absolute;top:0;bottom:0;right:0;left:0;text-decoration:none!important;box-shadow:none!important;border-bottom:none!important}
.AspTopSliderMatch{width:100%;margin-bottom:10px;position:relative;z-index:1}
.AspTopSliderMatch .AspSliderInner{width:100%;padding:0 28px;height:110px;overflow:hidden;margin:0;border-radius:6px;position:relative;background:#fff;border:1px solid var(--asp-gray2)}
.AspMatchSlider{height:110px;position:relative;margin:auto;background:#fff}
.AspMatchSlider .AspMatchItem{height:110px;display:none;border-top:0;border-right:0;border-bottom:0;border-left:2px solid #f2f2f2;margin-top:0}
.AspTopSliderMatch .AspSliderInner .AspMatchItem[style]{display:block}
.AspMatchSlider .AspMatchItem:first-of-type{border-right:2px solid #f2f2f2}
.AspTopSliderMatch .asp-filter-day{display:flex;overflow:hidden;justify-content:center;position:relative;width:100%;margin-bottom:0}
.AspTopSliderMatch .gotoDay{padding:0 30px;height:30px;position:relative;text-align:center;color:var(--asp-blue);background-color:var(--asp-light);font-weight:400;font-size:11px;line-height:28px;border:1px solid var(--asp-gray2);border-bottom:0}
.AspTopSliderMatch .gotoDay:hover{background:var(--asp-gray)}
.AspTopSliderMatch .asp-filter-day .active,.allMatchesBtn{background:var(--asp-sldr-color);color:#fff;border-color:var(--asp-sldr-color)}
.AspTopSliderMatch .gotoDay:first-of-type{border-radius:4px 0 0;border-right-width:0}
.AspTopSliderMatch .gotoDay:last-of-type{border-radius:0 4px 0 0;border-left-width:0}
.nomatchinslide{width:100%;display:flex;justify-content:center;align-items:center;height:110px;margin:0;color:#b4b4b4;font-weight:700;font-size:14px}
.AspTopSliderMatch.aspwp_dark_style .AspSliderInner,.AspTopSliderMatch.aspwp_dark_style .AspMatchSlider{background-color:#19232d;border-color:rgb(52,65,79);color:#eee}
.AspTopSliderMatch.aspwp_dark_style .AspMatchItem[style]{border-color:var(--asp-gray2)}
.aspwp_dark_style .AspMatchItem .leaguName,.aspwp_dark_style .AspMatchItem .matchResult,.aspwp_dark_style .AspMatchItem .resultDiv .AF_EvTime{color:#a6a6a5}
.aspwp_dark_style .AspMatchItem .asps-team span,.aspwp_dark_style .AspMatchItem .asps-result{color:#eee}
.aspwp_dark_style .AspMatchItem.live .asps-status{border-color:#d33;background-color:#d33;color:#fff}
.aspwp-ajaxLoad{display:none;position:absolute;width:100%;height:100%;margin:auto;background:#1f2024;z-index:40;justify-content:center;align-items:center;top:0;right:0}
.aspwp-ajaxLoad.show{display:flex}
.asp-dot-flashing{--dotwd:10px;--dotmr:15px;--dotclr:#9880ff;position:relative;width:var(--dotwd);height:var(--dotwd);border-radius:5px;background-color:var(--dotclr);color:var(--dotclr);animation:asp-dot-flashing 1s infinite linear alternate;animation-delay:0.5s;margin:auto}
.asp-dot-flashing::before,.asp-dot-flashing::after{content:"";display:inline-block;position:absolute;top:0}
.asp-dot-flashing::before{left:calc(var(--dotmr) - var(--dotmr) * 2);width:var(--dotwd);height:var(--dotwd);border-radius:5px;background-color:var(--dotclr);color:var(--dotclr);animation:asp-dot-flashing 1s infinite alternate;animation-delay:0s}
.asp-dot-flashing::after{left:var(--dotmr);width:var(--dotwd);height:var(--dotwd);border-radius:5px;background-color:var(--dotclr);color:var(--dotclr);animation:asp-dot-flashing 1s infinite alternate;animation-delay:1s}
@keyframes asp-dot-flashing{0%{background-color:var(--dotclr)}50%,100%{background-color:rgba(152,128,255,0.2)}}
.AspSliderInner .aspwp-ajaxLoad{right:28px;left:28px;background:var(--asp-light);width:auto}
.rtl .AspTopSliderMatch .gotoDay:first-of-type{border-radius:0 4px 0 0;border-left-width:0;border-right-width:1px}
.rtl .AspTopSliderMatch .gotoDay:last-of-type{border-radius:4px 0 0;border-left-width:1px;border-right-width:0}
@media screen and (max-width:767px){
  .AspTopSliderMatch .asp-filter-day .allMatchesBtn{display:none}
  .AspTopSliderMatch .allMatchesBtn.in_mobile{display:flex}
}