body.lightbg,
.lightbg {
  background-color: #efefef;
}
.main-template {
  background-color: #fff;
}

body {
    font-family: "Open Sans";
        font-size: 1em;
        color: #232021;
        background-color: #efefef;
}
a {
        text-decoration: none;
        color: #00ace3;
}
a:hover {
        text-decoration: underline;
}
h1,h2,h3,h4,h5 {
        font-family: "Roboto Slab";
        color: #222;
        font-weight: 800;
        margin: 0;
        margin-bottom: .5em;
}
.navbar,
.player-profile {
 	margin-left: -12px;
	margin-right: -12px;
}
.offset-margins {
	margin-left: -12px;
	margin-right: -12px;
}
.nested-margin {
	margin-left: -24px;
	margin-right: -24px;
}
.neg-left-margin {
	margin-left: -24px;
}
.neg-right-margin {
        margin-right: -36px;
}
.red-bg {
	color: #fff;
	background-image: linear-gradient(180deg, #BF1B20 0%, #D93036 100%);
}
.blue-bg {
        color: #fff;
        background-color: #011e36;
}
.dark-bg {
	color: #fff;
	background-color: #212529;
}
.red-txt {
	color:#cb242a;
}
.blue-txt {
	color:#19234e;
}
.darkerred-bg {
	color: #fff;
	background-color: #bf1b20;
}

.player-profile a:link,
.player-profile a:visited,
.player-profile a:hover,
.player-profile a:active {
	color:#232021;
}

.logo-img {
  	max-width:200px;
	margin-top:25px;
}
.no-player {
        max-width:250px;
}

@media (min-width: 576px) {
  .border-sm-top {
    border-top: 1px solid #e3e7eb !important;
  }
  .border-sm-right {
    border-right: 1px solid #e3e7eb !important;
  }
  .border-sm-bottom {
    border-bottom: 1px solid #e3e7eb !important;
  }
  .border-sm-left {
    border-left: 1px solid #e3e7eb !important;
  }
}

@media (min-width: 768px) {
  .border-md-top {
    border-top: 1px solid #e3e7eb !important;
  }
  .border-md-right {
    border-right: 1px solid #e3e7eb !important;
  }
  .border-md-bottom {
    border-bottom: 1px solid #e3e7eb !important;
  }
  .border-md-left {
    border-left: 1px solid #e3e7eb !important;
  }
  .border-md-top-0 {
    border-top: 0 !important;
  }
}

/* admin */
.reportTable {
   font-size: .7rem;
}

@media (max-width: 1024px) {
  body {
    font-size: .8em;
  }
  .reportTable {
    font-size: .6rem;
  }
}

@media (max-width: 768px) {
  .offset-margins {
    margin-right: -36px;
  }
  .align-medium {
    margin-right: -36px;
  }
  body {
    padding: 25px;
  }
  .logo-img {
    margin-top:25px;
    max-width:150px;
  }
  .img-holder,
  .heading-holder {
    text-align:center;
  }
  .heading-holder {
    width: 100%;
    margin: 0 auto;
  }

}