@import url("https://fonts.googleapis.com/css?family=PT+Sans");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Lato&display=swap");
.main-nav-grey {
  background-color: #363636;
}

.bg-wh {
  background: #033156;
}

.bg-sportsbet {
  background: #1dafed;
}

.bg-crownBet {
  background: #933e8d;
}

.bg-luxbet {
  background: #b0223f;
}

.bg-ladbrokes {
  background: #e8212d;
}

.grey-bg {
  background-color: #f2f2f2 !important;
}

.green-bg {
  background-color: #60dd63 !important;
}

.white-bg {
  background-color: white !important;
}

.red-bg {
  background-color: #fc2842 !important;
}

.orange-bg {
  background-color: #fcaa35 !important;
}

.red {
  color: #fc2842 !important;
}

.green {
  color: #60dd63 !important;
}

.black {
  color: black;
}

.white {
  color: white !important;
}

.white-button {
  background-color: white !important;
  border: 1px solid black;
  color: black;
}

.white-button:hover {
  color: #fcaa35 !important;
  cursor: pointer;
}

.bold {
  font-weight: bold;
}

.orange {
  color: #fcaa35 !important;
  transition: 2s;
}

.black-bg {
  background: #000000 !important;
}

.border-grey {
  border: 1px solid #343434;
}

.grey-tab-bg {
  background-color: #e4e4e4;
}

.grey-tab-bg h1 {
  color: #b3b3b3 !important;
}

.bt-aflw {
  border-top: 3px solid #1dafed;
}

.bt-nrl {
  border-top: 3px solid #f92c47;
}

.bt-afl {
  border-top: 3px solid #2f2863;
}

.bt-socc {
  border-top: 3px solid #1fc814;
}

.bt-si {
  border-top: 3px solid #fcaa35;
}

@font-face {
  font-family: "roboto-thin";
  src: url("/static/fonts/roboto/Roboto-Thin.ttf");
}

@font-face {
  font-family: "roboto-light";
  src: url("/static/fonts/roboto/Roboto-Light.ttf");
}

@font-face {
  font-family: "roboto-regular";
  src: url("/static/fonts/roboto/Roboto-Regular.ttf");
}

@font-face {
  font-family: "cooper-hewitt-medium";
  src: url("https://statsinsider-wwwbeta.azureedge.net/static/fonts/cooper-hewitt/CooperHewitt-Medium.otf");
}

@font-face {
  font-family: "roboto-bold";
  src: url("/static/fonts/roboto/Roboto-Bold.ttf");
}

@font-face {
  font-family: "cooper-hewitt-heavy";
  src: url("https://statsinsider-wwwbeta.azureedge.net/static/fonts/cooper-hewitt/CooperHewitt-Heavy.otf");
}

@font-face {
  font-family: "roboto-medium";
  src: url("/static/fonts/roboto/Roboto-Medium.ttf");
}

@font-face {
  font-family: "roboto";
  src: url("/static/fonts/roboto/Roboto-Regular.ttf");
}

@font-face {
  font-family: "roboto-light-italic";
  src: url("/static/fonts/roboto/Roboto-LightItalic.ttf");
}

@font-face {
  font-family: "roboto-condensed-regular";
  src: url("/static/fonts/roboto/RobotoCondensed-Regular.ttf");
}

.coming-soon {
  background-color: #f2f2f2;
  color: #333333;
  border: none !important;
}

.coming-soon:hover {
  color: white !important;
}

.active-graph-btn {
  background-color: #fcaa35;
  border: 1px solid #fcaa35 !important;
  color: white;
  transition: 0.5s;
}

.last-div {
  float: right !important;
  margin-right: 0px !important;
}

.max-width {
  max-width: 1250px;
}

.underline {
  border-bottom: 1px solid #f2f2f2;
}

.topline {
  border-top: 1px solid #f2f2f2;
}

.no-border {
  border: 0px !important;
}

.no-margin {
  margin-right: 0px !important;
}

.no-hover-white:hover {
  color: white !important;
  cursor: default !important;
}

.greyed-out {
  color: #a9a9a9;
  background-color: white !important;
  border: 1px solid #f2f2f2 !important;
}

.greyed-out:hover {
  color: #a9a9a9 !important;
  cursor: not-allowed !important;
}

.inactive {
  color: #e0e0e0 !important;
}

.inactive:hover {
  color: #e0e0e0 !important;
  cursor: not-allowed !important;
}

.button-yellow-bg {
  background-color: #fcaa35 !important;
  color: white !important;
}

.button-yellow-bg:hover {
  color: black !important;
  cursor: pointer;
}

.button-yellow-bg a:hover {
  color: black !important;
}

.button-red-bg {
  background-color: red !important;
  color: white !important;
  border: 0px !important;
}

.button-red-bg:hover {
  color: black !important;
  cursor: pointer;
}

.button-green-bg {
  background-color: #60dd63 !important;
  color: white !important;
}

.button-green-bg:hover {
  color: black !important;
}

.button-no-bg {
  color: black !important;
}

.button-no-bg:hover {
  color: #fcaa35 !important;
  cursor: pointer;
}

.nav-button-left {
  background-color: none;
}

.hidden {
  display: none;
}

.hidden-important {
  display: none !important;
}

hide-important {
  display: none !important;
}

.black-link:hover {
  color: black !important;
  cursor: pointer;
}

.black-link a:hover {
  color: black !important;
}

.border-top {
  border-top: 1px solid #e0e0e0 !important;
}

@media screen and (max-width: 750px) {
  .to-hide {
    display: none !important;
  }
}

.to-show {
  display: none;
}

@media screen and (max-width: 750px) {
  .to-show {
    display: block;
  }
}

@media screen and (max-width: 400px) {
  .to-hide-mobile {
    display: none !important;
  }
}

.group-active {
  -webkit-filter: grayscale(30%);
  -moz-filter: grayscale(30%);
  -o-filter: grayscale(30%);
  -ms-filter: grayscale(30%);
  filter: grayscale(30%);
  transition: 0.2s;
}

.group-active:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  filter: grayscale(0%);
  cursor: pointer;
}

.greyscale {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
}

@media screen and (max-width: 850px) {
  .sidebar-hide {
    display: none;
  }
}

@media screen and (max-width: 750px) {
  .sidebar-hide {
    display: inline;
  }
}

.hiddenOverflow {
  overflow: hidden;
}

no-hover-link a:hover {
  color: inherit !important;
}

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

.text-center {
  text-align: center !important;
}

.text-left {
  text-align: left !important;
}

.top-live {
  color: #60dd63 !important;
  text-transform: uppercase;
}

.top-upcoming {
  color: #727272 !important;
  text-transform: uppercase;
}

.top-finished {
  color: #fc2842;
  text-transform: uppercase;
}

@media screen and (max-width: 800px) {
  .premium-text-hide {
    display: none !important;
  }
}

.invisible {
  visibility: hidden;
}

.no-border-right {
  border-right: 0px !important;
}

.no-border-left {
  border-left: 0px !important;
}

.selected {
  background-color: #fcaa35;
  color: white;
  opacity: 1 !important;
  border: none !important;
  v-webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.slider-selected {
  background-color: #fcaa35;
  color: white;
  opacity: 1 !important;
  v-webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.hub-news-widget.club20 {
  border-top-color: #e0255a;
}