#root app-sports-match-header {
    display: flex;
    flex-direction: row;
    width: 100%;
    flex: 1 1 0%;
    min-width: 0%;
    flex-wrap: nowrap;
    font-size: 1.1rem;
    z-index: 5;
    overflow: hidden;
}

#root .sports-match-header-wrapper {
    background-color: var(--c-text-dark-e);
    color: var(--c-text-dark);
    font-weight: bold;
    background-position: right;
    background-repeat: no-repeat;
    width: 100%;
    position: relative
}

#root .sports-match-header-wrapper.sport-tennis {
    background-image: url(/v1.038/r/images/banners/match-header-template.png) ;
}

#root .sports-match-header-wrapper.sport-basketball {
    background-image: url(/v1.038/r/images/banners/match-header-basketball.png) ;
}

#root .sports-match-header-wrapper.sport-volleyball {
    background-image: url(/v1.038/r/images/banners/match-header-volleyball.png) ;
}

#root .sports-match-header-wrapper.sport-baseball {
    background-image: url(/v1.038/r/images/banners/match-header-baseball.png) ;
}

#root .sports-match-header-wrapper.sport-handball {
    background-image: url(/v1.038/r/images/banners/match-header-handball.png) ;
}

#root .sports-match-header-wrapper.sport-waterpolo {
    background-image: url(/v1.038/r/images/banners/match-header-waterpolo.png) ;
}

#root .sports-match-header-wrapper.sport-ice-hockey {
    background-image: url(/v1.038/r/images/banners/match-header-icehockey.png) ;
}

#root .sports-match-header-wrapper.sport-snooker {
    background-image: url(/v1.038/r/images/banners/match-header-snooker.png) ;
}
#root .sports-match-header-wrapper.sport-american-football {
    background-image: url(/v1.038/r/images/banners/market-header-american-football.png) ;
}
#root .sports-match-header-wrapper.sport-rugby {
    background-image: url(/v1.038/r/images/banners/market-header-rubgy.png) ;
}
#root .sports-match-header-wrapper.sport-badminton {
    background-image: url(/v1.038/r/images/banners/market-header-badminton.png) ;
}
#root .sports-match-header-wrapper.sport-futsal {
    background-image: url(/v1.038/r/images/banners/market-header-futsal.png) ;
}
#root .sports-match-header-wrapper.sport-table-tennis {
    background-image: url(/v1.038/r/images/banners/market-header-ping-pong.png) ;
}
#root .sports-match-header-wrapper.sport-mma,
#root .sports-match-header-wrapper.sport-boxing {
    background-image: url(/v1.038/r/images/banners/match-header-boxing.png) ;
}
#root .match-page .markets-match-header .match-date-and-time .count-down {
    color:var(--c-text-light)
}
#root .sports-match-header-wrapper::before {
    content: "";
    position: absolute;
    ; width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to left, black, transparent, black)
}

#root .match-header-content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#root .sports-match-header-wrapper .markets-match-header {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    max-width: 500px;
    width: 100%;
    position: relative;
    min-width: 30%;
    z-index: 0;
}

@media screen and (max-width: 1300px) {
    #root .sports-match-header-wrapper .markets-match-header {
        width: 90%;
    }
}
#root app-sports-match-header .markets-match-header .match-date-and-time.hidden {
    display:none;
}
#root app-sports-match-header .markets-match-header .match-date-and-time {
    /* position: absolute; */
    display: flex;
    order: 0;
    color: var(--c-text-dark);
    align-items: center;
    /* border-radius: 3px; */
    z-index: 2;
    /* left: 2px; */
    /* top: 50px; */
}

#root app-sports-match-header .sports-match-header-wrapper:not(.sport-soccer):not(.sport-handball) .match-date-and-time .match-period {
    display: none;
}

#root .sports-match-header-wrapper .match-date-and-time .match-period {
    display: none;
}

#root app-sports-match-header .markets-match-header .match-date-and-time .match-minute {
    color: var(--c-text-light-e);
    font-size: 1rem;
    width: auto;
    padding: 3px 5px;
    background-color: var(--c-shade) /* padding-left: 8px; */
}

#root app-sports-match-header .markets-match-live-info-wrapper {
    position: relative;
    /* padding: 8px; */
    margin: 0px 0px 8px 0px;
    background-color: var(--c-white);
    flex: 0 0 auto !important;
    box-shadow: 0 2px 6px var(--c-text-dark);
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
}

#root .markets-match-live-info-wrapper div {
    display: flex;
    flex-direction: column;
    /* justify-content: flex-end; */
    white-space: nowrap;
    text-overflow: ellipsis;
    /* overflow:hidden; */
}

#root .markets-match-live-info-wrapper .live-match-game-score {
    align-items: flex-end;
    justify-content: flex-end;
    display: flex;
}

#root .markets-match-live-info-wrapper .live-match-name div {
    overflow: hidden;
    display: block
}

#root .markets-match-live-info-wrapper .live-match-name > div, #root .markets-match-live-info-wrapper .live-match-score > div, #root .markets-match-live-info-wrapper .live-set > span, #root .markets-match-live-info-wrapper .live-set::before, #root .markets-match-live-info-wrapper .live-match-yellow-cards > div, #root .markets-match-live-info-wrapper .live-match-red-cards > div, #root .markets-match-live-info-wrapper .live-match-corners > div, #root .markets-match-live-info-wrapper .live-match-game-score-wrapper > div, #root .markets-match-live-info-wrapper .live-match-servers > div {
    height: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 1.2rem
}

#root .markets-match-live-info-wrapper .live-match-score > div, #root .markets-match-live-info-wrapper .live-set > span, #root .markets-match-live-info-wrapper .live-set::before, #root .markets-match-live-info-wrapper .live-match-yellow-cards > div, #root .markets-match-live-info-wrapper .live-match-red-cards > div, #root .markets-match-live-info-wrapper .live-match-corners > div, #root .markets-match-live-info-wrapper .live-match-game-score-wrapper > div, #root .markets-match-live-info-wrapper .live-match-servers > div {
    justify-content: center;
    border-radius: 0px;
    font-size: 1.1rem
}

#root .markets-match-live-info-wrapper .live-match-score > div:not(.live-title), #root .markets-match-live-info-wrapper .live-set > span, #root .markets-match-live-info-wrapper .live-match-yellow-cards > div:not(.live-title), #root .markets-match-live-info-wrapper .live-match-red-cards > div:not(.live-title), #root .markets-match-live-info-wrapper .live-match-corners > div:not(.live-title), #root .markets-match-live-info-wrapper .live-match-game-score-wrapper > div {
    background-color: var(--c-text-light)
}

#root .markets-match-live-info-wrapper .live-match-name > div:not(.live-title) {
    padding-left: 5px;
    background-color: var(--c-text-light)
}

#root .markets-match-live-info-wrapper .live-match-game-score-wrapper > div {
    padding: 0 3px;
}

#root .markets-match-live-info-wrapper .live-match-name > div.team-home, #root .markets-match-live-info-wrapper .live-set > span:first-child, #root .markets-match-live-info-wrapper .live-match-score > div.live-match-score-home, #root .markets-match-live-info-wrapper .live-match-yellow-cards > div.live-match-yellow-cards-home, #root .markets-match-live-info-wrapper .live-match-red-cards > div.live-match-red-cards-home, #root .markets-match-live-info-wrapper .live-match-game-score-wrapper > div.game-score-home {
    border-bottom: 1px solid var(--c-shade-b);
    border-right: 1px solid var(--c-shade-b);
}

#root .markets-match-live-info-wrapper .live-match-name > div.team-away, #root .markets-match-live-info-wrapper .live-set > span:last-child, #root .markets-match-live-info-wrapper .live-match-score > div.live-match-score-away, #root .markets-match-live-info-wrapper .live-match-yellow-cards > div.live-match-yellow-cards-away, #root .markets-match-live-info-wrapper .live-match-red-cards > div.live-match-red-cards-away, #root .markets-match-live-info-wrapper .live-match-game-score-wrapper > div.game-score-away {
    border-right: 1px solid var(--c-shade-b);
}

#root .markets-match-live-info-wrapper .live-match-corners > div.live-match-corners-home, #root .markets-match-live-info-wrapper .live-match-servers > div.live-match-server-home {
    border-bottom: 1px solid var(--c-shade-b);
}

#root .markets-match-live-info-wrapper .live-match-name > div.live-title {
}

.markets-match-live-info-wrapper > div {
    order: 1;
    min-width: 66px;
}

#root app-sports-match-header .sports-match-header-wrapper .live-match-name {
    width: calc(100% );
    /* flex: 0 1 380px; */
    margin-left: 0px!important;
    margin-right: 0px!important
}

#root .markets-match-header .markets-match-data > div {
    margin: 0 4px;
}

#root .markets-match-live-info-wrapper app-goals {
    order: 2;
    justify-content: flex-end;
}

#root .live-match-score {
    order: 2;
    min-width: 8px;
}

#root .live-match-score div {
    align-items: center;
}

#root .markets-match-header .live-match-score-title.live-title {
    font-size: 10px;
    /* height: 16px; */
    text-transform: uppercase;
    color: transparent;
    position: relative;
}

#root .markets-match-header .live-match-score-title.live-title::before {
    content: '';
    display: inline-block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
    opacity: 0.8;
}

#root .live-match-yellow-cards-home,#root .live-match-red-cards-home,#root .live-match-corners-home,#root .live-match-score-home {
    padding-top: 2px;
}

#root .live-match-corners-home, #root .live-match-corners-away, #root .live-match-red-cards-home, #root .live-match-red-cards-away, #root .live-match-yellow-cards-home, #root .live-match-yellow-cards-away {
    border-radius: 2px;
    text-align: center;
    padding: 0;
    width: 16px;
}

#root app-sports-match-header .markets-match-live-info-wrapper .live-match-yellow-cards {
    order: 3;
    /* margin: 0px 0px 0px 4px; */
    min-width: auto;
}

#root .markets-match-live-info-wrapper .live-match-yellow-cards-title {
    width: 12px;
    height: 16px;
    color: transparent;
    position: relative
}

#root .markets-match-live-info-wrapper .live-match-yellow-cards-title::before {
    background-color: #f7f61c;
    box-shadow: 1px 1px 3px var(--c-shade-b);
    margin-bottom: auto;
    content: "";
    width: 8px;
    height: 12px;
    position: absolute;
    left: 3px;
}

#root app-sports-match-header .markets-match-live-info-wrapper .live-match-red-cards {
    order: 4;
    /* margin: 0px 0px 0px 4px; */
    min-width: auto;
}

#root .markets-match-live-info-wrapper .live-match-red-cards-title {
    width: 12px;
    height: 16px;
    color: transparent;
    position: relative;
    margin-bottom: auto
}

#root .markets-match-live-info-wrapper .live-match-red-cards-title::before {
    content: "";
    width: 8px;
    height: 12px;
    background-color: var(--c-red);
    box-shadow: 1px 1px 3px var(--c-shade-b);
    position: absolute;
    left: 3px;
}

#root app-sports-match-header .markets-match-live-info-wrapper .live-match-corners {
    order: 4;
    /* margin: 0px 0px 0px 4px; */
    min-width: auto;
    margin-right: 0px;
}

#root .markets-match-live-info-wrapper .live-match-corners-title {
    width: 16px;
    height: 16px;
    color: transparent;
    margin-bottom: auto;
    position: relative;
}

#root .markets-match-live-info-wrapper .live-match-corners-title::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: var(--c-green);
    background: radial-gradient(circle, #24d07c 15%, #ffffff 18%, #ffffff 22%, #24d07c 24%, #18A460 100%);
    background-position: -12px -0px;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    box-shadow: inset 1px -1px #fff, 0 1px 1px rgb(0 0 0 / 16%);
}

#root app-sports-match-header .markets-match-header .markets-match-live-info-wrapper .live-match-set-scores {
    order: 3;
    min-width: unset;
}

#root app-sports-match-header .markets-match-header .markets-match-live-info-wrapper .live-match-set-scores .live-match-sets-wrapper {
    flex-direction: row;
    justify-content: flex-start
}

#root app-sports-match-header .markets-match-header .markets-match-live-info-wrapper .live-match-set-scores .live-match-sets-wrapper .live-set.set0 {
    margin-left: 0;
}

#root app-sports-match-header .markets-match-header .markets-match-live-info-wrapper .live-match-set-scores .live-match-sets-wrapper .live-set {
    flex-direction: column;
    display: inline-flex;
    /* margin-left: 6px; */
}

#root .sports-match-header-wrapper .markets-match-data {
    display: flex;
    flex-wrap: nowrap;
    order: -1;
    flex: 0 0 100%;
    line-height: 1.9;
    padding: 3px 3px;
    border-bottom: 1px solid var(--c-shade);
    background-color: var(--c-primary-d);
    color: var(--c-text-light-e);
    width: 100%;
    align-items: center;
    margin-top: 8px;
    position: relative;
}

#root .markets-match-header .markets-match-live-info-wrapper .sport-icon, #root .markets-match-header .markets-match-data .sport-icon {
    margin: 0 4px 0 0;
}

#root .markets-competition-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#root .markets-match-header .markets-match-data .match-statistics {
    margin-left: auto;
    background: url(/v1.038/r/images/site/icons/stats_white.svg) center center no-repeat;
    width: 24px;
    height: 24px;
}

#root .live-match-period,#root .markets-category-name {
    display: none;
}

#root .sports-match-header-wrapper .markets-match-name {
    order: 1;
    background-color: var(--c-text-light);
    width: 100%;
    margin: 0px 0px 8px 0px;
    padding: 25px 8px 8px 8px;
}

#root .match-page .markets-match-header .match-date-and-time .match-date {
    padding-left: 8px;
}

#root .match-page .markets-match-header .match-date-and-time div {
    padding: 0 5px;
    font-size: 13px;
}

/* Images*/
#root .sports-match-header-wrapper.sport-soccer {
    background-image: url(/v1.038/r/images/banners/match-header-soccer.png);
    background-size: cover;
}

#root .sport-soccer .markets-match-header .live-match-score-title.live-title::before {
    background-image: url(../assets//themes/betomall/images/icons/sports/Football.png);
}

#root .history-bet-wrapper .history-system-wrapper > .history-system-lines, #root .history-bet-wrapper .history-system-wrapper > .history-system-odds {
    display: flex;
}

#root .markets-match-header .markets-match-live-info-wrapper .live-match-set-scores .live-match-sets-wrapper .live-set::before {
    font-size: 0.9rem;
    text-align: center;
    padding: 0px 5px;
    color: var(--c-text-dark)
}

#root .markets-match-header .markets-match-live-info-wrapper .live-match-set-scores .live-match-sets-wrapper .live-set.set0::before {
    content: "S1"
}

#root .markets-match-header .markets-match-live-info-wrapper .live-match-set-scores .live-match-sets-wrapper .live-set.set1::before {
    content: "S2"
}

#root .markets-match-header .markets-match-live-info-wrapper .live-match-set-scores .live-match-sets-wrapper .live-set.set2::before {
    content: "S3"
}

#root .markets-match-header .markets-match-live-info-wrapper .live-match-set-scores .live-match-sets-wrapper .live-set.set3::before {
    content: "S4"
}

#root .markets-match-header .markets-match-live-info-wrapper .live-match-set-scores .live-match-sets-wrapper .live-set.set4::before {
    content: "S5"
}

#root .markets-match-header .markets-match-live-info-wrapper .live-match-set-scores .live-match-sets-wrapper .live-set.set5::before {
    content: "S6"
}

#root .markets-match-header .markets-match-live-info-wrapper .live-match-set-scores .live-match-sets-wrapper .live-set.set6::before {
    content: "S7"
}

#root .markets-match-header .markets-match-live-info-wrapper .live-match-set-scores .live-match-sets-wrapper .live-set.set7::before {
    content: "S8"
}

#root .markets-match-header .markets-match-live-info-wrapper .live-match-set-scores .live-match-sets-wrapper .live-set.set8::before {
    content: "S9"
}

#root .sport-soccer .markets-match-header .markets-match-live-info-wrapper .live-match-set-scores .live-match-sets-wrapper .live-set.set0::before {
    content: "HT"
}

#root .sport-soccer .markets-match-header .markets-match-live-info-wrapper .live-match-set-scores .live-match-sets-wrapper .live-set:not(.set0) {
    display: none;
}

#root .markets-match-live-info-wrapper .live-set span {
    text-align: center;
}

#root .markets-match-header .markets-match-live-info-wrapper .live-match-set-scores-title {
    display: none;
}

#root .markets-match-header .markets-match-live-info-wrapper .live-match-server {
    /* height: 14px; */
    display: flex;
    padding: 0 3px;
    align-items: center;
    flex-direction: row;
    background-color: var(--c-text-light)
}

#root .markets-match-header .markets-match-live-info-wrapper .live-match-servers {
    order: 4;
    min-width: unset;
    justify-content: flex-end;
}

#root .markets-match-header .markets-match-live-info-wrapper .live-match-servers .live-match-server-title {
    display: none;
}

#root .markets-match-header .markets-match-live-info-wrapper .live-match-server span {
    width: 8px;
    height: 8px;
    display: flex;
    background-color: var(--c-emphasis);
    box-shadow: 1px 1px 3px var(--c-shade-b);
    border-radius: 50%;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
}

@-webkit-keyframes blinker {
    from {
        opacity: 1.0;
    }

    to {
        opacity: 0.0;
    }
}

#root .markets-match-header .markets-match-live-info-wrapper .live-match-game-score-title {
    display: none;
}

#root .markets-match-header .markets-match-live-info-wrapper .live-match-game-score {
    min-width: unset;
}

#root .markets-match-header .markets-match-live-info-wrapper .live-match-game-score .live-match-game-score-wrapper div {
    text-align: center
}

app-sports-match-header.pregame .markets-team-name,
.match-more-links-app-modal  .markets-team-name{
    text-align: right;
    width: 50%;
    padding: 5px 0px;
    font-size: 1.2rem;
    background-color: var(--c-primary);
    color: var(--c-text-light);
    transform: skewX(-10deg);
    box-shadow: 1px 1px 3px var(--c-text-dark);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

app-sports-match-header.pregame .markets-team-name:last-child,
.match-more-links-app-modal  .markets-team-name:last-child {
    margin-left: auto;
    text-align: left;
    padding-left: 20px
}

app-sports-match-header.pregame .markets-team-name:first-child,
.match-more-links-app-modal  .markets-team-name:first-child {
    padding-right: 20px
}

#root .pregame .sports-match-header-wrapper .markets-match-name,
#root .match-more-links-app-modal .sports-match-header-wrapper .markets-match-name {
    position: relative;
    margin-bottom: unset;
    padding-top: 5px;
}

#root .pregame .sports-match-header-wrapper .markets-match-name::before,
#root .match-more-links-app-modal .sports-match-header-wrapper .markets-match-name::before {
    content: "VS";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50% );
    z-index: 2;
    color: var(--c-text-light);
    background-color: var(--c-primary-c);
    padding: 5px;
    border-top: 1px solid var(--c-text-light);
    border-left: 1px solid var(--c-tint-b);
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 1px 2px 3px var(--c-text-dark)
}

#root .pregame .sports-match-header-wrapper .markets-match-name::after,
#root .match-more-links-app-modal .sports-match-header-wrapper .markets-match-name::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* background:linear-gradient(-75deg,var(--c-tint) 50%, var(--c-tint-b) 51%) */
}

#root .pregame .sports-match-header-wrapper .markets-match-name *,
#root .match-more-links-app-modal .sports-match-header-wrapper .markets-match-name * {
    position: relative;
    z-index: 1;
}

#root .sports-match-header-wrapper .match-date-and-time {
    position: unset;
    width: 100%;
    border-radius: unset;
    text-align: center;
    justify-content: center;
    order: 2;
    background-color: var(--c-primary-c);
    border-top: 1px solid var(--c-shade);
}

#root .pregame .sports-match-header-wrapper .match-date-and-time,
#root .match-more-links-app-modal .sports-match-header-wrapper .match-date-and-time {
    margin-bottom: 8px;
    order: 2;
}

#root .match-page .pregame .markets-match-header .match-date-and-time div,
#root .match-more-links-app-modal .match-page  .markets-match-header .match-date-and-time div {
    padding: 5px;
    background-color: var(--c-shade-b);
    color: var(--c-text-light)
}

#root .match-page .pregame .markets-match-header .match-date-and-time div.match-time,
#root .match-more-links-app-modal .match-page  .markets-match-header .match-date-and-time div.match-time {
    padding-left: unset;
}

#root .markets-match-header .markets-match-data .sport-icon {
    position: absolute;
    z-index: 2;
    background-size: 12px;
    left: 10px;
    top: 12px;
}

#root .markets-match-header .markets-match-data .match-page-country-flag::before {
    content: "";
    width: 16px;
    height: 3px;
    background-color: var(--c-text-dark);
    filter: blur(1px);
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    bottom: -4px;
    ; right: -1px;
}

#root .markets-match-header .markets-match-data .markets-competition-name {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    padding-left: 24px;
}

#root .markets-match-header .markets-match-data .match-statistics {
    margin-left: unset;
}

#root .markets-match-header .markets-match-data .match-page-country-flag {
    position: absolute;
    z-index: 1;
    top: 0px
}
#root .markets-match-header .match-period-l {
    display:flex;
    color:var(--c-text-light);
    background-color:var(--c-primary-c);
    width:100%;
    padding:2px;
    justify-content:center
}