.odds {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      width: 100%;
      gap: 5px;
      margin: 0 10px;
      line-height: 30px;
  }
  .odds > span {
      background:#373737;
      width:100%;
      border-radius:6px;
      padding: 0 10px;
      display: flex;
      justify-content: space-between;
  }
  .odds > span .text-dark {
      color: #777474 !important;
  }
  .infoDetail .logo {
       width: 26px;
       justify-content: center;
       display: flex;
       align-items: center;
       margin-right: 7px;
  }
  .infoDetail .logo img {
    border-radius: 6px;
  }
  .infoDetail .info .title {
    font-size: 15px;
    color: #fff;
    line-height: 13px;
  }
  .infoDetail .info .subname {
  
    font-size: 11px;
    color: #aaaaaa;
  }
  .infoMatch {
      margin-top: 10px;
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-around;
      align-items: center;
      text-align: center;
      background: #262626;
      border-radius: 7.5px;
      padding: 10px 0px;
  }
  .infoMatch .title {
    align-items: center;
        color: #fdfdfd;
        display: flex;
        flex: 1 1;
        font-weight: 700;
        height: 38px;
        line-height: 16px;
        justify-content: center;
        margin: auto;
        max-width: 120px;
        font-size: 14px;
  }
  .tyso {
      font-size: 31px;
      font-weight: bold;
      line-height: 30px;
  }
  .panel.with-nav-tabs .panel-heading{
     
  }
  .panel.with-nav-tabs .nav-tabs {
   border-bottom: none;
       gap: 10px;
       height: 35px;
       display: flex;
       align-items: center;
       background: #262626;
       border-radius: 7.5px;
       padding: 0 5px;
  }
  .panel .panel-body {
    background: #262626;
     border-radius: 7.5px;
  }
  .panel.with-nav-tabs .nav-justified{
    margin-bottom: -1px;
  }
  .with-nav-tabs.panel-infoMatch .nav-tabs > li > a,
  .with-nav-tabs.panel-infoMatch .nav-tabs > li > a:hover,
  .with-nav-tabs.panel-infoMatch .nav-tabs > li > a:focus {
    color: #fff;
  }
  .with-nav-tabs.panel-infoMatch .nav-tabs > .open > a,
  .with-nav-tabs.panel-infoMatch .nav-tabs > .open > a:hover,
  .with-nav-tabs.panel-infoMatch .nav-tabs > .open > a:focus,
  .with-nav-tabs.panel-infoMatch .nav-tabs > li > a:hover,
  .with-nav-tabs.panel-infoMatch .nav-tabs > li > a:focus {
    color: #FFC107;
    border-bottom-color: transparent;
  }
  .with-nav-tabs.panel-infoMatch .nav-tabs > li > a.active,
  .with-nav-tabs.panel-infoMatch .nav-tabs > li > a.active:hover,
  .with-nav-tabs.panel-infoMatch .nav-tabs > li > a.active:focus {
   color: #FFC107;
   border-bottom-color: transparent;
  }
  .with-nav-tabs.panel-infoMatch .nav-tabs > li > a.active:after{
  border-bottom: 2px solid #ffC107;
  content: "";
  width: 100%;
  display: block;
  top: 6px;
  position: relative;
  }
  .with-nav-tabs.panel-infoMatch .nav-tabs > li.dropdown .dropdown-menu {
      background-color: #dff0d8;
      border-color: #d6e9c6;
  }
  .with-nav-tabs.panel-infoMatch .nav-tabs > li.dropdown .dropdown-menu > li > a {
      color: #ffffff;   
  }
  .with-nav-tabs.panel-infoMatch .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
  .with-nav-tabs.panel-infoMatch .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
      background-color: #d6e9c6;
  }
  .with-nav-tabs.panel-infoMatch .nav-tabs > li.dropdown .dropdown-menu > .active > a,
  .with-nav-tabs.panel-infoMatch .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
  .with-nav-tabs.panel-infoMatch .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
      color: #fff;
      background-color: #3c763d;
  }
  .panel-infoMatch .summary {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: center;
      font-weight: 300;
      line-height: 30px;
  }
  .panel-infoMatch .summary:nth-child(odd)
    {
      background: #333333;
    }
  .panel-infoMatch .summary .left,
  .panel-infoMatch .summary .right {
    width: 40%;
        display: flex;
        align-items: center;
        font-size: 11px;
        gap: 5px;
        
  }
  .panel-infoMatch .summary .left {
    justify-content: flex-end;
  }
  .panel-infoMatch .summary .center {
    width: 20%;
    text-align: center;
    color: #ccc;
    font-size: 12px;
  }
 .panel-infoMatch .info{
     /*border-bottom: 1px solid #363636;*/
     height: 28px;
     line-height: 30px;
 }
 .panel-infoMatch .info:nth-child(n+1)
    {
     /* border-top: 1px solid #363636;*/
    }
  .infoGoal {
    align-items: center;
        display: flex ;
        justify-content: center;
        flex-direction: column;
  }
  .infoGoal .pen {
      color: #fdfdfd;
      font-size: 9px;
      font-weight: 700;
      height: 20px;
  }
  .tyso-badge {
      background: #d00000;
      width: 30px;
      padding: 0;
      margin: 0;
      height: 10px;
      padding: 0 5px;
      border-radius: 4px;
      font-size: 12px;
  }
 #TimeEps {
      color: #FFC107;
  }
  .tp {
      background-color: #58741f;
      padding: 1px 15px
  }
  
  .tp svg {
      height: 14px;
      width: 14px
  }
  
  .tp .up {
      color: #fdfdfd;
      display: flex;
      font-size: 11px;
      margin-bottom: 15px;
      margin-top: 14px
  }
  
  .tp .up>:first-child {
      font-weight: 900;
      margin-right: 5px;
      text-transform: uppercase
  }
  
  .tp .up>:last-child {
      font-weight: 400
  }
  
  .vp {
      flex: 1 1
  }
  
  .vp .wp {
      border: 1px solid #fdfdfd
  }
  
  .vp .xp {
      flex: 1 1;
      text-align: center
  }
  
  .vp .xp,.vp .xp .yp {
      display: flex;
      justify-content: center
  }
  
  .vp .xp .yp {
      align-items: center;
      border-radius: 9999px;
      color: #fff;
      font-size: 14px;
      font-weight: 700;
      height: 30px;
      position: relative;
      width: 30px;
  }
  
  .vp .xp .yp.Ap,.vp .xp .yp.zp {
     /* background-color: #111; */
      width: 30px;
      position: relative;
  }
  
  .vp .xp .yp.Bp,.vp .xp .yp.Cp {
      /* background-color: #fdfdfd; */
      color: #000
  }
  
  .vp .xp .yp .Dp,.vp .xp .yp .Ep,.vp .xp .yp .Fp,.vp .xp .yp .Gp {
      position: absolute
  }
  
  .vp .xp .yp .Dp {
      left: -4px;
      top: -4px
  }
  
  .vp .xp .yp .Ep {
      right: -4px;
      top: -4px
  }
  
  .vp .xp .yp .Fp {
      bottom: -4px;
      right: -4px
  }
  
  .vp .xp .yp .Gp {
      bottom: -4px;
      left: -4px
  }
  
  .vp .xp .yp.wp {
      background-color: #111;
      color: #fdfdfd;
      font-size: 7px;
      font-weight: 500;
      height: 1rem;
      width: 1rem
  }
  
  .vp .xp .yp.wp svg {
      transform: scale(.6)
  }
  
  .vp .xp .yp.wp .Dp {
      left: -8px;
      top: -8px
  }
  
  .vp .xp .yp.wp .Ep {
      right: -8px;
      top: -8px
  }
  
  .vp .xp .yp.wp .Fp {
      bottom: -8px;
      right: -8px
  }
  
  .vp .xp .yp.wp .Gp {
      bottom: -8px;
      left: -8px
  }
  
  .vp .Hp {
      color: #fff;
      display: flex;
      font-size: 11px;
      font-weight: 700;
      justify-content: center;
      margin-top: .25rem;
      text-align: center;
      line-height: 14px;
  }
  
  .Ip {
      background: repeating-linear-gradient(180deg,#516d14,#516d14 10%,#58741f 0,#58741f 20%);
      border: 2px solid #96a772;
      height: 708px;
      overflow: hidden;
      position: relative
  }
  
  .Ip .Jp,.Ip .Kp {
      display: flex;
      flex-direction: column;
      height: 50%;
      justify-content: space-between;
      padding: .5rem;
      position: absolute;
      width: 100%;
      z-index: 20
  }
  
  .Ip .Jp .Lp,.Ip .Kp .Lp {
      align-items: flex-start;
      color: #fff;
      display: flex
  }
  
  .Ip .Kp {
      top: 50%
  }
  
  .Ip .Mp {
      height: 100%;
      overflow: hidden;
      position: relative;
      width: 100%
  }
  
  .Ip .Mp div {
      border: 2px solid #96a772;
      border-radius: 9999px;
      height: 2.5rem;
      position: absolute;
      width: 2.5rem
  }
  
  .Ip .Mp .Np {
      left: -11px;
      top: -11px
  }
  
  .Ip .Mp .Op {
      left: calc(100% - 14px);
      top: -11px
  }
  
  .Ip .Mp .Pp {
      bottom: -11px;
      right: -11px
  }
  
  .Ip .Mp .Qp {
      bottom: -11px;
      left: -11px
  }
  
  .Ip .Rp {
      border: 1px solid #96a772;
      position: absolute;
      top: calc(50% - 2px);
      width: 100%
  }
  
  .Ip .Sp {
      background-color: #96a772;
      border-radius: 9999px;
      height: 6px;
      left: calc(50% - 3px);
      top: calc(50% - 4px);
      width: 6px
  }
  
  .Ip .Sp,.Ip .Tp {
      position: absolute
  }
  
  .Ip .Tp {
      border: 2px solid #96a772;
      border-radius: 9999px;
      height: 76px;
      left: calc(50% - 38px);
      top: calc(50% - 38px);
      width: 76px
  }
  
  .Up {
      height: 1.5rem
  }
  
  .Up,.Vp {
      border: 2px solid #96a772;
      left: 25%;
      position: absolute;
      width: 50%
  }
  
  .Vp {
      height: 10%;
      z-index: 19
  }
  
  .Vp.Wp {
      border-top: 2px solid #96a772;
      bottom: -2px;
      top: auto
  }
  
  .Vp.Xp {
      top: -2px
  }
  
  .Vp.Wp .Up {
      border-top: 2px solid #96a772;
      bottom: -2px;
      top: auto
  }
  
  .Vp.Xp .Up {
      top: -2px
  }
  
  .Yp {
      border: 2px solid #96a772;
      border-radius: 50% 50% 0 0/100% 100% 0 0;
      height: 15px;
      left: calc(50% - 29px);
      position: absolute;
      width: 58px
  }
  
  .Yp.Wp {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      border-top-width: 2px;
      bottom: 67px;
      top: auto
  }
  
  .Yp.Xp {
      top: 66px;
      transform: rotate(180deg)
  }
  
  .iu {
      max-width: max-content;
      position: relative;
      width: 14px
  }
  
  .iu svg {
      display: block;
      max-height: 14px;
      min-width: 14px
  }
  
  .iu .ju {
      align-items: center;
      background-color: #a00000;
      border-radius: 9999px;
      color: #fdfdfd;
      display: flex;
      font-size: 10px;
      font-weight: 100;
      height: 12px;
      justify-content: center;
      left: -8px;
      position: absolute;
      top: -8px;
      width: 12px
  }
  
  .Cs {
      color: inherit;
      display: contents;
      text-decoration: none
  }
  
  .ep {
      color: #aaa;
      font-size: 11px;
      font-weight: 700;
      padding: 13px 15px;
      text-transform: uppercase
  }
  
  .fp {
      border: 1px solid #222;
      border-radius: 8px;
      margin: 0 10px
  }
  
  .fp:last-child {
      margin-bottom: 10px
  }
  
  .gp {
      width: 20px
  }
  .TabsTable {
      padding: 10px;
      border-bottom: 1px solid #494949;
  }
  .Insu {
        display: flex;
            padding: 10px 0;
            align-items: center;
            gap: 7px;
        }
    .iconvn-yt:before {
        display: inline-block;
        font: normal normal normal 14px / 1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f067";
        width: 15px;
        color: #ff0000;
        background: #fff;
        height: 15px;
        border-radius: 50%;
        text-align: center;
        padding: 1px 3px 0px 2px;
    }
    .iconvn-ban:before {
        display: inline-block;
        font: normal normal normal 14px / 1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f05e";
        color: #ff0000;
        
    }
    .Insu span {
      font-size: 11px;
      color: #828181;
    }
    .iconI {
      display: flex;
          justify-content: center;
          align-items: center;
          gap: 5px;
    }
    .statistics-content {
        border: 0 solid #222;
        color: #aaa;
        font-size: 12px;
        margin: 14px 10px 10px;
        position: relative;
    }
    .statistics-header, .Fg {
        display: flex ;
            justify-content: space-between;
    }
    .Fg {
        align-items: center;
        justify-content: center;
        margin-top: 4px;
    }
    .Fg .statistic-home, .Fg .statistic-home-1 {
        background-color: #424040;
        display: flex ;
        flex: 1 1;
        height: 9px;
        overflow: hidden;
        position: relative;
    }
    .stat-name-1, .statistics-header .stat-name {
        display: none;
        flex: 1 1;
        margin-bottom: 1px;
        text-align: center;
    }
    .statistics-header .t1 {
        color: #fdfdfd;
        font-weight: 700;
    }
    .Fg .statistic-home{
        border-bottom-left-radius: 7.5px;
        border-top-left-radius: 7.5px;
        justify-content: flex-end;
        margin-right: 4px;
    }
    .Fg .statistic-home-1 {
        border-bottom-right-radius: 7.5px;
        border-top-right-radius: 7.5px;
        margin-left: 4px;
    }
    .formList .hs-big {
        justify-content: center;
            align-items: center;
            font-size: 15px;
            width: 30px;
            height: 30px;
            display: flex;
            color: #fff;
            border-radius: 11px;
    }
    .DataH2H .Detail {
      flex: 1 1;
          min-width: 0;
          display: flex;
          flex-wrap: nowrap;
          justify-content: space-between;
          align-items: center;
    } 
    .DataH2H .left,
    .DataH2H .right {
      width: 40%;
    }
    .DataH2H .left .team-logo,
    .DataH2H .right .team-logo {
     margin: 0;
    }
    .DataH2H .team-name {
        font-size: 11px;
        line-height: 20px;
        display: inline-block;
        width: 100%;
        text-wrap-style: balance;
    }
    .DataH2H .team-score {
        background: #F44336;
        color: #fff;
        border-radius: 4px;
        padding: 0px 5px;
        font-size: 11px;
    }
    .list-group-item {
        background: #262626 !important;!i;!;
        border-color: #484848 !important;!i;!;
        color: #7d7d7d !important;!i;!;
        font-size: 12px;
        display: flex !important;!i;!;
        justify-content: flex-start;
        align-items: center;
        gap: 11px;
    }
    .substitutePlayers {
        display: flex;
        justify-content: space-between;
        border: 1px solid #363636;
        border-radius: 7.5px;
        color: #c8c8c8;
        font-weight: 400;
        font-size: 12px;
        padding-top: 10px !important;
        margin-top: 10px;
        padding: 0 10px;
    }
    .itemSs {
        line-height: 30px;
        gap: 10px;
        align-items: center;
        padding: 6px 0;
    }
    .Numseason {
        /* background: #fff; */
        /* color: #000000; */
        text-align: center;
        margin: 2px 0px;
        border-radius: 50%;
        font-size: 11px;
        width: 30px;
        height: 25px;
        text-align: center;
        display: flex;
        justify-content: space-around;
        align-items: center;
        background-size: cover;
        background-position: center;
    }
    .Nameseason {
        line-height: 21px;
    }
    .infoMatch.is-fixed {
        position: fixed;
        width: auto;
        top: 0;
        margin-top: 0;
        z-index: 999;
    }
    .infoMatch.is-fixed .flag {
        width: 30px;
    }
    .infoMatch.is-fixed .MatchLeft,
    .infoMatch.is-fixed .MatchCenter,
    .infoMatch.is-fixed .MatchRight {
      justify-content: center;
          display: flex;
          flex-direction: column;
          align-items: center;
    }
   .infoMatch.is-fixed  .infoMatch .title {
     font-size: 12px;
   }
   .infoMatch.is-fixed  .tyso {
       font-size: 22px;
       line-height: 25px;
   }