@import url("https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700&display=swap");
/*global variables*/
/*responsive*/
nav#customerPortalNavBar {
    display: none !important;
}
.mobile {
  display: none; }

/*bootstrap class reset*/
h1, .h1 {
  font-size: 1.500rem;
  font-weight: 600;
  line-height: 1; }

h2, .h2 {
  font-size: 1.250rem;
  font-weight: 600;
  line-height: 1; }

h3, .h3 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1; }

strong {
  font-weight: 500; }

small {
  font-size: 0.6rem; }

a {
  color: #fff; }

a:hover {
  color: #0ed06f; }

.btn {
  text-transform: uppercase;
  border-radius: 0.75rem;
  min-width: 120px;
  font-weight: 400;
  font-size: inherit;
  border: 1px solid;
  line-height: normal; }

.bg-primary {
  background: #0ed06f;
  color: #fff; }

.bg-secondary {
  background: #212529 !important;
  color: #fff; }

.bg-light {
  background: #eaeaea !important; }

.rounded, .custom-select, .form-control {
  border-radius: 0.75rem !important; }

.rounded-top {
  border-top-left-radius: 0.75rem !important;
  border-top-right-radius: 0.75rem !important; }

.table label {
  position: relative; }

.brand img {
  max-width: 150px; }

.icon {
  font-size: 1.525rem;
  float: left;
  margin: -.15rem .50rem 0 0; }

.top-menu .header .icon {
  color: #fff !important;
  margin: -.375rem .50rem 0 0; }
.top-menu .header #menu-user .icon {
  float: right;
  margin-left: .50rem; }

/*main*/
body {
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  line-height: 1;
  letter-spacing: .325px;
  text-transform: uppercase;
  font-size: .950rem;
  background: #eaeaea url(../img/bg-main.jpg) no-repeat; }

.main {
  background: #212529;
  position: relative; }
  .main .menu-expanded {
    position: absolute;
    max-width: 55px;
    width: 100%;
    top: -25px;
    left: 0px; }

.main-content {
  background: #fff;
  min-height: 890px;
  position: relative; }
  .main-content .icon {
    font-size: 1rem;
    margin: 0;
    float: inherit; }
  .main-content .review .icon {
    font-size: 3rem !important; }

.btn-panel {
  position: fixed;
  bottom: 0;
  right: calc(45% - 410px);
  background: rgba(0, 0, 0, 0.1); }

.btn-back, .btn-secondary {
  background: #212529;
  color: #fff; }

.btn-clear {
  background: #eaeaea; }

.btn-continue, .btn-active, .btn-primary, .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background: #0ed06f;
  color: #fff; }

.betting-progress-bar .btn {
  font-size: 0.8rem; }

.btn:hover.btn-back {
  background-color: #eaeaea; }

/* tables */
.table td, .table th {
  padding: .55rem;
  vertical-align: middle;
  font-weight: 300; }

/*lines */
.lines span {
  font-size: .825rem; }
.lines .icon {
  float: inherit;
  margin: 0;
  font-size: 1.250rem; }
.lines .even {
  background: #eaeaea; }
.lines .even .bg-line {
  background: #fff; }
.lines .odds .bg-line {
  background: #eaeaea; }
.lines .table tr td label {
  overflow: hidden;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .lines .table tr td label input[type=checkbox] {
    position: absolute;
    left: -50px; }
.lines .even .bg-line.checked, .lines .odds .bg-line.checked {
  background: #0ed06f;
  color: #fff; }

/*horses*/
.horses {
  position: relative; }
  .horses .race-number {
    min-width: 80px; }
  .horses .track-list-button {
    transform: rotate(90deg);
    left: -5.5rem;
    top: 7%;
    position: absolute;
    border-radius: 8px 0 0 8px;
    padding-right: 1.5rem; }
  .horses .track-list-button:hover, .horses .track-list-button:focus, .horses .track-list-button:not(:disabled):not(.disabled):active:focus {
    background: #212529;
    border: 0;
    box-shadow: none; }
  .horses .track-list-button:after {
    content: "";
    width: 25px;
    height: 36px;
    border-radius: 8px;
    background: #212529;
    position: absolute;
    bottom: 0px;
    right: -12px;
    transform: skewX(20deg); }

/*reports*/
.reports .report input[type=radio] {
  position: absolute;
  left: -50px; }
.reports .check-odds {
  overflow: hidden; }

/* animation */
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(15, 210, 115, 0.4); }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(15, 210, 115, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(15, 210, 115, 0); } }
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(15, 210, 115, 0.4);
    box-shadow: 0 0 0 0 rgba(15, 210, 115, 0.4); }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(15, 210, 115, 0);
    box-shadow: 0 0 0 10px rgba(15, 210, 115, 0); }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(15, 210, 115, 0);
    box-shadow: 0 0 0 0 rgba(15, 210, 115, 0); } }
.pulse {
  animation: pulse 1s 5; }

/*# sourceMappingURL=style.css.map */
.sidebar-menu {
    position: fixed;
    width: 19.8%;
    top: 14%;
}
.branded {
    position: fixed;
    width: 218px;
    top: 7%;
}
@media only screen and (max-width: 1199px){
    .branded {
        width: 192px;
    }
}
@media only screen and (max-width: 990px) {
    .main-content {
        min-height: 100px!important;
    }
}
tr[data-openticket]{
    cursor:pointer;
}
tr[data-historyticket] {
    cursor: pointer;
}
.div_WagerDetails{
    overflow-x:auto;
}
span.ml {
    text-transform:lowercase;
}
.banner-body {
    background-color: #e4e4e4
}

.card-unset-overflow {
    overflow: unset !important;
}

.cs-ch-label
{
    max-width: 90%;
}

@media only screen and (max-width: 996px) {
    .cs-ch-label {
        max-width: 85%;
    }
}

@media only screen and (max-width: 768px) {
    .cs-ch-label {
        max-width: 80%;
    }
}

.alert2 {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert2-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #d32535;
}

.link-color {
    color: blue !important;
}