body {
  color      : #eee;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  background : #2c2c2f;
  min-height : 100%;
}

.green {
  color: #0057ff !important;
}

.orange {
  color: #FF361E !important
}

.green:after {
  content    : '';
  background : url('../img/icon-arrow-up.png') no-repeat top;
  width      : 8px;
  height     : 8px;
  display    : inline-block;
  margin-left: 4px;
}

.orange:after {
  content    : '';
  background : url('../img/icon-arrow-down.png') no-repeat top;
  width      : 8px;
  height     : 8px;
  display    : inline-block;
  margin-left: 4px;
}

.box_live.match_statistics {
  padding   : 15px 0px;
  max-height: 410px;
  overflow  : auto;
}

.match_statistics::-webkit-scrollbar-track {
  /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
  background-color: #F5F5F5;
}

.match_statistics::-webkit-scrollbar {
  width           : 5px;
  background-color: #F5F5F5;
  border-radius   : 2.5px;
}

.match_statistics::-webkit-scrollbar-thumb {
  background-color: #44494F;
  /* border       : 2px solid #555555; */
}

.match_statistics .stnum {
  display        : flex;
  justify-content: space-between;
  color          : #fff;
  /*font-family  : 'Raleway';*/
  font-style     : normal;
  font-weight    : 400;
  font-size      : 13px;
  line-height    : 22px;
  text-align     : center;
  color          : #FFFFFF;
  margin-bottom  : 10px;
  padding        : 0px 25px;
}

.match_statistics .stnum span:first-child,
.match_statistics .stnum span:last-child {
  /*font-family: 'Oswald';*/
  font-style : normal;
  font-weight: 400;
  font-size  : 15px;
  line-height: 25px;
  color      : #AFB4BA;
}

.match_statistics {
  background   : #1A1D23;
  border-radius: 4px;
  max-height   : 495px;
  overflow-y   : scroll;
  padding      : 22px 10px 10px;
}

.match_statistics .stline {
  align-items    : center;
  display        : flex;
  justify-content: center;
  margin-bottom  : 12px;
}

.match_statistics .stat-c {
  width          : 35px;
  text-align     : center;
  /*font-family  : 'Oswald';*/
  font-style     : normal;
  font-weight    : 700;
  font-size      : 13px;
  line-height    : 18px;
  display        : flex;
  align-items    : center;
  color          : #FFFFFF;
  justify-content: center;
}

.match_statistics .stat-bar-wrapper {
  flex      : 1;
  background: #292C30;
  height    : 6px;
}

.match_statistics .stat-bar-wrapper.homes {
  display        : flex;
  justify-content: flex-end;
}

.match_statistics .stat-bar-wrapper.homes .stat-bar {
  background: #0154D4;
  height    : 100%;
  display   : block;
}

.match_statistics .stat-bar-wrapper.aways .stat-bar {
  background: #0B1120;
  height    : 100%;
  display   : block;
}

.match_statistics .stat-title {
  width          : 140px;
  height         : 25px;
  background     : #2A3038;
  box-shadow     : 0px 4px 8px rgba(0, 0, 0, 0.4);
  border-radius  : 2px;
  /*font-family  : 'Oswald';*/
  font-style     : normal;
  font-weight    : 400;
  font-size      : 12px;
  line-height    : 18px;
  color          : #DFE0E1;
  display        : flex;
  align-items    : center;
  justify-content: center;

}

/* EVENT */

.matchRowEvent_matchRowWrapper {
  display        : flex;
  justify-content: space-between;
  align-items    : center;
  white-space    : nowrap;
  padding        : 5px 0;
}

.matchRowEvent_matchRowWrapper,
.infoRowScores_matchScoreRow {}

.matchRowEvent_icon,
.matchRowEvent_time {
  display    : flex;
  align-items: center;
}

.matchRowEvent_time {
  width    : 3rem;
  min-width: 3rem;
  color    : rgba(255, 255, 255, 0.7);
}

.summary_blockWrapper {
  background             : #1A1D23;
  border-top-left-radius : 4px;
  border-top-right-radius: 4px;
  padding                : 6px;
  max-height             : 384px;
  overflow-y             : scroll;
}

.summary_blockWrapper::-webkit-scrollbar-track {
  /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
  background-color: #F5F5F5;
}

.summary_blockWrapper::-webkit-scrollbar {
  width           : 5px;
  background-color: #F5F5F5;
  border-radius   : 2.5px;
}

.summary_blockWrapper::-webkit-scrollbar-thumb {
  background-color: #44494F;
  /* border       : 2px solid #555555; */
}

.matchIconExplain {
  background                : #1A1D23;
  border-bottom-left-radius : 4px;
  border-bottom-right-radius: 4px;
  margin                    : 0px;
  padding                   : 15px 0px 5px;
  border-top                : 1px solid #2A3038;
}

.matchIconExplain .icon span {
  /*font-family: 'Oswald';*/
  font-style : normal;
  font-weight: 300;
  font-size  : 12px;
  line-height: 20px;
  color      : #AFB4BA;
}

.matchIconExplain .icon {
  display      : flex;
  align-items  : center;
  margin-bottom: 10px;
}

.matchIconExplain .icon svg {
  width       : 14px;
  height      : 14px;
  margin-right: 8px;
}

.matchRowEvent_content {
  display      : flex;
  flex         : 1 1;
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
  align-items  : center;
  /*font-family: 'Raleway';*/
  font-style   : normal;
  font-weight  : 400;
  font-size    : 13px;
  line-height  : 22px;
  color        : #FFFFFF;
  padding      : 0px 6px;
}

.matchRowEvent_content.isActive .matchRowEvent_playerWrapper {
  background   : #2A3038;
  border-radius: 4px;
  overflow     : hidden;
}

.matchRowEvent_content.homeContent {
  justify-content: flex-end;
}

.matchRowEvent_playerWrapper {
  padding: 3px 10px;
}

.matchRowEvent_playerWrapper.homePlayer {
  text-align: right;
}

.matchRowEvent_player span,
.matchRowEvent_assist span {
  width        : calc(100% - 20px);
  display      : block;
  text-overflow: ellipsis;
  overflow     : hidden;
  white-space  : nowrap;
}

.matchRowEvent_assist,
.matchRowEvent_player {
  overflow     : hidden;
  text-overflow: ellipsis;
  display      : block;
  position     : relative;
  min-width    : 100px;
}

.matchRowEvent_player strong {
  /*font-family: 'Oswald';*/
  font-style : normal;
  font-weight: 500;
  font-size  : 13px;
  line-height: 22px;
  color      : #0B1120;
}

.matchRowEvent_player svg,
.matchRowEvent_assist svg {
  position : absolute;
  top      : 50%;
  transform: translateY(-50%);
  width    : 14px;
  height   : 14px;
  display  : block;
}

.homePlayer .matchRowEvent_player svg,
.homePlayer .matchRowEvent_assist svg {
  right: 0;
}

.awayContent .matchRowEvent_player span,
.awayContent .matchRowEvent_assist span {
  float: right;
}

.matchRowEvent_assist {
  color: rgba(255, 255, 255, 0.4);
}

.matchRowEvent_icon {
  min-width     : 2rem;
  flex-direction: column;
}

.matchRowEvent_iconText {
  font-size: 9px;
}

.matchRowEvent_icon .common_iconWrapper {
  position : relative;
  width    : 1.4rem;
  max-width: max-content;
}

.matchRowEvent_icon .common_iconWrapper svg {
  display: block;
}

.matchRowEvent_center {
  display       : flex;
  flex-direction: column;
  flex          : 0 0 2rem;
  text-align    : center;
}

.matchRowEvent_center span {
  /*font-family: 'Oswald';*/
  font-style : normal;
  font-weight: 400;
  font-size  : 13px;
  line-height: 22px;
  color      : #FFFFFF;
}

.infoRowScores_matchScoreRow {
  display        : flex;
  flex-wrap      : nowrap;
  align-items    : center;
  padding        : 0.5rem 15px;
  position       : relative;
  justify-content: space-between;
}

.infoRowScores_matchScoreRow .infoRowScores_status {
  width      : 3rem;
  display    : flex;
  align-items: center;
  color      : rgba(255, 255, 255, 0.7);
}

.infoRowScores_matchScoreRow .infoRowScores_home {
  text-align: right;
}

.infoRowScores_matchScoreRow .infoRowScores_away,
.infoRowScores_matchScoreRow .infoRowScores_home {
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
  flex         : 1 1;
  /*font-family: 'Oswald';*/
  font-style   : normal;
  font-weight  : 400;
  font-size    : 13px;
  line-height  : 22px;
  color        : #0B1120;
}

.scores_scoresMatch {
  display        : flex;
  flex           : 0 0 8rem;
  justify-content: center;
  text-align     : center;
}

.infoRowScores_matchScoreRow span {
  white-space: nowrap;
}

/* EVENT */
/* Filter home */
/*.list-filter .num {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #ffffff;
    padding: 1px 8px;
    background: #bc8f8f;
    border-radius: 20px;
    margin-left: 6px;
    !*font-family: 'Oswald';*!
  }

  .list-filter a {
    color: #717983;
    text-transform: uppercase;
  }

  .list-filter a.all {
    color: #03BE49;
  }

  .list-filter a.all .num {
    background-color: #03BE49;
  }

  .list-filter a.hot {
    color: #F1C371;
  }

  .list-filter a.hot .num {
    background-color: #F1C371;
  }

  .list-filter a.now {
    color: #00EFFF;
  }

  .list-filter a.now .num {
    background: #00EFFF;
    color: #333;
  }*/
/*
  .list-filter a.today {
    color: #F6427F;
  }

  .list-filter a.today .num {
    background-color: #F6427F;
  }

  .list-filter a.tomorrow {
    color: #FF334F;
  }

  .list-filter a.tomorrow .num {
    background: #FF334F;
  }

  .list-filter a.thisweek {
    color: #BC8F8F;
  }

  .list-filter a.thisweek .num {
    background: #BC8F8F;
  }
  */
.list-filter a.active,
.list-filter a:hover {
  opacity: 1;
}

.list-filter a.active .num,
.list-filter a:hover .num {}

/* Filter home */
.menu-ty-so-truc-tuyen a {
  position         : relative;
  background       : #17a2b8;
  padding-right    : 30px !important;
  -webkit-animation: animation 2.5s infinite;
  animation        : animation 2.5s infinite;
  border-radius    : 5px;
}

.menu-ty-so-truc-tuyen a::after {
  content          : '';
  background       : url('../img/E0NiRNV.png');
  width            : 15px;
  height           : 20px;
  position         : absolute;
  right            : 7px;
  top              : 50%;
  transform        : translateY(-50%);
  margin-top       : -2px;
  background-size  : contain;
  -webkit-animation: Twinkle 2.5s infinite;
  animation        : Twinkle 2.5s infinite;

}

#header .nav-mobile .navbar-nav li a svg {
  width : 20px;
  height: 20px;
}

.single-tab ul {
  display        : flex;
  background     : #1A1D23;
  border-radius  : 6px;
  align-items    : center;
  justify-content: center;
  margin         : 15px 0px;
}

.single-tab ul li:first-child {
  border-left: 1px solid #33373D;
}

.single-tab ul li {
  border-right: 1px solid #33373D;
}

.single-tab ul li a {
  /*font-family: 'Oswald';*/
  font-style    : normal;
  font-weight   : 400;
  font-size     : 13px;
  line-height   : 22px;
  text-transform: uppercase;
  color         : #FFFFFF;
  display       : block;
  padding       : 7px 15px;
}

.single-tab ul li a:hover {
  background: #0B1120;
}

.teambox__odds {
  background   : #1A1D23;
  border-radius: 2px;
}

.teambox__odds .company {
  flex-direction: column;
  background    : #2A3038;
  padding       : 10px 20px;
  flex          : none;
  width         : 135px;
}

.teambox__odds .company .pointer {
  margin-bottom: 15px;
  width        : 100%;
}

.teambox__odds .company .pointer:last-child {
  margin-bottom: 0;
}

.teambox__odds .state {
  width: 90px;
  flex : none;
}

.teambox__odds .state span {
  background     : #2A3038;
  border-radius  : 4px;
  /*font-family  : 'Oswald';*/
  font-style     : normal;
  font-weight    : 400;
  font-size      : 13px;
  line-height    : 22px;
  color          : #AFB4BA;
  width          : 30px;
  height         : 28px;
  display        : flex;
  align-items    : center;
  justify-content: center;
}

.teambox__odds .head {
  background     : #2A3038;
  justify-content: center;
  align-items    : center;
  /*font-family  : 'Oswald';*/
  font-style     : normal;
  font-weight    : 700;
  font-size      : 13px;
  line-height    : 18px;
  color          : #FFFFFF;
  display        : flex;
  height         : 42px;
}

.teambox__odds .box {
  min-height     : 42px;
  /*font-family  : 'Oswald';*/
  font-style     : normal;
  font-weight    : 400;
  font-size      : 13px;
  line-height    : 22px;
  color          : #AFB4BA;
  justify-content: center;
  display        : flex;
  border-bottom  : 1px solid #2A3038;
  border-left    : 1px solid #2A3038;
  margin         : 0px;
}

.teambox__odds .box .col {
  align-items    : center;
  text-align     : center;
  flex           : 1;
  justify-content: center;
  display        : flex;
}

.all-utilities .nav {
  flex-wrap    : nowrap;
  gap          : 12px;
  overflow     : hidden;
  margin-bottom: 15px;
}

.all-utilities .nav a {
  white-space  : nowrap;
  background   : #2A3038;
  border-radius: 4px;
  font-style   : normal;
  font-weight  : 500;
  font-size    : 13px;
  line-height  : 20px;
  color        : #AFB4BA;
  padding      : 6px 10px;
}

.all-utilities .nav a:hover,
.all-utilities .nav a.active {
  background: #0154D4;
  color     : #fff;
}

.all-utilities .match_statistics {}

/* standing */

#ranks,
.standings {
  background   : #1A1D23;
  border-radius: 6px;
  max-height   : 495px;
  overflow-x   : auto;
}

.standings::-webkit-scrollbar-track {
  /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
  background-color: #F5F5F5;
}

.standings::-webkit-scrollbar {
  width           : 5px;
  background-color: #F5F5F5;
  border-radius   : 2.5px;
}

.standings::-webkit-scrollbar-thumb {
  background-color: #44494F;
  /* border       : 2px solid #555555; */
}

.home #ranks .tbl_custom {
  width    : 655px;
  max-width: inherit;
}

.tbl_custom,
.LeagueTableTab_table {
  font-size    : 13px;
  color        : #AFB4BA;
  margin-bottom: 0;
  /*font-family: "Oswald", sans-serif;*/
}

.tbl_custom tr,
.LeagueTableTab_table tr {
  border-bottom: 1px solid #2A3038;
}

#ranks .tbl_custom tr:first-child,
.LeagueTableTab_table thead {
  background   : #2A3038;
  border-bottom: none;
}

.tbl_custom tbody {
  border-bottom: none;
}

.tbl_custom th,
.tbl_custom td,
.LeagueTableTab_table th,
.LeagueTableTab_table td {
  border-top    : none;
  padding       : 12px 13px;
  text-align    : center;
  vertical-align: middle;
  white-space   : nowrap;
}

.tbl_custom th,
.LeagueTableTab_table th {
  font-weight   : 700;
  text-transform: inherit;
  color         : #fff !important;
  padding       : 8px 13px;
  border-bottom : 0px !important;
}

.tbl_custom .td_team,
.LeagueTableTab_table .LeagueTableTab_teamCell {
  text-align: left;
  color     : #F2F3F3;
}

.tbl_custom td:first-child,
.LeagueTableTab_table .LeagueTablePositionCell_positionCell__tooltip {
  color: #717983;
}

.tbl_custom td.td_team img,
.LeagueTableTab_table .LeagueTableTab_teamBadgeImg img {
  width        : 32px;
  height       : 32px;
  -o-object-fit: contain;
  object-fit   : contain;
  margin-right : 10px;
}

.tbl_custom .td_point {
  font-weight: 700;
  color      : #fff;
}

.tbl_custom .tHead th {
  background-color: #191B1F;
}

.tbl_custom .groupname {
  font-weight     : 700;
  color           : #fff;
  background-color: #2E3136;
}

.tbl_custom input[type=checkbox] {
  margin-bottom : 0;
  vertical-align: text-top;
}

.tbl_custom .tdTour p {
  color         : #fff;
  text-transform: uppercase;
  font-weight   : 700;
  border-radius : 2px;
  font-size     : 15px;
  line-height   : 26px;
}

.tbl_custom .tdStatus {
  color      : #EC4242;
  font-weight: 600;
}

.tbl_custom .tdHome,
.tbl_custom .tdAway {
  color: #F2F3F3;
}

.tbl_custom .tdHome {
  text-align: right;
}

.tbl_custom .tdAway {
  text-align: left;
}

.tbl_custom .tdScore p {
  color           : #fff;
  background-color: #0F4CD9;
  border-radius   : 2px;
  font-weight     : 700;
  font-size       : 15px;
}

.tbl_custom .tdScore.noScore p {
  background-color: #2E3136;
}

.tbl_custom .tdHt {
  font-weight: 700;
  color      : #fff;
}

.tbl_custom .tdTop a {
  width           : 20px;
  height          : 20px;
  background-color: #2E3136;
  display         : inline-block;
  line-height     : 20px;
  border-radius   : 2px;
  color           : #AFB4BA;
}

.tbl_custom .tdTop .active i {
  transform: matrix(1, 0, 0, -1, 0, 0);
}

.LeagueTableTab_wrapper {
  display                   : block;
  width                     : 100%;
  overflow-x                : auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style        : -ms-autohiding-scrollbar;
}

.LeagueTableTab_table .LeagueTableTab_rightHeader {
  width: 3rem;
}

.LeagueTableTab_table .LeagueTableTab_centerHeader {
  width: 3.4rem;
}

.LeagueTableTab_table .LeagueTableRow:hover,
.LeagueTableTab_table .LeagueTableRow:hover .LeagueTablePositionCell_positionCell__tooltip,
.LeagueTableTab_table .LeagueTableRow:hover .LeagueTableTab_teamCell {
  color: #fff;
}

.LeagueTableTab_table .LeagueTableTab_teamsHeader {
  text-align: left;
  min-width : 9rem;
}

.LeagueTableTab_table .LeagueTablePositionCell_tooltip {
  display: none;
}

.LeagueTableTab_table .LeagueTableTab_teamBadgeImg {
  display: inline-block;
}

.LeagueTableTab_table tbody tr:last-child {
  border-bottom-width: 2px;
}

/*.LeagueTableTab_table td:first-child, .LeagueTableTab_table td:nth-child(2){ background: #121A3A}*/

/*.LeagueTableTab_table td:first-child, .LeagueTableTab_table th:first-child{position: sticky; z-index: 9; left: 0}*/

/*.LeagueTableTab_table td:nth-child(2), .LeagueTableTab_table th:nth-child(2) {position: sticky; left: 38px; z-index: 9}*/

.standings .exGroup {
  background    : #000;
  text-align    : center;
  padding       : 5px;
  text-transform: uppercase;
  font-weight   : bold;
  /*font-family : "Oswald", sans-serif;*/
}

.LeagueTableTab_table .LeagueTablePositionCell_positionCell {
  position: relative;
}

.LeagueTableTab_table .LeagueTablePositionCell_trimBefore {
  z-index                : 1;
  width                  : 20px;
  border-top-left-radius : 5px;
  position               : absolute;
  transform              : translateX(-50%);
  left                   : 50%;
  bottom                 : 0;
  height                 : 4px;
  border-top-right-radius: 5px;
}

.promotion_1 {
  background-color: #00efff;
}

.promotion_2 {
  background-color: #f1c371;
}

.promotion_3 {
  background-color: #23df8c;
}

.promotion_4 {
  background-color: #6f51da;
}

.relegation_1 {
  background-color: #dc4546;
}

.relegation_2 {
  background-color: #922f2f;
}

.LeagueTableTab_table .LeagueTableTab_centerCell .form {
  display        : flex;
  justify-content: center;
  align-items    : center;
}

.LeagueTableTab_table .LeagueTableTab_centerCell .form span {
  font-size    : 13px;
  border-radius: 50%;
  line-height  : 24px;
  width        : 24px;
  max-width    : 24px;
  height       : 24px;
  max-height   : 24px;
  color        : #05021c;
  margin-left  : 6px;
}

.LeagueTableTab_table .LeagueTableTab_centerCell .form span:first-child {
  margin: 0;
}

.LeagueTableTab_table .LeagueTableTab_centerCell .form span.W {
  background: #00efff;
}

.LeagueTableTab_table .LeagueTableTab_centerCell .form span.D {
  background: #efc26f;
}

.LeagueTableTab_table .LeagueTableTab_centerCell .form span.L {
  background: #cc4545;
}

.LeagueStagePhases_leagueStagePhases {
  padding: 16px 16px 25px;
}

.LeagueStagePhases_row {
  display      : flex;
  color        : #F2F3F3;
  /*font-family: "Oswald", sans-serif;*/
  font-weight  : 300;
  font-size    : 12px;
  align-items  : center;
  line-height  : 22px;
}

.LeagueStagePhases_circle {
  min-width    : 8px;
  width        : 8px;
  height       : 8px;
  border-radius: 50%;
  float        : left;
  margin-right : 13px;
}

.letterShortDesc {
  padding: 0 15px 15px;
  display: flex;
}

.letterShortDesc span {
  margin       : 0 0.5rem;
  /*font-family: "Raleway", sans-serif;*/
  font-weight  : 500;
  font-size    : 12px;
}

.letterShortDesc span:first-child {
  margin-left: 0;
}

.letterShortDesc span strong {
  color: #AFB4BA;
}

#history .tbl_custom {
  /*font-family: "Raleway", sans-serif;*/
  font-size: 12px;
}

#history .tbl_custom th,
#history .tbl_custom td {
  text-align: left;
  padding   : 12px 28px 12px 0;
}

#history .tbl_custom,
#history .tbl_custom td:first-child {
  color: #fff;
}

#history .tbl_custom tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

#history .tbl_custom th {
  padding: 8px 28px 8px 0;
}

.tab-pane .standings .tbl_custom th,
.tab-pane .standings .LeagueTableTab_table th {
  padding: 5px;
}

.tab-pane .standings .LeagueTableTab_table td {
  padding: 5px;
}

.tab-pane .standings .LeagueTableTab_table td img {
  width       : 20px;
  height      : 20px;
  margin-right: 5px;
}

/* end standing */
/* lineup */

.Field_fieldWrapper {
  background-color: #1D9C5B;
  font-size       : 12px;
  max-height      : 495px;
  overflow-y      : scroll;
}

.Field_fieldWrapper::-webkit-scrollbar-track {
  /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
  background-color: #F5F5F5;
}

.Field_fieldWrapper::-webkit-scrollbar {
  width           : 5px;
  background-color: #F5F5F5;
  border-radius   : 2.5px;
}

.Field_fieldWrapper::-webkit-scrollbar-thumb {
  background-color: #44494F;
  /* border       : 2px solid #555555; */
}

.Field_fieldWrapper .Field_teamInfo {
  display         : flex;
  justify-content : space-between;
  background-color: #17834B;
  padding         : 0.5rem;
  align-items     : center;
}

.Field_fieldWrapper .Field_teamInfo .Field_name {
  display    : flex;
  align-items: center;
}

.Field_fieldWrapper .Field_teamInfo .Field_name img {
  width       : 25px;
  margin-right: 1rem;
}

.Field_playingField {
  position: relative;
  overflow: hidden;
  height  : 726px;
}

.Field_playingField .Field_awayForm,
.Field_playingField .Field_homeForm {
  display        : flex;
  position       : absolute;
  z-index        : 20;
  flex-direction : column;
  justify-content: space-between;
  width          : 100%;
  padding        : 0.5rem;
  height         : 50%;
}

.Field_playingField .Field_awayForm {
  top: 50%;
}

.Field_playingField .Field_awayForm .Field_formRow,
.Field_playingField .Field_homeForm .Field_formRow {
  align-items: flex-start;
  color      : #fff;
  display    : flex;
}

.Field_playingField .Field_corners {
  height  : 100%;
  overflow: hidden;
  position: relative;
  width   : 100%;
}

/*.Field_playingField .Field_corners div {border: 2px solid #61BA8D; border-radius: 9999px; height: 4rem; position: absolute; width: 4rem; }
  .Field_playingField .Field_corners .Field_tl {left: -20px; top: -20px; }
  .Field_playingField .Field_corners .Field_tr {left: calc(100% + -20px); top: -20px; }
  .Field_playingField .Field_corners .Field_br {bottom: -20px; right: -20px; }
  .Field_playingField .Field_corners .Field_bl {bottom: -20px; left: -20px; }*/

.Field_playingField .Field_centerLine {
  border-top: 1px solid #61BA8D;
  position  : absolute;
  top       : calc(50% - 2px);
  width     : 100%;
}

.Field_playingField .Field_centerSpot {
  position        : absolute;
  width           : 6px;
  height          : 6px;
  border-radius   : 9999px;
  background-color: #61BA8D;
  left            : calc(50% - 3px);
  top             : calc(50% - 4px);
}

.Field_playingField .Field_centerCircle {
  position     : absolute;
  height       : 76px;
  border-radius: 9999px;
  border       : 1px solid #61BA8D;
  left         : calc(50% - 38px);
  top          : calc(50% - 38px);
  width        : 76px;
}

.Field_goalBox,
.Field_penaltyArea {
  position: absolute;
  width   : 50%;
  left    : calc(50% - 25%);
  border  : 1px solid #61BA8D;
}

.Field_penaltyArea {
  z-index: 19;
  height : 10%;
}

.Field_penaltyArea.Field_top {
  top: -2px;
}

.Field_goalBox {
  height: 2.4rem;
}

.Field_penaltyArea.Field_top .Field_goalBox {
  top: -2px;
}

.Field_arch {
  position     : absolute;
  left         : calc(50% - 29px);
  border       : 1px solid #61BA8D;
  border-radius: 50% 50% 0 0/100% 100% 0 0;
  width        : 58px;
  height       : 15px;
}

.Field_arch.Field_top {
  top      : 67px;
  transform: rotate(180deg);
}

.Field_penaltyArea.Field_bottom {
  top       : auto;
  border-top: 1px solid #61BA8D;
  bottom    : -2px;
}

.Field_penaltyArea.Field_bottom .Field_goalBox {
  top       : auto;
  border-top: 1px solid #61BA8D;
  bottom    : -2px;
}

.Field_arch.Field_bottom {
  bottom                    : 68px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius : 0;
  top                       : auto;
  border-top-width          : 1px;
}

.Field_player {
  flex: 1 1;
}

.Field_player .Field_info {
  display        : flex;
  flex           : 1 1;
  justify-content: center;
  text-align     : center;
}

.Field_player .Field_info .Field_circle {
  align-items    : center;
  border-radius  : 9999px;
  display        : flex;
  height         : 20px;
  width          : 20px;
  justify-content: center;
  font-size      : 8px;
  position       : relative;
  border         : 1px solid #fff;
}

.Field_player .Field_info .Field_circle {
  background-color: #99040B;
}

.Field_player .Field_info .Field_circle.Field_away {
  background-color: #FD583C;
}

.Field_player .Field_name {
  color          : #fff;
  display        : block;
  justify-content: center;
  margin-top     : 0.25rem;
  text-align     : center;
}

.Field_player .Field_name strong {
  color       : #aaa;
  margin-right: 0.25rem;
}

.Field_player .Field_info .Field_circle .Field_card,
.Field_player .Field_info .Field_circle .Field_goal,
.Field_player .Field_info .Field_circle .Field_ownGoal,
.Field_player .Field_info .Field_circle .Field_sub {
  position: absolute;
}

.Field_player .Field_info .Field_circle .Field_card {
  right: -5px;
  top  : -5px;
}

.Field_player .Field_info .Field_circle .Common_iconWrapper {
  position : relative;
  width    : 0.7rem;
  max-width: max-content;
}

.Field_player .Field_info .Field_circle .Common_iconWrapper svg {
  display: block;
  height : 0.7rem;
  width  : 0.7rem;
}

.Field_player .Field_info .Field_circle .Common_iconWrapper svg[name=FootballGoal] {
  height: 1.4rem;
  width : 1.4rem;
}

.Field_player .Field_info .Field_circle .Field_sub {
  bottom: -5px;
  right : -5px;
}

.Field_player .Field_info .Field_circle .Field_goal {
  top : -5px;
  left: -5px;
}

/* end lineup */
@keyframes Twinkle {
  0% {
    opacity: 0
  }

  25% {
    opacity: 1
  }

  50% {
    opacity: 0
  }

  75% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@-webkit-keyframes Twinkle {
  0% {
    opacity: 0
  }

  25% {
    opacity: 1
  }

  50% {
    opacity: 0
  }

  75% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@-webkit-keyframes animation {
  0% {
    background-color: #6c757d;
  }

  50.0% {
    background-color: #e800f4;
  }

  100.0% {
    background-color: #fc5407;
  }
}

@keyframes animation {
  0% {
    background-color: #6c757d;
  }

  50.0% {
    background-color: #e800f4;
  }

  100.0% {
    background-color: #fc5407;
  }
}

.tt-world-cup a {
  color          : transparent !important;
  display        : inline-block;
  width          : 120px;
  background     : url(../img/3Q6ljMG.png) no-repeat center center !important;
  white-space    : nowrap;
  background-size: contain !important;
}

.tt-bdif a {
  color          : transparent !important;
  display        : inline-block;
  width          : 150px;
  height         : 40px;
  background     : url(../img/GmyY3gk.gif) no-repeat center center !important;
  white-space    : nowrap;
  background-size: cover !important;
}

@media screen and (max-width: 767px) {
  .single-tab ul {
    flex-flow: wrap;
  }

  .single-tab ul li {
    border-left  : 1px solid #33373D;
    border-right : 1px solid #33373D;
    border-bottom: 1px solid #33373D;
  }

  .teambox__odds {
    position      : static;
    transform     : inherit;
    flex-direction: column !important;
  }

  .teambox__odds .company {
    flex-direction: row;
    width         : auto;
    margin        : 0px;
    padding       : 10px;
    background    : #1A1D23;
  }

  .teambox__odds .company .pointer {
    margin-bottom: 0;
  }

  .teambox__odds .state {
    display: none;
  }

  .showOdds .table {
    flex: 50%;
  }

  .teambox {
    min-height: inherit;
  }
}

.box {
  margin-bottom: 30px;
  position     : relative;
  z-index      : 4
}

.box .box-header {
  margin-top   : 10px;
  margin-bottom: 1.25rem;
}

.headlineA1 {
  font-size    : 1.6em;
  margin-bottom: 15px;
}

.box .box-header .headlineA1 {
  padding-left  : 1rem;
  border-left   : 3px solid #25ff70;
  margin-bottom : 0;
  text-transform: uppercase;
  color         : #fff;
  font-weight   : bold;
}

.box .box-header .description {
  padding-left : calc(1rem + 5px);
  margin-top   : 2px;
  color        : #8e8f92;
  margin-bottom: -5px
}

.mw-w-sidebar {
  display: block
}

.mw-w-sidebar .main-left {
  width: calc(50% - 10px);
  float: left
}

.mw-w-sidebar .sidebar-right {
  width: calc(50% - 10px);
  float: right
}

.mw-w-sidebar.is-page .main-left {
  width: 60%
}

.mw-w-sidebar.is-page .sidebar-right {
  width: calc(40% - 20px)
}

.mw-w-sidebar.is-basic .main-left {
  width: calc(100% - 380px)
}

.mw-w-sidebar.is-basic .sidebar-right {
  width: 350px
}

.text-cut,
.team-name span.v-center,
.news-list .item .news-title,
.video-list .item .video-title,
.host-list .item .description,
.news-big .news-detail .description,
.player .name,
.match_list .item.item-single .single-content .sc-name,
.xitem .xitem-main .team .team-name {
  display           : -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow          : hidden;
}

.news-big {
  margin-bottom: 30px;
  overflow     : hidden;
  padding-left : 50%;
  position     : relative
}

.news-big .news-thumb {
  position      : absolute;
  top           : 0;
  left          : 0;
  width         : 50%;
  bottom        : 0;
  height        : 100%;
  padding-bottom: 0;
}

.news-big .news-detail {
  width        : 100%;
  padding      : 20px 25px;
  background   : #2f3137;
  min-height   : 340px;
  border-bottom: 1px solid #25FF70
}

.news-big .news-detail .news-title {
  font-size    : 1.5em;
  font-weight  : bold;
  line-height  : 1.4;
  margin-bottom: 1rem
}

.news-big .news-detail .news-title a {
  color: #25FF70
}

.news-big .news-detail .description {
  -webkit-line-clamp: 5
}

.news-big .news-detail .stick-match {
  margin-bottom: 10px;
  font-size    : 1.1em
}

img {
  vertical-align: middle;
  border-style  : none;
}

.news-thumb-img {
  position  : absolute;
  top       : 0;
  left      : 0;
  right     : 0;
  bottom    : 0;
  object-fit: cover;
  width     : 100%;
  height    : 100%;
}


.mw-w-sidebar .sidebar-right {
  width: calc(50% - 10px);
  float: right;
}

.mw-w-sidebar.is-basic .sidebar-right {
  width: 350px;
}

.host-logo img,
.news-thumb-img,
.video-thumb-img {
  /*background: #e4e4e4;*/
}

.host-logo,
.news-thumb,
.video-thumb {
  position      : relative;
  width         : 100%;
  padding-bottom: 68%;
  display       : block;
}

.news-thumb {
  position      : relative;
  padding-bottom: 56%;
}

.news-list {
  position: relative;
  margin  : 0 -10px
}

.news-list .item {
  float     : left;
  width     : calc(100% - 20px);
  margin    : 0 10px 1px;
  padding   : 15px;
  background: #2f3137;
  position  : relative
}

.news-list .item:hover {
  background: #11233A
}

.news-list .item .news-title {
  font-size         : 1em;
  line-height       : 1.6;
  font-weight       : 400;
  margin-bottom     : 0;
  -webkit-line-clamp: 8
}

.news-list .item .news-thumb {
  float         : left;
  width         : 120px;
  padding-bottom: 75px;
  margin-right  : 1rem
}

.news-list .item.item-highlight {
  width        : calc(25% - 20px);
  padding      : 0;
  margin-bottom: 15px;
  background   : none !important;
}

.news-list .item.item-highlight:nth-of-type(4n+1) {
  clear: both
}

.news-list .item.item-highlight .news-thumb {
  width         : 100%;
  padding-bottom: 56%;
  float         : none;
  margin-right  : 0;
  ;
}

.news-list .item.item-highlight .news-title {
  margin: .75rem 0;
}

.news-list .item .icon-chat {
  position     : absolute;
  z-index      : 3;
  top          : 1rem;
  right        : 1rem;
  border-radius: 50%;
  width        : 36px;
  height       : 36px;
  background   : #4b4e56;
  text-align   : center;
  display      : none
}

.news-list .item .icon-chat:before {
  content    : "\f10e";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color      : #fff;
  line-height: 36px;
  font-size  : 16px;
  text-shadow: 0 0 10px #103c29
}

.news-list .item.item-highlight .icon-chat {
  display   : block;
  bottom    : -8px;
  top       : auto;
  right     : 1rem;
  background: #25FF70;
  box-shadow: 0 0 10px rgba(10, 254, 151, .3) !important;
}

.news-list-page {
  margin: 0 -3px
}

.news-list-page .item.item-highlight {
  width : calc(33.33% - 6px);
  margin: 0 3px 20px;
}

.news-list-page .item.item-highlight:nth-of-type(4n+1) {
  clear: none
}

.news-list-page .item.item-highlight:nth-of-type(3n+1) {
  clear: both
}

.news-list-page .item .icon-chat {
  display: none !important;
}

.news-list-page .item.item-highlight .news-title {
  margin     : 0;
  padding    : 12px 0;
  font-weight: bold;
  line-height: 1.5
}

.news-list-page .item.item-highlight:hover .news-title a {
  color: #25FF70
}

.news-list-page .item.item-highlight .news-thumb {
  padding-bottom: 65%
}

.news-list a {
  color          : #fff;
  text-decoration: none !important;
  outline        : 0;
}

.vb-pagination {
  margin: 30px 0;
}

.vb-pagination .pagination .page-item {
  margin: 5px;
}

.vb-pagination .pagination .page-item .page-link {
  border-radius: 4px;
  border       : none;
  background   : #2f3137;
  color        : #fff;
  font-weight  : 500;
  line-height  : 1em;
}

.vb-pagination .pagination .page-item .page-link:hover {
  color: #25FF70;
}

.vb-pagination .pagination .page-item.active .page-link {
  background: #25FF70;
  color     : #111;
  cursor    : default;
}

.vb-pagination .pagination-lg .page-item .page-link {
  padding      : 0 10px;
  line-height  : 40px;
  font-size    : 16px;
  border-radius: 6px;
  min-width    : 40px;
  text-align   : center;
}

.read-news {
  margin-bottom: 30px;
}

.box-wbg {
  background: #25272d;
}

.box-wpd {
  padding: 20px;
}

#player_news {
  margin       : 0 auto;
  margin-bottom: 30px;
  max-width    : 100%;
}

@media screen and (max-width: 989px) {

  .mw-w-sidebar .main-left,
  .mw-w-sidebar .sidebar-right {
    width        : 100%;
    float        : none;
    margin-bottom: 30px;
  }

  .box-wpd {
    padding: 10px;
  }
}


@media screen and (max-width: 1199px) {

  .cd_-main.mw-w-sidebar.is-basic .main-left,
  .mw-w-sidebar.is-basic .main-left,
  .mw-w-sidebar.is-basic .sidebar-right {
    width        : 100%;
    float        : none;
    margin-bottom: 30px;
  }
}




@media screen and (max-width: 768px) {
  .news-list a {
    font-weight: normal;
  }

  .news-list .item.item-highlight {
    width : calc(50% - 20px);
    margin: 0 10px 20px;
  }

  .news-list .item.item-highlight:nth-of-type(2n+1) {
    clear: both;
  }

  .news-list-page {
    margin: 0 -10px;
  }

  .news-list-page .item.item-highlight:nth-of-type(3n+1) {
    clear: none
  }

  .news-list-page .item.item-highlight .news-title {
    padding: 10px 0;
  }

  .news-big {
    padding: 0 !important;
  }

  .news-big .news-thumb {
    position      : relative;
    top           : auto;
    left          : auto;
    right         : auto;
    bottom        : auto;
    height        : auto;
    width         : 100% !important;
    padding-bottom: 50%;
  }

  .news-big .news-detail {
    min-height: auto !important;
    padding   : 15px;
  }
}

@media screen and (max-width: 520px) {
  .news-big {
    margin-bottom: 20px;
  }

  .news-big .news-detail {
    padding      : 10px 0;
    background   : none;
    border-bottom: none;
  }

  .news-big .news-detail .news-title {
    margin-bottom: 0;
    font-size    : 1.1em;
    font-weight  : 500;
  }

  .news-big .news-detail .news-title a {
    color: #fff;
  }

  .news-big .news-detail .stick-match {
    display: none
  }

  .news-big .news-detail .description {
    display: none
  }
}

@media screen and (max-width: 479px) {
  .news-list .item.item-highlight {
    clear: both;
    width: calc(100% - 20px);
  }

  .news-list .item.item-highlight .news-thumb {
    width         : 130px;
    padding-bottom: 80px;
    margin-right  : 15px;
    float         : left;
  }

  .news-list .item.item-highlight .news-title {
    margin: 0;
  }

  .news-list-page .item.item-highlight .news-title {
    padding: 0;
  }

  .news-list .item.item-highlight .icon-chat {
    display: none;
  }

  .news-big .news-detail .news-title {
    font-size: 1.1em
  }
}

.mmo {
  position: relative;
}

@media screen and (max-width: 768px) {
  .mmo.for-desktop-bootstrap {
    display: none;
  }
}

@media screen and (max-width: 728px) {
  .mmo.for-mobile {
    display: block;
  }

  .mmo.for-desktop {
    display: none;
  }
}

.rn-close {
  position       : absolute;
  z-index        : 99;
  top            : 0;
  right          : 0;
  width          : 50px;
  height         : 50px;
  display        : flex;
  align-items    : center;
  justify-content: center;
  cursor         : pointer;
}

.rn-close span {
  width           : 30px;
  height          : 30px;
  border-radius   : 0.5rem;
  text-align      : center;
  background-color: #fff;
  line-height     : 30px;
  font-size       : 20px;
  color           : #111;
}


.breadcrumb {
  background   : transparent;
  white-space  : nowrap;
  width        : 100%;
  overflow-x   : hidden;
  margin-bottom: 5px;
  padding-left : 0;
}

@media screen and (max-width: 728px) {
  .breadcrumb {
    overflow-x: scroll;
  }
}


.search-box {
  position: relative;
  margin  : 20px 0;
}

.search-box .row {
  margin-right: 0px;
  margin-left : 0px;
}

.search-box .col-md-2,
.search-box .col-md-10 {
  padding-right: 0px;
  padding-left : 0px;
}

.search-box select {
  height       : 42px;
  border-radius: 4px;
  padding      : 6px;
  outline      : none;
}

.search-box select option {
  height : 42px;
  padding: 10px;
}

.search-box .fa-search {
  position: absolute;
  top     : 14px;
  left    : 16px;
  color   : #000;
}

.search-box input {
  height     : 42px;
  text-indent: 25px;
  /*border   : 2px solid #d6d4d4;*/
  outline    : none;
}

.search-box button {
  position  : absolute;
  top       : 4px;
  right     : 4px;
  height    : 34px;
  width     : 100px;
  background: #0B1120 !important;
  color     : #fff !important;
}


.require-login {
  display   : none;
  position  : absolute;
  bottom    : 0;
  left      : 0;
  right     : 0;
  height    : 125px;
  z-index   : 9;
  background: rgb(58, 61, 68);
  background: linear-gradient(0deg, rgba(58, 61, 68, 0.95) 0%, rgba(58, 61, 68, 0.95) 80%, rgba(58, 61, 68, 0) 100%);
}

.require-login.active {
  display: block;
}

.require-login a {
  position  : absolute;
  left      : 20px;
  right     : 20px;
  top       : 40%;
  text-align: center;
  transform : translateY(-50%);
  color     : #fff !important;
  cursor    : pointer;
}

.require-login a strong {
  display      : block;
  color        : #25FF70;
  font-size    : 1.1em;
  margin-top   : 20px;
  margin-bottom: 5px;
}

.score_detail {
  display: flex;
  margin : 6px;
}

.score_detail .item {}

.score_detail .item .home,
.score_detail .item .away {
  padding   : 2px 6px;
  border    : 1px solid #ccc;
  text-align: center;
}

.score_detail .item .home {}

.score_detail .item .away {}


.all-utilities {
  height       : 100%;
  width        : 100%;
  /*width      : calc(100% + 16px);
    margin-left: -8px;*/
}

.tab {
  overflow: hidden;
  display : flex;
}

.tab button {
  border    : none;
  outline   : none;
  cursor    : pointer;
  padding   : 5px 12px;
  transition: 0.3s;
  width     : 100%;
  background: #242424;
  color     : #bcbcbc;
  border-top: 1px solid #4c4c4c;
  box-shadow: 0 0 1px #e6e6e6 !important;
  font-size : 14px;
}

.tab button:hover {
  background-color: #1e1e1e;
  color           : #0057ff;
  border-top      : 1px solid #0057ff;
}

.tab button.active {
  background-color: #121212;
  color           : #0057ff;
  border-top      : 1px solid #0057ff;
  box-shadow      : 0 0 1px #e6e6e6;
}

.chatboxi {
  height: 100%;
}

.tabcontents {
  height  : calc(100% - 70px);
  position: relative;
}

.tabcontent {
  display      : none;
  background   : #282828;
  /* min-height: 580px; */
  height       : 100%;
}

.tabcontent.active {
  display: block
}

.tc_links {
  display    : flex;
  align-items: center;
  z-index    : 99;
  position   : relative;
}

.tc_links #tv_links {
  padding-top: 4px;
  flex       : 1 1 0;
}

.btn-tab {
  height       : 32px;
  min-width    : 32px;
  line-height  : 32px;
  font-weight  : 500;
  margin-left  : 3px;
  background   : #242424;
  display      : block;
  cursor       : pointer;
  text-align   : center;
  border       : 1px solid #5e5e5e;
  border-bottom: none;
}

/*.mcf-btn {
    height: 32px;
    line-height: 32px;
    font-weight: 500;
    margin-left: 6px;
    background: #242424;
    display: block;
    cursor: pointer;
    text-align: center;
    border: 1px solid #5e5e5e;
    border-bottom: none;
}*/
.social_right {
  margin-right: 0px;
  margin-left : 0px;
  padding     : 5px 0;
}

body.player-full {
  height    : 100%;
  /*overflow: hidden;*/
  overflow  : auto !important;
}

.chatbox_wrap {
  /*position:absolute;top:0;right:0;bottom:0;width:100%;*/
  background: #1d1e22;
}

body.player-full .mc_live_wrap .vb-player {
  width      : calc(100% - 90px + 20px);
  margin-left: -20px
}

body.player-full .mc_live_wrap .chatbox_wrap {
  width: calc(100% + 90px + 20px);
  right: -20px
}

.close-chat {
  right: 110px;
}

body.player-full {
  height  : 100%;
  overflow: hidden
}

body.player-full header,
body.player-full footer,
body.player-full #match-detail,
body.player-full h1,
body.player-full .teambox_w,
body.player-full .marquee-container {
  display: none
}

body.player-full .expand-btn {
  background: #4d5057
}

body.player-full .expand-btn i:before {
  content: "\f066";
}

.chat-btn {
  background: #4d5057
}

.chat-btn.slash {
  background: #242424
}

.chat-btn.slash i:before {
  content: "\f4b3";
}


body.player-full #play_main {
  position      : fixed;
  z-index       : 999;
  top           : 0;
  left          : 0;
  right         : 0;
  bottom        : 0;
  margin        : 0;
  padding       : 6px;
  padding-bottom: 0;
  height        : 100%;
  min-height    : -webkit-fill-available;
}

body.player-full #play_main:before {
  content         : "";
  position        : absolute;
  left            : 0;
  right           : 0;
  top             : 0;
  bottom          : 0;
  background-color: #000;
  z-index         : -1;
}

body.player-full #play_main .player__left {
  border-right: 1px solid #2d2d2d;
  float       : none;
  width       : 100%;
  z-index     : 3;

  top    : 0;
  left   : 0;
  padding: 0;
  margin : 0;
}

body.player-full #play_main .player__right {
  padding-left : 0;
  padding-right: 0;
}

body.player-full #play_main .player__right .vb-chatbox {
  height  : 100%;
  overflow: hidden;
}

body.player-full #play_main .player__right .vb-chatbox .chatbox_wrap {
  position      : absolute;
  top           : 0;
  left          : 0;
  right         : 0;
  bottom        : 0;
  padding-bottom: 0;
  height        : 100%;
}

.embed-responsive {
  padding-bottom: 59.25%;
}

body.player-full .embed-responsive {
  /*padding-bottom: calc(100% - 103px);*/
  height: calc(100% - 93px);
}

.embed-responsive::before {
  padding-top: 0;
}


@media screen and (max-width: 992px) {
  .tc_links #tv_links {
    float      : none;
    white-space: normal;
    overflow   : hidden;
  }

  #tv_links a {
    display: inline-block !important;
    float  : none;
  }

  .tc_links {}

  body.player-full .title_head,
  body.player-full .social_right {
    display: none;
  }

  body.player-full .embed-responsive {
    /*height: 59.25%;*/
    height        : unset;
    padding-bottom: 59.25%;
  }

  body.player-full #play_main {
    padding: 0;
  }

  body.player-full #play_main .player__left {
    position: fixed;
  }

  body.player-full #play_main .player__right {
    position: fixed;
    top     : 288px;
    left    : 0;
    right   : 0;
    bottom  : 0;
    width   : 100%;
    padding : 0;
    height  : calc(100% - 288px);
  }

  body.player-full .tabcontents .tabcontent {
    min-height: 100%;
  }

  body.player-full .tabcontents {
    height: calc(100% - 32px);
  }

  body.player-full .chatboxi {
    height: 100%;
  }

  .mct_-bet-bot {
    display         : inline-block;
    height          : 28px;
    line-height     : 28px;
    padding         : 0 4px;
    border-radius   : 0.25rem;
    /* margin-left  : 5px; */
  }
}

.bottom-cf {
  display       : flex;
  flex-direction: row;
}

.bottom-cf a {
  margin : 0;
  padding: 0;
}

.bottom-cf img {}


.banner-fix-left {
  position   : fixed;
  left       : 0;
  top        : 0;
  height     : 100%;
  z-index    : 1000;
  display    : flex;
  align-items: center;
}

.banner-fix-right {
  position   : fixed;
  right      : 0;
  top        : 0;
  height     : 100%;
  z-index    : 1000;
  display    : flex;
  align-items: center;
}

.banner-fix-left .banner-fix--container,
.banner-fix-right .banner-fix--container {
  justify-content: center;
  align-items    : center;
  position       : relative;
}


.banner-fix-left .img,
.banner-fix-right .img {
  display       : flex;
  flex-direction: column;
}

.banner-fix-left .banner-remove {
  position       : absolute;
  z-index        : 999;
  top            : 0;
  right          : 0;
  width          : 45px;
  height         : 45px;
  display        : flex;
  align-items    : center;
  justify-content: center;
  cursor         : pointer;
  text-shadow    : 0 0 10px #fff;
  background     : rgb(0 0 0 / 43%);
  color          : #fff;
}

.banner-fix-right .banner-remove {
  position       : absolute;
  z-index        : 999;
  top            : 0;
  left           : 0;
  width          : 45px;
  height         : 45px;
  display        : flex;
  align-items    : center;
  justify-content: center;
  cursor         : pointer;
  text-shadow    : 0 0 10px #fff;
  background     : rgb(0 0 0 / 43%);
  color          : #fff;
}



@media screen and (max-width: 860px) {
  .bottom-cf {
    display              : grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .banner-fix-right,
  .banner-fix-left {
    display: none !important;
  }
}

.bottom-cf img {
  height    : auto;
  width     : auto;
  object-fit: contain;
}

@media screen and (max-width: 550px) {
  .bottom-cf {
    display              : grid;
    grid-template-columns: repeat(1, 1fr);
  }

  .bottom-cf img {
    height    : 40px;
    width     : 100%;
    object-fit: cover;
  }

}


@media screen and (max-width: 990px) {
  .tabcontents {
    height  : 400px;
    position: relative;
  }
}

.st-btn.st-first.st-last {
  width: 100% !important;
}


.demo-for-pay {
  position: relative;
}

.demo-for-pay img {
  position: relative;
}

.demo-for-pay .block {
  position   : absolute;
  background : #000000bd;
  width      : 100%;
  height     : 100%;
  z-index    : 1;
  top        : 0;
  left       : 0;
  right      : 0;
  bottom     : 0;
  white-space: break-spaces;
  text-align : center;
}

.demo-for-pay .block a {
  color    : red;
  font-size: 15px;
}

.demo-for-pay .block span {
  color    : #fff;
  font-size: 14px;
}