#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-black-e);
    color: var(--c-black);
    font-weight: bold;
    background-position: center bottom;
    background-repeat: no-repeat;
    width: 100%;
}

#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 {
    /* position: absolute; */
    display: flex;
    order: 0;
    color: var(--c-white);
    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-white-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-primary);
    flex: 0 0 auto !important;
    box-shadow: 0 2px 6px var(--c-black);
    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-white)
}
#root .markets-match-live-info-wrapper .live-match-name > div:not(.live-title){
    padding-left:5px;
    background-color:var(--c-white)
}
#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-emphasis);
    color: var(--c-white-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.937/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-white);
    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.14/r/images/site/Soccer_Header_2.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-white)
}

#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-white)
}

#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 {
    text-align:right;
    width:50%;
    padding:5px 0px;
    font-size:1.2rem;
    background-color:var(--c-primary);
    color:var(--c-white);
    transform:skewX(-10deg);
    box-shadow:1px 1px 3px var(--c-black);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
app-sports-match-header.pregame .markets-team-name:last-child {
    margin-left:auto;
    text-align:left;
    padding-left:20px
}
app-sports-match-header.pregame .markets-team-name:first-child {
    padding-right:20px
}
#root .pregame .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 {
    content:"VS";
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50% );
    z-index:2;
    color:var(--c-white);
    background-color:var(--c-emphasis-c);
    padding:5px;
    border-top:1px solid var(--c-white);
    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-black)
}
#root .pregame .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 * {
    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-emphasis-c);
    border-top:1px solid var(--c-shade);
    
}
#root .pregame .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 {
    padding:5px;
    background-color:var(--c-shade-b);
    color:var(--c-white)
}
#root  .match-page .pregame .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!important;
    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-black);
    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
}