@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,300&display=swap');
body {
  background-color: #f2f2f2;
  font-family: Roboto !important;
  font-weight: 400;
}
a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  color: #bc0136;
}
.bg-dark {
  background-color: #181818 !important;
}
.relative {
  position: relative;
}
.max-width-100 {
  max-width: 100%;
}
.opacity-hover {
  opacity: 0.9;
  transition: all 0.4s;
}
.opacity-hover:hover {
  opacity: 1;
}
.rounded-7 {
  border-radius: 0.7rem !important;
}
._500 {
  font-weight: 500;
}
.icon-live {
  content: "";
  position: relative;
  display: inline-block;
  top: -1px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: rgb(194, 0, 0);
  animation: 0s ease 0s 1 normal none running none;
}
.main-header {
  height: 56px;
  line-height: 56px;
  vertical-align: middle;
  padding: 0 1rem;
}
.main-header .datepicker {
  width: 56px;
  height: 56px;
  text-align: center;
}
.nav-content {
  font-size: 13px;
  font-weight: 500;
}
.nav-tabs .nav-item:first-child .nav-link {
  border-left-style: none;
}
.nav-content .nav-link {
  color: rgb(139, 139, 139);
  transition: none;
  border-bottom: none;
}
.nav-content .nav-item .live {
  color: rgb(194, 0, 0) !important;
}
.nav-content .nav-item .active:not(.live) {
  color: #ffeb00;
}
.nav-content .nav-item .active {
  background: #254892;
  border-bottom-color: #f8f9fa;
}
.nav-content .nav-item:first-child .active {
  /* border-left-style: none; */
}
.nav-content.nav-category .nav-item .active {
  /* border-top-color: #f8f9fa; */
  border-radius: 0;
  border: none;
  margin-top: 1px;
}
.nav-border-bottom .nav-link {
  color: rgb(139, 139, 139);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
}
.nav-border-bottom .nav-link:focus, .nav-border-bottom .nav-link:hover {
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  border-bottom-width: 0;
  margin-bottom: 0;
}
.nav-border-bottom .nav-item.show .nav-link, .nav-border-bottom .nav-link.active {
  border-bottom: 3px solid #254892;
  opacity: 1;
  color: #254892;
  background-color: transparent;
}
.widget-leagues {
  font-size: 13px;
}
.widget-leagues li {
  padding: 0.45rem 1rem;
}
.widget-leagues .league-wrap {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  min-width: 1px;
}
.widget-leagues li:hover {
  background-color: rgb(241, 242, 245);
}
.widget-leagues a {
  color: rgb(64, 64, 64);
}
.widget-leagues a:hover {
  color: #bc0136;
}
.widget-title {
  width: calc(100%);
  padding: 0;
  outline: none;
  color: #254892;
  text-align: center;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .4px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  line-height: 2;
}
.widget-title:after {
  display: block;
  width: 100%;
  content: "";
  border-bottom: 1px solid #254892;
}
.fs-20 {
  font-size: 20px;
}
.fs-21 {
  font-size: 16px !important;
}
.fs-16 {
  font-size: 16px !important;
}
.fs-14 {
  font-size: 14px !important;
}
.fs-13 {
  font-size: 13px !important;
}
.fs-12 {
  font-size: 12px !important;
}
.fw-500 {
  font-weight: 500 !important;
}
.fw-400 {
  font-weight: 400 !important;
}
.fw-700 {
  font-weight: 700 !important;
}
.w-18 {
  width: 18px;
}
.h-18 {
  height: 18px;
}
.w-21 {
  width: 21px;
}
.event__more {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: underline;
  cursor: pointer;
}
.section-category .category-title {
  text-transform: capitalize;
}
.category-title a{color: #254892;}
.section-category .description {
  font-size: 12px;
  font-weight: 500;
  color: #000000;
}
.section-fixtures {
  font-size: 13px;
}
.section-fixtures a {
  color: rgb(128, 128, 128);
}
.section-fixtures .match:hover {
  background-color: rgb(241, 242, 245);
}
.section-fixtures .match .match-time {
  min-width: 50px;
}
.section-fixtures .match .match-favorite {
  width: 50px;
}
.section-fixtures .match .score {
  width: 10px;
  text-align: center;
  font-weight: 500;
}
.featured-match .match {
  background-color: #f8f9fa;
  margin-bottom: 5px;
}
.featured-match .match .title, .match-detail .match .home .title, .match-detail .match .away .title {
  font-weight: 500;
}
.featured-match a:hover {
  background: rgb(236, 247, 250);
}
.featured-match .match-time .time, .match-detail .match-time .time {
  font-size: 18px;
  font-weight: 500;
}
.featured-match .match-time .date, .match-detail .match-time .date {
  font-size: 13px;
}
.match-detail .home, .match-detail .away, .match-detail .match-time, .featured-match .match .home, .featured-match .match .away, .featured-match .match .match-time {
  flex: 1 0 0;
}
.match-detail {
  background-color: rgb(241, 242, 245)
}
.match-detail {
  border-bottom-left-radius: none !important;
  border-bottom-right-radius: none !important;
}
/* .match-content div:last-child {
  border-radius: 0 0 5px 5px;
} */
.match-detail .match-title {
  font-size: 0.85rem;
}
.match-detail .match-scores .scores {
  color: #254892;
  font-size: 2rem;
}
.match-detail .match-scores .score {
  font-weight: 700;
}
.match-detail .match-scores .join {
  font-weight: 500;
}
.match-content .icon {
  min-width: 16px;
}
.match-content .minute {
  min-width: 36px;
}
.match-content.lineups .number {
  min-width: 25px;
}
.section-fixtures .match-content .home, .section-fixtures .match-content .away {
  width: 50%;
}
.match-detail .match {
  font-size: 14px;
}
main {
  margin-bottom: 10px;
}
.main-content .statistics .home, .main-content .statistics .away {
  flex: 1 0 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.main-content .statistics .home span, .main-content .statistics .away span {
  display: inline-block;
  width: 45px;
  border-radius: 28px;
  text-align: center;
  overflow: visible;
  padding: 2px 0;
}
.main-content .statistics .home .active {
  background-color: rgb(190, 233, 175);
  color: #000;
}
.main-content .statistics .away .active {
  background-color: rgb(173, 217, 255);
  color: #000;
}
.main-content .standings .num {
  min-width: 36px;
  text-align: center;
}
.main-content .standings .num span {
  width: 21px;
  height: 21px;
  display: inline-block;
  border-radius: 50%;
  font-weight: 500;
  text-align: center;
  padding: 2px 0px;
}
.main-content .standings .num .top_numb_team {
  background-color: rgb(0, 70, 130) !important;
}
.main-content .standings .num .bot_numb_team {
  background-color: #c03e34 !important;
}
.main-content .standings .num .tb_numb_team {
  background-color: #a1750b !important;
}
.main-content .standings .num .tbl_numb_team {
  background-color: #978864 !important;
}
.main-content .standings .num .botl_numb_team {
  background-color: #a10d02 !important;
}
.main-content .standings .team-name {
  color: inherit;
  padding-left: 3px;
  font-weight: 500;
  /* transition: color 0.2s ease 0s; */
}
.main-content .standings .team-name:hover {
  color: #ff8a00;
}
.main-content .standings .info {
  min-width: 36px;
  text-align: center;
}
.main-content .section-table .team-squad .info {
  flex: 0 0 36px;
}
.main-content .table-dark {
  --bs-table-bg: #181818;
  color: #e6e6e6;
}
.team-image {
  width: 25px;
  height: 25px;
  display: inline-block;
}
.soccerTable__transferIcon {
  width: 14px;
  height: 14px;
  margin-right: 5px;
}
.soccerTable__transferIcon--out {
  color: #d42e2f;
  transform: rotate(90deg);
}
.soccerTable__transferIcon--in {
  color: #3fbd40;
  transform: rotate(-90deg);
}
.soccerTable__transferType {
  grid-area: type;
  display: flex;
  align-items: center;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.league-detail .follow {}
.match-favorite .icon-favorite {
  width: 21px;
  height: 21px;
  fill: rgb(120, 120, 120);
}
.match-favorite .icon-favorite:hover {
  fill: rgb(226, 180, 20)
}
.match-favorite .icon-favorite.active, .match-favorite .icon-favorite:hover {
  fill: rgb(226, 180, 20)
}
.btn-bar svg, .datepicker svg {
  fill: #000;
}
.list-leagues .league-wrap .league-name {
  max-width: 135px;
}
.list-leagues.limited li:nth-of-type(1n+30):not(.showmore) {
  display: none;
}
@media only screen and (max-width: 767px) {
  .match-favorite {
    line-height: 42px;
  }
  .section-fixtures .match-content .home, .section-fixtures .match-content .away {
    width: 100%;
  }
  .section-fixtures .match .match-time {
    max-width: 72px;
  }
  #myTab.nav-content {
  }
  .league-content {
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 992px) {
  main.border-end {
    border-right: none !important;
  }
}
@media only screen and (max-width: 1199px) {
  .left-side, .league-content {
    border: none !important;
  }
  .navbar-fixed {
    position: fixed;
    top: 56px;
    width: 100%;
    max-height: 100vh !important;
    height: 100vh;
    background: #fff;
    right: 0 !important;
    -webkit-transform: translateX(100%) !important;
    transform: translateX(100%) !important;
    -webkit-transition: -webkit-transform 233ms cubic-bezier(0, 0, 0.21, 1);
    transition: -webkit-transform 233ms cubic-bezier(0, 0, 0.21, 1);
    transition: transform 233ms cubic-bezier(0, 0, 0.21, 1);
    transition: transform 233ms cubic-bezier(0, 0, 0.21, 1), -webkit-transform 233ms cubic-bezier(0, 0, 0.21, 1);
    z-index: 999;
  }
  .navbar-fixed.active {
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important;
  }
  .widget-leagues {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
  }
  .main-header {
    position: fixed;
    top: 0;
    z-index: 999;
  }
  .main-content {
    margin-top: 70px !important;
  }
  .btn-bar {
    margin-top: 9px;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    padding-left: 8px;
    border-radius: 28px;
    transition: background 0.3s ease-out;
  }
  .btn-bar:active {
    background: rgb(223, 221, 221);
    transition: background 0.2s ease-out;
    -webkit-transition: background 0.2s ease-out;
  }
  .dark-mode .navbar-fixed {
    background-color: #181818;
  }
  .dark-mode .datepicker .table-condensed {
    background: #181818;
  }
}
.dark-mode {
  color: #e6e6e6 !important;
}
.dark-mode .border-start, .dark-mode .border-top, .dark-mode .border-end, .dark-mode .border-bottom {
  border-color: #333 !important;
}
.dark-mode .main-content .statistics .home.active, .dark-mode .main-content .statistics .away.active {
  color: #000;
}
.dark-mode .card-header, .dark-mode .card-body {
  background-color: #202020;
}
.dark-mode .match-detail .card-header, .dark-mode .match-detail .card-body {
  background-color: #181818;
}
.dark-mode .nav-border-bottom .nav-item.show .nav-link, .dark-mode .nav-border-bottom .nav-link.active {
  border-bottom: 3px solid #ff8a00;
  color: #ff8a00;
}
.dark-mode .nav-content .nav-item .active {
  background-color: #181818;
  border-bottom-color: #181818 !important;
  border-color: #333;
  color: #ff8a00;
}
.dark-mode .nav-content .nav-item:first-child .active {
  /* border-left-style: none; */
}
.dark-mode .nav-content.nav-category .nav-item .active {
  background-color: #181818;
  border-bottom-color: #181818 !important;
  /* border-top-color: #181818 !important; */
  border-color: #333;
  border-radius: 0;
  color: #ff8a00;
}
.dark-mode .nav-content.nav-category .nav-item .active:not(.live) {
  color: #ff8a00;
}
.dark-mode .nav-tabs.nav-category, .dark-mode .nav-tabs.nav-category .nav-link:hover {
  border-color: #333 !important;
  border-radius: 0;
}
.dark-mode .btn-bar svg, .dark-mode .datepicker svg {
  fill: #fff;
}
.dark-mode .widget-leagues li:hover, .dark-mode .datepicker .table-condensed td:hover, .dark-mode .section-fixtures .match:hover, .dark-mode .featured-match a:hover {
  background-color: #383838;
}
.dark-mode .widget-leagues a {
  color: #e0e0e0 !important;
}
.dark-mode .form-control {
  background-color: transparent !important;
  border-color: rgb(61, 61, 61) !important;
  color: #fff;
}
.dark-mode .featured-match .match {
  background-color: #181818;
}
.bg-black {
  background: #202020 !important;
}
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
  background-color: #24272c;
}
.Spinner_spinner__3KXYn {
  position: relative;
  width: 28px;
  height: 28px;
  margin: 150px auto;
  background: #ff8a00;
  background: -webkit-gradient(linear, left top, right top, color-stop(10%, #ff8a00), color-stop(42%, hsla(0, 0%, 100%, 0)));
  background: -webkit-linear-gradient(left, #ff8a00 10%, hsla(0, 0%, 100%, 0) 42%);
  background: linear-gradient(90deg, #ff8a00 10%, hsla(0, 0%, 100%, 0) 42%);
  border-radius: 50% !important;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: Spinner_spin__2UwK4 1s linear infinite;
  animation: Spinner_spin__2UwK4 1s linear infinite;
}
.Spinner_spinner__3KXYn:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 75%;
  height: 75%;
  margin: auto;
  background: #202020;
  border-radius: 50% !important;
}
.Spinner_spinner__3KXYn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 50%;
  background: #ff8a00;
  border-radius: 100% 0 0 !important;
}
@-webkit-keyframes Spinner_spin__2UwK4 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}
@keyframes Spinner_spin__2UwK4 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}
.blink_me {
  animation: blinker 2s step-start infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.match-description .description-table {
  display: inline-block;
  text-align: left;
  position: relative;
  padding-left: 10px;
  list-style-type: none;
}
.match-description .description-table li span {
  width: 10px;
  height: 10px;
  border-radius: 20%;
  display: inline-block;
  background-color: #fff;
}
.match-description .description-table li .top_numb_team {
  background-color: rgb(0, 70, 130) !important;
}
.match-description .description-table li .bot_numb_team {
  background-color: #c03e34 !important;
}
.match-description .description-table li .tb_numb_team {
  background-color: #a1750b !important;
}
.match-description .description-table li .tbl_numb_team {
  background-color: #978864 !important;
}
.match-description .description-table li .botl_numb_team {
  background-color: #a10d02 !important;
}
.league-content {
  position: relative;
}
.select-date {
  position: absolute;
  right: 0;
  top: -5px;
}
.select-date ul {
  list-style-type: none;
  color: #000 !important;
}
.select-date .datepicker a.active {
  background-color: #e85a40;
  color: white;
  width: 100%;
  padding: 5px;
  border-radius: 5px;
  font-weight: bold;
  font-size: 0.75rem;
}
.btn-select-date {
  min-width: 160px;
  background-color: #c62127;
  color: #fff;
  gap: 5px;
  align-items: center;
  justify-content: center;
}
.btn-select-date svg {
  width: 16px;
  height: 16px;
  display: in;
}
.btn-select-date.next-day {
  transform: rotate(180deg);
}
.btn-select-date svg {
  fill: #fff;
}
.btn-select-date:hover {
  background-color: #254892;
  color: #fff;
}
.btn-select-date:hover svg {
  fill: #fff
}
.btn-select-date::after {
  display: none;
}
.section-category {
  background: #f8f8f8;
  color: #222;
  padding: 5px !important;
}
.category-title a:hover {
  color: #ffc107;
  text-decoration: underline
}
.league-detail {
  background: #f2f2f2;
  padding: 10px;
  margin-bottom: 15px;
}
.card-title {
    margin-bottom: 0.5rem;
    font-size: 19px;
    font-weight: bold;
}
.header_main,.footer_main{background: #fff}
@media screen and (max-width: 768px){
	.main-content{margin-top: 0 !important}
	
}
.livescore_247 .d-flex{flex-wrap: nowrap;flex-direction: row;}
.livescore_247 .container{max-width: 1200px;width: auto;}
.livescore_247 .footer_main .d-flex{flex-wrap: wrap;}
.livescore_247 .icon-live:before{content: '';}
.livescore_247 .icon-live{top: -7px}
.livescore_247 img{display: inline-block}
.livescore_247 .box_utility img {display: block}
.livescore_247 .show_menu_full  .d-flex{flex-wrap: wrap;}
.livescore_247 header{border-bottom: 1px solid #ddd}