.matchCenterBox {
    background: #292929;
    color: #fff;
    width: 100%;
	text-align:center;
}
.matchCenterBox .title.bg1{
    text-align: center;
     
   padding: 10px 7px;
   
    color: #fff;
    background: #388bcb;
}


.matchCenterBox .moreMatchesLink{
    text-align: left;
    font: normal 14px 'cairo';
    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-item.show .nav-link,
.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-item.show .nav-link,.matchCenterBox .nav-tabs .nav-link.active{
    background-color: #ff8028;
    border-radius: 0;
}




/*START EDIT BY ELGENDY*/
.matchCenterBox .live .status, .matchCenterBox .Playing .status {
    background: #a10;
    font: normal 10px 'cairo';
    padding: 0px 10px 0 10px;
    border: 0;
    color: #fff;
    animation: boomLive 0.4s infinite;
    border-radius: 100px;
}

#fullMatchCenterTable .notYet .status, #fullMatchCenterTable .NotStarted .status, #fullMatchCenterTable .ToBeAnnounced .status {
    background: #00aa4c;
    font: normal 11px 'cairo';
    padding: 0px 10px 0 10px;
    color: #fff;
    border-radius: 100px;
    margin-bottom: 10px;
}

#fullMatchCenterTable .ended .status, #fullMatchCenterTable .Finished .status, #fullMatchCenterTable .Abandoned .status {
    background: #999;
    font: normal 12px 'cairo';
    padding: 0px 10px 0 10px;
    color: #fff;
    border-radius: 100px;
}



.statusPostp, #fullMatchCenterTable .Cancled .status, #fullMatchCenterTable .Postpone .status {
    background: #d10;
    font: normal 11px 'cairo';
    padding: 0px 10px 0 10px;
    color: #fff;
    border-radius: 100px;
    margin-bottom: 10px;
}

/*END EDIT BY ELGENDY*/




.matchBox , .matchBox:hover {
    width: 95%;
    min-height: 100px;
    margin: 7px auto;
    background: #333;
    padding: 0px 10px;
    /* border-bottom: 2px solid #555; */
    display: block;
    text-decoration: none;
    color: #FFF;
    /* box-shadow: 0px 0px 1px #454545; */
}
.matchBox .lTitle{
    width: 100%;
    text-align: right;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #222;
    font: 400 11px 'cairo';
    color: #fff;
}
.matchBox .lTitle span img{
    width: 25px;
    height: 25px;
}
.matchBox .lTitle span.time{
    float: left;
    font: normal 12px  'cairo';
    color: #ff8028;
    margin: 0px 7px;
}
.matchBox .lTitle span.time i{
    font-size: 18px;
    position: relative;
    bottom: -2px;
    line-height: 0;
    left: 10px;
    animation: moveToClick 1.5s infinite;
    color: #FFF;
}
@keyframes moveToClick {
  0% {
    left: 10px;
	opacity:0;
	}
  50% {
    left: 10px;
	opacity:1;
	}
  100% {
    left: 0px;
	opacity:0;
	}
}

.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 'cairo';
    float: right;
    width: 91px;
    text-align: center;
    white-space: pre;
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    direction: rtl;
    padding-left: 3px;
}
.matchBox .teams .team2 span.teamName{
    font: normal 12px/20px 'cairo';
    float: left;
    width: 90px;
    text-align: center;
    white-space: pre;
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* direction: rtl; */
    direction: ltr;
    padding-right: 3px;
    display: block;
}
.matchBox .teams .team1 span img{
    width: 30px;
    height: 30px;
    /* float: left; */
    /* margin-left: 10px; */
}
.matchBox .teams .team2 span img{
    width: 30px;
    height: 30px;
    /* float: right; */
    /* margin-right: 10px; */
}
.matchBox .teams .stat{
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    width: 80px;
    text-align: center;
}
.matchBox .teams .stat .live{
    margin-bottom: 7px;
}
.matchBox .teams .stat .live span.yes{
    font: normal 12px 'cairo';
    padding: 0px 10px 0 10px;
    background: #a10;
    border: 2px solid #d10;
    color: #fff;
    animation: boomLive 0.4s infinite;
    border-radius: 100px;
}
@keyframes boomLive {
  from {
    border: 2px solid rgba(255, 25, 0, 1);
    background: #d10;
	}
  to {
    border: 2px solid rgba(255, 25, 0, 0);
    background: #a10;
	}
}
.matchBox .teams .stat .live span.notYet{
    color: rgb(221, 221, 221);
    font: normal 11px 'cairo';
    padding: 0px 10px;
}
.matchBox .teams .stat .live span.no{
    font: bold 12px 'cairo';
    padding: 0 10px;
    color: #ddd;
}
.matchBox .teams .stat span.matchDate{
    float: none;
    font: bold 16px/30px 'cairo';
}
.matchBox .teams .stat .team1G{
    float: right;
    margin-right: 15px;
    font: bold 24px/30px tahoma;
}
.matchBox .teams .stat .team2G{
    float: left;
    margin-left: 15px;
    font: bold 24px/30px tahoma;
}
#fullMatchCenterTable
.matchCenterBox.light {
    background: none;
}
.matchCenterBox.light {
    background: #dddddd;
    color: #333;
}

.matchCenterBox.light .nav-tabs {
    background: #ddd;
    border-bottom-color: #f5f5f5;
}

.matchCenterBox.light .nav-tabs .nav-item {
    color: #555;
    font-size: 12px;
}

.matchCenterBox.light .nav-tabs .nav-item.show .nav-link, .matchCenterBox.light .nav-tabs .nav-link.active {
    background-color: #aaa;
    color: #333;
    border-color: transparent !important;
}
.matchCenterBox.light .matchBox, .matchCenterBox.light .matchBox:hover {
    background: #fefefe !important;
    /* color: #333 !important; */
    /* border-bottom: 2px solid #aaa !important; */
    /* box-shadow: 0px 2px 3px #bcbcbc !important; */
}


.matchCenterBox.light .matchBox .lTitle {
    color: #333;
    border-bottom: 1px solid #ddd;
}

.matchCenterBox.light .matchBox span.time {
    color: #ff8028;

    font: normal 11px/10px 'cairo';

}
.matchCenterBox.light .matchBox .lTitle span.time i{
    color: #388bcb;
}

.matchCenterBox.light .matchBox .teams .stat .live span.no {
    background: #999;
    font: normal 12px cairo;
    padding: 2px 10px 0 10px;
    color: #fff;
    border-radius: 100px;
}

.matchCenterBox.light .matchBox .teams .stat .live span.yes {
    background: #a10;
    font: normal 10px cairo;
    padding: 0px 10px 0 10px;
    border: 0;
    color: #fff;
}
.matchCenterBox.light .matchBox .teams .stat .live span.notYet {
    background: #00aa4c;
    font: normal 11px cairo;
    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: #388ccc;
}



.matchCenterBox.new .matchBox .teams .team1 span.teamName {
    float: right;
    width: auto;
}
.matchCenterBox.new .matchBox .teams .team2 span.teamName {
    float: left;
    width: auto;
}



#fullMatchCenterTable .matchCenterBox.full .nav-tabs {
    height: 42px;
}
#fullMatchCenterTable .matchBox , #fullMatchCenterTable .matchBox:hover {
    width: 95%;
    min-height: 100px;
    margin: 7px auto;
    background: #333;
    padding: 0px 10px;
    /* border-bottom: 2px solid #555; */
    display: block;
    text-decoration: none;
    color: #FFF;
    /* box-shadow: 0px 0px 1px #454545; */
    position: relative;
    z-index: 3;
}
#fullMatchCenterTable .matchCenterBox.full .matchBox{
    padding: 10px;
}
#fullMatchCenterTable .matchBox .teams .team1{
    float: right;
    width: 25%;
    direction: ltr;
    text-align: center;
    margin-top: 7px;
}
#fullMatchCenterTable .matchBox .teams .team1.goals{direction: rtl}
#fullMatchCenterTable .matchBox .teams .team2.goals{direction: ltr}
#fullMatchCenterTable .matchBox .teams .team1.goals,
#fullMatchCenterTable .matchBox .teams .team2.goals{
    margin-top: 43px;
}
#fullMatchCenterTable .matchBox .teams .team1.goals p,
#fullMatchCenterTable .matchBox .teams .team2.goals p{
    line-height: 5px;
    font-size: 12px;
}
#fullMatchCenterTable .matchBox .teams .team2{
    float: left;
    direction: rtl;
    width: 25%;
    text-align: center;
    margin-top: 7px;
}
#fullMatchCenterTable .matchBox .teams .team1 span img{
    width: 40px;
    height: 40px;
    /* float: left; */
    /* margin-left: 10px; */
}
#fullMatchCenterTable .matchBox .teams .team2 span img{
    width: 40px;
    height: 40px;
    /* float: right; */
    /* margin-right: 10px; */
}
#fullMatchCenterTable .matchBox .teams .stat span.matchDate{
    /* float: none;
    font: bold 11px/30px tahoma;
    width: 100%;
    background: #3a8bcc;
    color: #fff;
    direction: ltr;
    border: 1px solid #0095ff;
    border-radius: 200px;
    max-height: 30px;
    width: 60px;
    padding: 2px 10px; */
    font-size: 18px;
    font-weight: 600;
    color: #333;
}
#fullMatchCenterTable .matchBox .teams .stat .team1G{
    float: right;
    margin-right: 15px;
    font: bold 30px/30px 'cairo';
    position: absolute;
    top: 25px;
    right: -100px;
}
#fullMatchCenterTable .matchBox .teams .stat .team2G{
    float: left;
    margin-left: 15px;
    font: bold 30px/30px 'cairo';
    position: absolute;
    top: 25px;
    left: -100px;
}
#fullMatchCenterTable .matchCenterBox.full.light .nav-tabs {
    margin-bottom: 14px;
    /* border: 1px solid #dddddd; */
}
#fullMatchCenterTable select.col.nav-item.nav-link.x {
    max-width: 140px;
    max-height: 38px;
    padding: 0 15px 0;
    margin-right: 30px;
    border-radius: 0;
    color: #333
}
.mobile #fullMatchCenterTable .matchCenterBox.light nav {
    padding: 0;
}

.mobile #fullMatchCenterTable .matchCenterBox.light #nav-tab {
    margin: 0;
   /* height: 30px;*/
}

.mobile #fullMatchCenterTable .matchCenterBox.light .nav-tabs {
    background: #ddd !important;
    border-bottom-color: #f5f5f5 !important;
}


#f#fullMatchCenterTable .matchCenterBox.light .matchBox .teams .team1 span,
#fullMatchCenterTable .matchCenterBox.light .matchBox .teams .team1 h3,
#fullMatchCenterTable .matchCenterBox.light .matchBox .teams .team2 span,
#fullMatchCenterTable .matchCenterBox.light .matchBox .teams .team2 h3
{
    width: 100%;
    font-weight: 600;
    margin-top: 5px;
    font-size: 14px;
}
#fullMatchCenterTable .matchCenterBox.light .moreMatchesLinks {
    margin: 0 auto !important;
    width: 95%;
    position: relative;
    top: -50px;
    min-height: 0;
    height: 0;
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -ms-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
#fullMatchCenterTable .matchCenterBox.light .moreMatchesLinks .moreMatchesLink{
    text-align: center;
}
#fullMatchCenterTable .matchCenterBox.light .moreMatchesLinks .moreMatchesLink:hover{
    background: #ff8028;
}
#fullMatchCenterTable .fullMatchBox:hover > .moreMatchesLinks{
    top: -5px;
    height: auto;
}
#fullMatchCenterTable .matchBox.title.row {
    margin: 0 auto!important;
    margin-top: 7px !important;
    margin-bottom: 0 !important;
    max-height: 50px !important;
    min-height: 0;
    text-align: right;
    padding: 10px 3px;
    display: flex;
}
#fullMatchCenterTable .matchBox .legTitle {
    padding: 5px;

    font-size:14px;
}
#fullMatchCenterTable .matchBox.title.row img{
    max-width: 35px;
    max-height: 35px;
    margin: 0;
    padding: 0;
}
#fullMatchCenterTable .matchBox .newsLinks {
    padding-left: 0;
}
#fullMatchCenterTable .matchBox a{
    color: #333;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    padding: 5px;
    text-align: center;
}
#fullMatchCenterTable .matchBox a:hover{
    color: #222;
}



#fullMatchCenterTable .matchBox.dark.title.row {background: #252525 !important;color: #fff !important;}
#fullMatchCenterTable .matchBox.dark .newsLinks a{color: #ff8028;}
#fullMatchCenterTable .matchBox.dark .newsLinks a:hover{color: #FFF;}




#fullMatchCenterTable .matchBox.color.title.row {background: #ffbd28;color: #222;}
#fullMatchCenterTable .matchBox.color .newsLinks a{color: #ffffff;}
#fullMatchCenterTable .matchBox.color .newsLinks a:hover{color: #055494;}



#fullMatchCenterTable .matchBox.blue.title.row {background: #3a8bcc;color: #fff;}
#fullMatchCenterTable .matchBox.blue .newsLinks a{color: #ffffff;}
#fullMatchCenterTable .matchBox.blue .newsLinks a:hover{color: #ff8028;}




#fullMatchCenterTable .matchBox, #fullMatchCenterTable .matchBox:hover {
    width: 100%;
}
#fullMatchCenterTable .cardBox {
    box-shadow: none;
}


#fullMatchCenterTable .live .no,
#fullMatchCenterTable .live .ended {
    background: #999;
    font: normal 12px cairo;
    padding: 0px 10px 0 10px;
    color: #fff;
    border-radius: 100px;
}

#fullMatchCenterTable .live .yes,
#fullMatchCenterTable .live .live {
    background: #a10;
    font: normal 10px cairo;
    padding: 0px 10px 0 10px;
    border: 0;
    color: #fff;
    animation: boomLive 0.4s infinite;
    border-radius: 100px;
}
#fullMatchCenterTable .live .notYet {
    background: #00aa4c;
    font: normal 11px cairo;
    padding: 0px 10px 0 10px;
    color: #fff;
    border-radius: 100px;
}
.live a.stat span span {
    color: #333;
    font: bold 16px/30px 'cairo';
}


@media (max-width: 580px) {

    #fullMatchCenterTable{
        position: relative;
    }
    button.datepicker{
        position: absolute;
        top: 5px;
        left: 5px;
    }
    #fullMatchCenterTable .matchsDays .day .time .dayDate span, #fullMatchCenterTable .matchsDays .day .time .dayDate time {
        font-weight: 400 !important;
        font-size: 11px;
    }
    #fullMatchCenterTable .matchBox .teams .stat span.matchDate {
        color: #333;
        font: bold 16px/30px 'cairo';
    }
    .matchCenterBox.light .nav-tabs .nav-item{
        font-size: 10px;
        padding: 5px 0;
        max-width: 62px;
    }
    #fullMatchCenterTable select.col.nav-item.nav-link.x{
    border-radius: 0;
    padding-right: 0;
    margin-right: 0;
    }
    #fullMatchCenterTable .matchCenterBox.full.light .nav-tabs {
        margin-bottom: 4px;
    }
    #fullMatchCenterTable .matchBox .teams .stat .team1G{right: -35px;}
    #fullMatchCenterTable .matchBox .teams .stat .team2G{left: -35px;}
    #fullMatchCenterTable .matchBox.title.row img {
        width: 20px;
        height: 20px;
        float: right;
        margin-right: -15px;
    }
    
    #fullMatchCenterTable .matchBox .legTitle {
        position: absolute;
        top: -5px;
        right: 23px;
        height: 43px;
        overflow: hidden;
        font-size: 12px;
        display: inline-block;
        font-weight: 700;
    }
.leagueTables #fullMatchCenterTable .matchBox .legTitle {
        right: auto;
    }
    
    #fullMatchCenterTable .matchBox.dark .newsLinks a {
        font-size: 11px;
    }
    .matchBox .teams .stat {
        width: 75px!important;
    }
}


@media (max-width: 350px){
#fullMatchCenterTable .matchBox .legTitle {
    top: -10px;
}
}

#matchtable .teamsfooter {
    font-size:10px
}
    #matchtable .teamsfooter ul {
        display: flex;
        justify-content: space-between;
    }
        #matchtable .teamsfooter ul li {
            width: -webkit-fill-available;
        }




#lineupm .team-beforefcanvas {
    background: #8dc63f;
    color: #fff;
    text-align: center;
    margin: 0px 2px;
    position: relative;
    top: 2px;
    font-size: 16px;
}
#lineupm .team-afterfcanvas {
    background: #8dc63f;
    color: #fff;
    text-align: center;
    margin: 0px 2px;
    position: relative;
    top: -8px;
    font-size: 16px;
}

#matchtable .dlabel2 {
    background: #2196F3;
    color: #fff;
    padding: 0 5px;
    margin: 0px 2px;
}


.m-channellist {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .m-channellist a {
        direction: ltr;
        display: block;
        font-size: 11px;
    }

        .m-channellist a .dlabel {
            padding: 0 0px;
            margin: 0px 0px;
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            gap: 4px;
            line-height: 0;
            color: #777;
            font-size: 12px;
        }

@media (max-width: 1000px) {
    .m-channellist a .dlabel {
        font-size: 11px;
    }  

}