html {
  background: #f7f7f7;
  background: url("../img/bgd-1.jpg") top center no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
body {
  margin: 0;
  padding: 0;
  font-family: "Open Sans", serif;
  background: none;
}

a {
  text-decoration: none;
}

a .active {
  padding: 0rem;
}

.orange {
  color: #ff501b;
}

.fs-7 {
  font-size: 0.7rem;
}

.fs-8 {
  font-size: 0.8rem;
}

.fs-9 {
  font-size: 0.9rem;
}

.fs-10 {
  font-size: 1rem;
}

.fs-12 {
  font-size: 1.2rem;
}

.fs-14 {
  font-size: 1.4rem;
}

.fs-16 {
  font-size: 1.6rem;
}

.fs-18 {
  font-size: 1.8rem;
}

.fs-20 {
  font-size: 2rem;
}

.fs-22 {
  font-size: 2.2rem;
}

.topBar {
  background-image: repeating-linear-gradient(
      45deg,
      hsla(207, 0%, 63%, 0.05) 0px,
      hsla(207, 0%, 63%, 0.05) 1px,
      transparent 1px,
      transparent 11px,
      hsla(207, 0%, 63%, 0.05) 11px,
      hsla(207, 0%, 63%, 0.05) 12px,
      transparent 12px,
      transparent 32px
    ),
    repeating-linear-gradient(
      0deg,
      hsla(207, 0%, 63%, 0.05) 0px,
      hsla(207, 0%, 63%, 0.05) 1px,
      transparent 1px,
      transparent 11px,
      hsla(207, 0%, 63%, 0.05) 11px,
      hsla(207, 0%, 63%, 0.05) 12px,
      transparent 12px,
      transparent 32px
    ),
    repeating-linear-gradient(
      135deg,
      hsla(207, 0%, 63%, 0.05) 0px,
      hsla(207, 0%, 63%, 0.05) 1px,
      transparent 1px,
      transparent 11px,
      hsla(207, 0%, 63%, 0.05) 11px,
      hsla(207, 0%, 63%, 0.05) 12px,
      transparent 12px,
      transparent 32px
    ),
    repeating-linear-gradient(
      90deg,
      hsla(207, 0%, 63%, 0.05) 0px,
      hsla(207, 0%, 63%, 0.05) 1px,
      transparent 1px,
      transparent 11px,
      hsla(207, 0%, 63%, 0.05) 11px,
      hsla(207, 0%, 63%, 0.05) 12px,
      transparent 12px,
      transparent 32px
    ),
    linear-gradient(90deg, rgb(17, 17, 17), rgb(66, 66, 66));
  color: #f7f7f7;
}

.topBar a {
  color: #f7f7f7;
}

header {
  background-image: linear-gradient(
      231deg,
      rgba(233, 233, 233, 0.01) 0%,
      rgba(233, 233, 233, 0.01) 25%,
      rgba(10, 10, 10, 0.01) 25%,
      rgba(10, 10, 10, 0.01) 50%,
      rgba(237, 237, 237, 0.01) 50%,
      rgba(237, 237, 237, 0.01) 75%,
      rgba(200, 200, 200, 0.01) 75%,
      rgba(200, 200, 200, 0.01) 100%
    ),
    linear-gradient(
      344deg,
      rgba(2, 2, 2, 0.03) 0%,
      rgba(2, 2, 2, 0.03) 20%,
      rgba(10, 10, 10, 0.03) 20%,
      rgba(10, 10, 10, 0.03) 40%,
      rgba(100, 100, 100, 0.03) 40%,
      rgba(100, 100, 100, 0.03) 60%,
      rgba(60, 60, 60, 0.03) 60%,
      rgba(60, 60, 60, 0.03) 80%,
      rgba(135, 135, 135, 0.03) 80%,
      rgba(135, 135, 135, 0.03) 100%
    ),
    linear-gradient(
      148deg,
      rgba(150, 150, 150, 0.03) 0%,
      rgba(150, 150, 150, 0.03) 14.286%,
      rgba(15, 15, 15, 0.03) 14.286%,
      rgba(15, 15, 15, 0.03) 28.572%,
      rgba(74, 74, 74, 0.03) 28.572%,
      rgba(74, 74, 74, 0.03) 42.858%,
      rgba(175, 175, 175, 0.03) 42.858%,
      rgba(175, 175, 175, 0.03) 57.144%,
      rgba(16, 16, 16, 0.03) 57.144%,
      rgba(16, 16, 16, 0.03) 71.42999999999999%,
      rgba(83, 83, 83, 0.03) 71.43%,
      rgba(83, 83, 83, 0.03) 85.71600000000001%,
      rgba(249, 249, 249, 0.03) 85.716%,
      rgba(249, 249, 249, 0.03) 100.002%
    ),
    linear-gradient(
      122deg,
      rgba(150, 150, 150, 0.01) 0%,
      rgba(150, 150, 150, 0.01) 20%,
      rgba(252, 252, 252, 0.01) 20%,
      rgba(252, 252, 252, 0.01) 40%,
      rgba(226, 226, 226, 0.01) 40%,
      rgba(226, 226, 226, 0.01) 60%,
      rgba(49, 49, 49, 0.01) 60%,
      rgba(49, 49, 49, 0.01) 80%,
      rgba(94, 94, 94, 0.01) 80%,
      rgba(94, 94, 94, 0.01) 100%
    ),
    linear-gradient(
      295deg,
      rgba(207, 207, 207, 0.02) 0%,
      rgba(207, 207, 207, 0.02) 25%,
      rgba(47, 47, 47, 0.02) 25%,
      rgba(47, 47, 47, 0.02) 50%,
      rgba(142, 142, 142, 0.02) 50%,
      rgba(142, 142, 142, 0.02) 75%,
      rgba(76, 76, 76, 0.02) 75%,
      rgba(76, 76, 76, 0.02) 100%
    ),
    linear-gradient(
      73deg,
      rgba(81, 81, 81, 0.03) 0%,
      rgba(81, 81, 81, 0.03) 12.5%,
      rgba(158, 158, 158, 0.03) 12.5%,
      rgba(158, 158, 158, 0.03) 25%,
      rgba(136, 136, 136, 0.03) 25%,
      rgba(136, 136, 136, 0.03) 37.5%,
      rgba(209, 209, 209, 0.03) 37.5%,
      rgba(209, 209, 209, 0.03) 50%,
      rgba(152, 152, 152, 0.03) 50%,
      rgba(152, 152, 152, 0.03) 62.5%,
      rgba(97, 97, 97, 0.03) 62.5%,
      rgba(97, 97, 97, 0.03) 75%,
      rgba(167, 167, 167, 0.03) 75%,
      rgba(167, 167, 167, 0.03) 87.5%,
      rgba(22, 22, 22, 0.03) 87.5%,
      rgba(22, 22, 22, 0.03) 100%
    ),
    linear-gradient(90deg, hsl(137, 0%, 23%), hsl(137, 0%, 23%));
  font-family: "Oswald", serif;
}

.mainMenu {
  background-image: repeating-linear-gradient(
      45deg,
      rgba(97, 97, 97, 0.1) 0px,
      rgba(97, 97, 97, 0.1) 2px,
      transparent 2px,
      transparent 4px
    ),
    linear-gradient(90deg, rgb(43, 43, 43), rgb(43, 43, 43));
  color: #f7f7f7;
}

.mainMenu a {
  background-image: radial-gradient(
    circle at center center,
    rgb(71, 71, 71),
    rgb(8, 8, 8)
  );
  color: #f7f7f7;
  text-decoration: none;
  text-shadow: 1px 1px #000;
  text-transform: uppercase;
}

.mainMenu .active,
.mainMenu a:hover {
  background-image: radial-gradient(
    circle at center center,
    rgb(86, 197, 113),
    rgb(77, 181, 95),
    rgb(67, 165, 77),
    rgb(58, 149, 59),
    rgb(48, 133, 41)
  );
}

.betMenu {
  background-image: linear-gradient(
      135deg,
      rgba(159, 159, 159, 0.46) 0%,
      rgba(159, 159, 159, 0.46) 14.286%,
      rgba(165, 165, 165, 0.46) 14.286%,
      rgba(165, 165, 165, 0.46) 28.572%,
      rgba(171, 171, 171, 0.46) 28.572%,
      rgba(171, 171, 171, 0.46) 42.858%,
      rgba(178, 178, 178, 0.46) 42.858%,
      rgba(178, 178, 178, 0.46) 57.144%,
      rgba(184, 184, 184, 0.46) 57.144%,
      rgba(184, 184, 184, 0.46) 71.43%,
      rgba(190, 190, 190, 0.46) 71.43%,
      rgba(190, 190, 190, 0.46) 85.716%,
      rgba(196, 196, 196, 0.46) 85.716%,
      rgba(196, 196, 196, 0.46) 100.002%
    ),
    linear-gradient(
      45deg,
      rgb(252, 252, 252) 0%,
      rgb(252, 252, 252) 14.286%,
      rgb(246, 246, 246) 14.286%,
      rgb(246, 246, 246) 28.572%,
      rgb(241, 241, 241) 28.572%,
      rgb(241, 241, 241) 42.858%,
      rgb(235, 235, 235) 42.858%,
      rgb(235, 235, 235) 57.144%,
      rgb(229, 229, 229) 57.144%,
      rgb(229, 229, 229) 71.43%,
      rgb(224, 224, 224) 71.43%,
      rgb(224, 224, 224) 85.716%,
      rgb(218, 218, 218) 85.716%,
      rgb(218, 218, 218) 100.002%
    );
}

.betMenu a {
  color: #333;
  text-decoration: none;
  text-shadow: 1px 1px #fff;
  text-transform: uppercase;
}

/*.betMenu .active,*/
.betMenu a:hover {
  background-image: radial-gradient(
    circle at center center,
    rgb(10, 133, 202),
    rgb(23, 106, 192),
    rgb(35, 79, 183),
    rgb(48, 51, 173),
    rgb(60, 24, 163)
  );
  color: #f7f7f7;
  text-shadow: 1px 1px #333;
}

main {
  background-color: #fff;
}

.mainContent {
  font-family: "Open Sans", serif;
}

footer,
footer a {
  color: #f7f7f7;
  text-transform: capitalize;
}

footer .container {
  background-image: repeating-linear-gradient(
      45deg,
      hsla(207, 0%, 63%, 0.05) 0px,
      hsla(207, 0%, 63%, 0.05) 1px,
      transparent 1px,
      transparent 11px,
      hsla(207, 0%, 63%, 0.05) 11px,
      hsla(207, 0%, 63%, 0.05) 12px,
      transparent 12px,
      transparent 32px
    ),
    repeating-linear-gradient(
      0deg,
      hsla(207, 0%, 63%, 0.05) 0px,
      hsla(207, 0%, 63%, 0.05) 1px,
      transparent 1px,
      transparent 11px,
      hsla(207, 0%, 63%, 0.05) 11px,
      hsla(207, 0%, 63%, 0.05) 12px,
      transparent 12px,
      transparent 32px
    ),
    repeating-linear-gradient(
      135deg,
      hsla(207, 0%, 63%, 0.05) 0px,
      hsla(207, 0%, 63%, 0.05) 1px,
      transparent 1px,
      transparent 11px,
      hsla(207, 0%, 63%, 0.05) 11px,
      hsla(207, 0%, 63%, 0.05) 12px,
      transparent 12px,
      transparent 32px
    ),
    repeating-linear-gradient(
      90deg,
      hsla(207, 0%, 63%, 0.05) 0px,
      hsla(207, 0%, 63%, 0.05) 1px,
      transparent 1px,
      transparent 11px,
      hsla(207, 0%, 63%, 0.05) 11px,
      hsla(207, 0%, 63%, 0.05) 12px,
      transparent 12px,
      transparent 32px
    ),
    linear-gradient(90deg, rgb(17, 17, 17), rgb(66, 66, 66));
}

/*************************
  Create Sports
*************************/

#lgCont {
  display: block;
  width: 100%;
  margin-top: 5px;
}
#lgCont ul.top {
  overflow: hidden;
}

#lgCont ul.top li {
  float: left;
  display: inline;
}
#lgCont .lgin {
  margin: 0;
  padding: 0;
}
/*#lgCont .lgin li {
  background-color: #dcddde;
  color: #006;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  height: 20px;
  margin-top: 1px;
  padding-bottom: 3px;
  padding-top: 3px;
  width: 100%;
}
#lgCont .lgin li span {
  padding-left: 10px;
  overflow: hidden;
}
#lgCont .lgsel {
  background-color: #dcd736 !important;
  font-weight: bold;
}
#lgCont a {
  color: #006;
}*/
#single li {
  margin-top: 10px;
}
#single .lgin li {
  width: 33%;
}
#single div {
  width: 99%;
}
.double ul.top {
  width: 49%;
  float: left;
  display: inline;
  margin-left: 10px !important;
}
.double ul.top li,
.triple ul.top li {
  clear: both;
  width: 100%;
}
.triple ul.top {
  width: 31.333%;
  float: left;
  display: inline;
  margin-left: 10px !important;
}

#lgCont li .spName {
  background: #005b96;
  color: #fff;
  line-height: 18px;
  font-weight: bold;
}
#lgCont span.regName {
	background: #6497b1;
	color: #fff;
	line-height: 18px;
	font-weight: bold;
}

#lgCont span.lgName {
background: #d1e1ec;
	color: #000000;
	line-height: 18px;
	font-weight: bold;
}

.team
{
font-weight: bold;
white-space: nowrap;
}

.rot
{
font-weight: bold;
}

.bld
{
font-weight: bold;
}

.alignleft
{
	text-align: left;
	font-weight: bold;
}

.btn-wagerheader {
    color: #000000;
    background-color: #e9ecef;
    border-color:  #e9ecef;
    
}

.btn-total {
    color: #000000;
    background-color: #e9ecef;
    border-color:  #e9ecef;
    border-style: solid ;
    border-color: black;
    border-width: thick;
    border-radius: 15px;
}

.result {
text-align: right;
float:right;
font-weight: bold;
}

.border
{
border-style: solid !important;
}

.offering_noun {

}
.offering_pair {
	background-color: #e9ecef;
}

.aligncenter
{
	text-align: center;
	font-weight: bold;
	background-color: #d1e1ec;
}

.form-control-dropdown {
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: .8rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.thead-dark-grey {
	background-color: #473938;
	color: #FFFFFF;

}

.logoinside {
	margin-left: 20px;

}