.Menu {
    background-color: #ffff !important;
}

@import url('site.css');


/*.BtnActiveLeage {
    top: 5.7vw;
    left: 93.2vw;
    display: flex;
    color: #00a888;
    font-size: 1vw;
    background-color: #ffffff;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    border-radius: 50%;
    border: .1vw #00a888 solid;
    width: 1.8vw;
    aspect-ratio: 1/1;
    z-index: 99;
}*/
.Btnpreviuse {
    position: absolute;
    width: 2.8vw;
    top: 10vw;
    right: 96vw;
    aspect-ratio: 1/1;
    background-color: #ffffff;
    box-shadow: 0vw 0.1vw 0.3vw -0.008vw #cbcbcb;
    border-radius: 50%;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1vw;
    font-size: 1.8vw;
    font-weight: 700;
    font-family: vazir;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #00a888;
    cursor: pointer;
}

Btnpreviuse :hover {
    cursor: pointer;
}

.BtnNext {
    right: 1vw;
    transform: rotate(180deg);
}

.StandingTable {
    direction: rtl;
    background-color: #ffffff;
    margin-top: 1vw;
    width: 94.8vw;
    top: 6.1vw;
    left: 1.7vw;
    border-radius: 1.8vw;
    display: inline-block;
    align-items: self-start;
}


.SelectedLeageItems {
    width: 6vw;
    margin-right: 4vw;
    align-items: center;
    justify-items: center;
    text-align: center;
    justify-content: center;
}

.InfoTbl {
    display: inline-flex;
}

.Tbl {
    padding-right: .2vw;
    border: 0.1vw #cbcbcb solid;
    margin-right: -0.4vw;
    height: 1.38vw;
    z-index: 1;
    color: #000;
}

.select {
    border-radius: 0.4vw;
    background-color: #00a888;
    border: none;
    margin-right: 0vw;
    height: 1.4vw;
    z-index: 2;
    color: #ffffff;
}

.info {
    width: 90vw;
    margin-top: 1vw;
    margin-right: 2.2vw;
    font-family: Vazir;
    font-size: 0.9vw;
    font-weight: 800;
    word-wrap: break-word;
}

table {
    font-size: 0.9vw;
    border-collapse: collapse;
    width: 90vw;
    margin-right: 2.2vw;
    margin-top: 2vw;
    border-radius: 1vw;
    box-shadow: 0vw 0vw 0vw .1vw #cbcbcb;
    border: 0px;
    margin-bottom: 2vw;
}

.tblTeamName {
    margin-top: 0.7vw;
    padding-right: 1vw;
    justify-content: start;
    width: 25vw;
    text-align: center;
    align-items: start;
}

.tblLast5Game {
    width: 15vw;
}

thead {
    text-align: center;
    color: #f0f0f0;
    background-color: #00a888;

    .tblRadif {
        border-radius: 0vw 1vw 0vw 0vw;
    }

    .tblLast5Game {
        border-radius: 1vw 0vw 0vw 0vw;
    }

    th {
        border: 0vw;
    }

}

tr {
    height: 3vw;
}

.TblTeamImg {
    width: 2.4vw;
    height: 2.4vw;
    aspect-ratio: 1/1;
    margin-left: 1vw;
    background-repeat: no-repeat;
    background-position: center;
}

.TeameNameText {
    font-size: 1vw;
    margin-top: 0.1vw;
}

.mainsetting {
    display: grid;
    margin-top: 2vw;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
}

table a {

    color: #000 !important;

}

.MatchTitle {
    display: flex;
    width: 11vw;
    justify-content: start;
}

tr:last-child {
    border-bottom: 0vw !important;
}


.table_match {
    margin-top: 1vw;
    border-radius: 1vw;
    box-shadow: 0vw 0vw 0vw .1vw #cbcbcb;
}

.titlecell_match {
    direction: ltr;
    width: 10vw;
    margin-left: -5vw;
}

.titlecelll_match {
    width: 10vw;
    margin-right: -5vw;
}

.MatchSecTitle_match {
    border-radius: 1vw;
    margin-right: .3vw;
    color: #00a889;
    background-color: #00a88912;
}

.MatchMainTitle_match {
    margin-right: 2vw;
    background-color: transparent;
}

.pas_matcht {
    background-color: #fa000008;
}

.PastMatchTitle {
    border-radius: 1vw;
    color: #fa0000;
    background-color: #fa000012;
}

.BtnMore_match {
    width: 15vw;
    height: 2.3vw;
    font-size: 1.5vw;
    color: #f0f0f0;
    background-color: #00a888;
    border-radius: .5vw;
    border: 0px;
}

.LivePlaye_match {
    animation: LiveMatch 5s ease infinite;
}

@keyframes LiveMatch {

    0% {
        background-color: #3498db45;
    }

    50% {
        background-color: #3498db80;
    }

    100% {
        background-color: #3498db45;
    }
}

.Menu {
    background-color: #ffff;
}

body {
    background-color: #f0f0f0 !important;
}


.SelectedLeageItems:hover {
    cursor: pointer !important;
}

.halfshow {
    display: none !important;
}

.center_screen {
    display: flex;
    justify-content: center;
    align-content: center;
    font-size: 2vw;
    font-weight: 900;

    p {
        display: flex;
        flex-direction: column;
        padding-bottom: 1vw;
        color: #797878;
    }


}

.last_5_match_design {
    width: 100%;
    height: 100%;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    column-gap: .6vw;
    text-align: center;
    color: white;
}

.win {
    border-radius: 20%;
    width: 10%;
    aspect-ratio: 1/1;
    background-color: #00a888;
}

.lose {
    border-radius: 20%;
    width: 10%;
    aspect-ratio: 1/1;
    background-color: #eb5151;
}

.equal {
    border-radius: 20%;
    width: 10%;
    aspect-ratio: 1/1;
    background-color: gray;
}

.hide {
    display: none;
}

@media screen and (max-width: 600px) {
    thead tr {
        height: 14vw !important;
    }

    .tblLast5Game {
        display: none;
        width: 100%;
    }

    .tblTeamName {
        flex-direction: column;
        align-items: center;
        align-content: center;
        justify-content: center;
        width: 14vw !important;
    }

    .TblTeamImg {
        width: 7vw;
        height: 7vw;
    }


    th {
        font-size: 3vw !important;
    }

    .SelectedLeageItems {
        width: 9vw !important;
        margin-right: 4vw !important;
        font-size: 1.5vw !important;
        height: 6vw !important;
    }
    .select_Title {
        border-bottom: .5vw #00a888 solid !important;
    }

    .Tbl {
        margin-top: 2vw;
        height: 5vw !important;
        width: 18vw;
        font-size: 2.4vw;
        display:flex;
        justify-content:center;
        align-items:center;
    }
    
    .TeameNameText {
        font-size: 3vw !important;
        margin-top: 1vw;
        text-align: center;
        align-items: center;
    }

    .TblTeamImg {
        width: 7vw;
        height: 7vw;
    }


    .win {

        width: 15%;

    }

    .lose {

        width: 15%;

    }

    .equal {
        width: 15%;

    }

.tblTeamName .flex {
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
    
}
    
}