.TestMe {
    color: #00f;
}

.GameSelection {
    position: relative;
    margin: 0;
}

.GameSelection .row ul:first-of-type.EndFade:After {
    content: '';
    position: absolute;
    z-index: 2;
    right: 15px;
    width: 5px;
    height: 30px;
    background: linear-gradient(to left, #fcfcfc 0%, rgba(252, 252, 252, 0) 100%);
}

.GameSelection .blockDisplay {
    display: block;
    height: 52px;
    margin: 8px 0 0 0;
}

.GameSelection .viewerHeader {
    position: relative;
    width: 50px;
    cursor: pointer;
}

.GameSelection .viewerHeader:before {
    content: 'videocam';
    font-size: 2.35em !important;
    color: #fb827f;
}

.GameSelection .viewerHeader.closed:before {
    content: 'videocam_off';
}

.GameSelection .blockDisplay>ul.tabs {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    overflow-x: scroll;
    white-space: nowrap;
    max-width: 82%;
    padding-bottom: 5px;
}

.GameSelection .tabs li {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: center;
}

.GameSelection .tabs li svg {
    width: 50px;
    height: 30px;
    margin: 0 2px;
    vertical-align: middle;
}

.GameSelection .tabs li svg circle,
.GameSelection .tabs li svg path,
.GameSelection .tabs li svg polygon,
.GameSelection .tabs li svg rect {
    fill: #727272;
}

.GameSelection .tabs li h2 {
    display: inline;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    text-align: center;
}

.GameSelection .tabs li a {
    padding: 0;
    text-decoration: none;
    cursor: pointer;
    vertical-align: middle;
}

.GameSelection .tabs li:hover {
    cursor: pointer;
}

.GameSelection li:hover,
.GameSelection li.active,
.GameSelection li.current {
    cursor: pointer;
}

.GameSelection li:hover svg path,
.GameSelection li:hover svg circle,
.GameSelection li:hover svg polygon,
.GameSelection li:hover svg rect,
.GameSelection li.active svg path,
.GameSelection li.active svg circle,
.GameSelection li.active svg polygon,
.GameSelection li.active svg rect,
.GameSelection li.current svg path,
.GameSelection li.current svg circle,
.GameSelection li.current svg polygon,
.GameSelection li.current svg rect {
    fill: #37b34a;
}

.GameSelection .GridIcon i {
    font-size: 2.35em;
    color: #727272;
}

.GameSelection .GridIcon i:hover {
    cursor: pointer;
    color: #37b34a;
}

.GameSelection .GridIcon.current i {
    color: #37b34a;
}

.GameSelection .GridIcon.active {
    background-color: #37b34a;
    color: #fcfcfc;
}

.GameSelection .HelpIcon i {
    font-size: 2.35em;
    color: #727272;
}

.GameSelection .HelpIcon i:hover {
    cursor: pointer;
    color: #37b34a;
}

.GameSelection .HelpIcon.current i {
    color: #37b34a;
}

.GameSelection .HelpIcon svg {
    height: 25px;
    width: 35px;
}

.GameSelection .HelpIcon svg path,
.GameSelection .HelpIcon svg circle,
.GameSelection .HelpIcon svg polygon {
    fill: #37b34a;
}

.GameSelection .HelpIcon a:hover {
    cursor: pointer;
}

.GameSelection .HelpIcon a.active {
    cursor: pointer;
}

.GameSelection li.PlatinumHoundsIcon svg {
    width: 55px;
}

.GameSelection li.RaceClubIcon svg {
    width: 45px;
}

.GameSelection li.FootballGroupIcon svg {
    width: 40px;
}

.GameSelection li.MotorRacingIcon svg {
    width: 55px;
}

.GameSelection li.TableTennisIcon svg {
    width: 30px;
}

.GameSelection li.BoxingIcon svg {
    width: 40px;
}

.GameSelection li.BadmintonIcon svg {
    width: 37.5px;
}

.GameSelection li.ArcheryIcon svg {
    width: 37.5px;
}

.GameSelection li.RacingRouletteIcon svg {
    width: 49px;
}

.GameSelection .GameSelectionSub {
    background-color: #efefef;
}

.GameSelection .GameSelectionSub li {
    margin: 5px;
}

.GameSelection .GameSelectionSub li svg {
    width: 50px !important;
    height: 29px !important;
    margin: 0;
    border: 1px solid transparent !important;
}

.GameSelection .GameSelectionSub li:hover,
.GameSelection .GameSelectionSub li.active,
.GameSelection .GameSelectionSub li.current {
    cursor: pointer;
    box-shadow: 0 0 14px #37b34a;
}

.GameSelection .GameSelectionSub li:hover svg,
.GameSelection .GameSelectionSub li.active svg,
.GameSelection .GameSelectionSub li.current svg {
    border: 1px solid #37b34a !important;
}

.GameSelection .MarketGroupSelection {
    border-top: 1px solid rgba(55, 179, 74, .1);
    border-bottom: 1px solid rgba(55, 179, 74, .1);
}

.GameSelection .viewerPanel {
    margin: 15px 0 15px 0;
    display: inherit;
    text-align: center;
}

.GameSelection .ViewerEmbed {
    display: block;
}

.GameSelection .ViewerEmbed div {
    display: inline-block;
    margin: 0 auto;
    box-shadow: 0 5px 15px #e2e2e2;
}

@media screen and (max-width:1024px) {
    .blockDisplay {
        max-width: 80%;
        overflow-y: hidden;
        white-space: nowrap;
    }
}

.btn-betman {
    border: 1px solid #4c4c4c;
    color: #4c4c4c;
    background-color: #fcfcfc;
}

.HomeButton {
    color: #37b34a;
    font-size: 1.6em;
    font-weight: 400;
    padding: 5px;
}

.ConfirmButton {
    margin: 0;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .4);
    letter-spacing: .05em;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    background-color: #09b517;
    padding: 8px 10px;
    border: 1px solid #fcfcfc;
    color: #fff;
    font-size: 1em;
    font-weight: 400;
    border-radius: 3px;
}

.ConfirmButton:hover {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .5), 0 0 0 black;
}

.ConfirmButton:focus {
    box-shadow: inset 0 0 12px black, 0 0 0 black;
}

.BetButton {
    white-space: nowrap;
    margin: 0;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .4);
    letter-spacing: .05em;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    background-color: #09b517;
    padding: 8px 8px;
    border: 1px solid #fcfcfc;
    color: #fff;
    font-size: 1em;
    font-weight: 400;
    border-radius: 3px;
}

.BetButton:hover {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .5), 0 0 0 black;
}

.BetButton:focus {
    box-shadow: inset 0 0 12px black, 0 0 0 black;
}

.ClearButton {
    color: #fff;
    background-color: #fb827f;
    border: none;
    font-size: .8em;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    padding: 8px 8px;
    margin: 0;
    font-size: 1em;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 0;
}

.ClearButton:hover {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .5), 0 0 0 black;
    color: #fff;
}

.ClearButton:focus {
    box-shadow: inset 0 0 12px black, 0 0 0 black;
}

.PlayIcon {
    display: inline-block;
    float: right;
    position: relative;
    top: -30px;
    border-radius: 5px;
    vertical-align: middle;
    white-space: nowrap;
    height: 36px;
    background-color: #fb827f;
}

.PlayIcon div {
    display: inline-block;
    color: #fff;
    vertical-align: top;
    padding: 0;
    margin: 8px 3px 0 10px;
}

.PlayIcon img {
    height: 36px;
}

.DefaultButton {
    color: #37b34a;
    background-color: #fcfcfc;
    border: 1px solid #37b34a;
    font-size: .8em;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    padding: 1px 10px;
    border-radius: 10px;
}

.DefaultButton:hover {
    color: #fcfcfc;
    background-color: #37b34a;
}

.Toggle {
    vertical-align: middle;
    margin: 5px 0;
}

.Toggle ul {
    list-style-type: none;
    text-align: center;
    padding: 5px 0 10px;
    margin: 0;
}

.Toggle ul.tabs li {
    display: inline-block;
    margin: 0;
    border-radius: 3px;
    border: 2px solid #37b34a;
    text-decoration: none;
    cursor: pointer;
    padding: 0 8px;
    vertical-align: baseline;
    white-space: nowrap;
    font-size: .85em;
}

.Toggle ul.tabs li:first-child {
    padding-right: 10px;
    margin-right: -6px;
}

.Toggle ul.tabs li:last-child {
    padding-left: 10px;
    margin-left: -6px;
}

.Toggle ul.tabs li h2 {
    color: #8c8c8c;
    display: inline;
    margin: 0;
    padding: 0 !important;
    font-size: 1em !important;
    font-weight: 300;
    text-transform: uppercase;
    white-space: nowrap;
    text-align: center;
}

.Toggle ul.tabs li svg {
    fill: #37b34a;
    display: inline;
    width: 23px !important;
    height: 15px !important;
    padding: 0 0 2px 0;
    text-align: center;
}

.Toggle ul.tabs li a {
    margin: -10px;
    padding: 0 20px;
    text-decoration: none;
    cursor: pointer;
    margin: -10px;
    padding: 0 20px;
}

.Toggle ul.tabs li a:hover {
    cursor: pointer;
}

.Toggle ul.tabs li.current {
    background-color: #37b34a;
}

.Toggle ul.tabs li.current svg,
.Toggle ul.tabs li.current h2 {
    color: #fcfcfc;
    fill: #fcfcfc;
    background-color: #37b34a;
}

.Toggle ul.tabs li.current svg circle,
.Toggle ul.tabs li.current svg path,
.Toggle ul.tabs li.current svg polygon,
.Toggle ul.tabs li.current svg rect,
.Toggle ul.tabs li.current h2 circle,
.Toggle ul.tabs li.current h2 path,
.Toggle ul.tabs li.current h2 polygon,
.Toggle ul.tabs li.current h2 rect {
    fill: #fcfcfc;
}

.Toggle ul.tabs li a.active {
    background-color: #37b34a;
}

.Toggle ul.tabs li a.active svg,
.Toggle ul.tabs li a.active h2 {
    color: #fcfcfc;
    fill: #fcfcfc;
    background-color: #37b34a;
}

.Toggle .SubToggle li {
    margin-right: 0;
}

.Toggle .SubToggle li:first-child {
    margin-right: 0;
}

.ThinToggle {
    vertical-align: middle;
    margin: 3px 10px !important;
}

.ThinToggle ul {
    text-align: right !important;
    margin: 0;
    padding: 0;
}

.ThinToggle ul.tabs {
    padding: 2px 10px 2px 0 !important;
}

.MainToggle {
    text-align: left;
    margin-left: 10px;
    display: inline-block;
}

.ThemeSelector {
    display: inline-block !important;
}

.ThemeSelector li {
    margin: 0 5px;
    border: none !important;
}

.ThemeSelector li a {
    padding: 0 0 !important;
    border-radius: 5px;
}

.ThemeSelector li a h2 {
    padding: 0 5px !important;
    color: #727272;
    font-weight: bold;
    font-size: 16px;
}

.ThemeSelector li a:hover h2 {
    background-color: #37b34a;
    border-radius: 3px;
    color: #fcfcfc;
}

.ThemeSelector li a.active {
    fill: #fcfcfc;
    background-color: none;
}

.ThemeSelector li a.active h2 {
    background-color: #fcfcfc;
    border-bottom: 2px solid #37b34a;
    color: #37b34a;
}

.ThemeSelector li.active a {
    position: relative;
    z-index: 5;
}

.ThemeSelector li.inactive a {
    position: relative;
    z-index: 4;
    background-color: #fcfcfc;
}

.SubToggle {
    display: block !important;
    margin: 10px 5px 15px 5px;
}

.SubToggle li {
    padding: 0;
    margin: 0;
}

.SubToggle li a {
    border: none;
    padding: 0 10px;
}

.SubToggle li a h2 {
    font-size: .95em;
}

.SubToggle li:not(.current) h2 {
    color: #727272;
}

.SubToggle ul {
    text-align: left;
}

.FootballLeague .tabs h2 {
    background-color: initial !important;
    font-size: 1.1em !important;
}

.FootballLeague .Toggle.SubToggle li {
    border: 1px solid rgba(55, 179, 74, .2);
    background-color: rgba(55, 179, 74, .1);
    padding: 0 6px 0 6px;
    margin: 0 0 !important;
    white-space: nowrap;
}

.FootballLeague .Toggle.SubToggle li.current {
    border: 1px solid rgba(55, 179, 74, .2);
    background-color: #37b34a;
}

.ViewNav {
    height: 24px;
    margin: 15px 5px 0 5px;
}

.ViewNav .BackToggle {
    float: left;
}

.ViewNav .ViewToggle {
    float: right;
}

.ViewToggle,
.BackToggle {
    display: inline-block;
    margin: 0;
    padding: 2px 6px;
    color: #8d8d8d;
    background-color: #727272;
    border-radius: 3px;
    font-size: .8em;
}

.ViewToggle label,
.BackToggle label {
    cursor: pointer;
    padding: 0 5px;
}

.BackToggle {
    font-size: 1em;
}

.MarketGroupButton {
    color: #37b34a;
    background-color: #fcfcfc;
    border: 1px solid #37b34a;
    font-size: .8em;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    padding: 1px 10px;
    border-radius: 10px;
}

.MarketGroupButton:hover {
    color: #fcfcfc;
    background-color: #37b34a;
}

.MarketGroupButtons .active {
    color: #fcfcfc;
    background-color: #37b34a;
}

.Bet {
    color: #111;
    font-size: 1em;
    font-weight: 700;
    padding: 2px 7px;
    border: 1px solid #37b34a;
    border-radius: 3px;
    background-color: #ffff80;
    box-shadow: none;
    text-align: center;
    margin-left: 5px;
    transition: all .25s ease;
}

.Bet.nohover {
    cursor: not-allowed;
    opacity: .5;
    box-shadow: none;
}

.Bet:not(.nohover):visited {
    color: #fff;
    background-color: #37b34a;
    cursor: pointer;
    text-align: center;
}

.Bet:not(.nohover):hover {
    color: #000;
    background-color: #37b34a;
    cursor: pointer;
    text-align: center;
    box-shadow: 0 2px 2px 1px rgba(0, 0, 0, .1);
}

.Bet:not(.nohover):Active {
    color: #fff;
    cursor: pointer;
    text-align: center;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .5), 0 0 0 black;
}

.Bet .Split {
    font-size: .65em;
    position: relative;
    top: -2px;
    font-weight: normal;
}

.mobi .Bet {
    font-size: .6em;
}

.mobi .Bet:not(.nohover):hover {
    color: #fff;
}

.mobi .Bet:not(.nohover):hover h3 {
    color: #fff;
}

span.Split {
    font-size: .65em;
    padding-top: 9px;
}

.BetID {
    font-size: .6em;
    font-weight: 400;
    padding: 3px 0 0 0;
    opacity: .7;
    border-radius: 5px 0 5px 0;
}

.AsianBet span {
    color: #8c8c8c;
    font-weight: bold;
    border-radius: 3px;
    padding: 0 4px;
}

.AsianBet span:hover {
    background-color: #000;
}

.AsianBet.SelectedBet:not(.noHighlight) {
    background-color: transparent !important;
    color: #8c8c8c;
}

.AsianBet.SelectedBet:not(.noHighlight) span {
    color: #8c8c8c;
    background-color: #000;
}

.BetDetails {
    padding: 0 0 0 30px;
    position: relative;
    margin-bottom: 0;
}

.BetDetails svg {
    position: absolute;
    top: 5px;
    left: 2px;
    height: 18px;
    width: 25px;
    margin: 0;
    fill: #fff;
}

.BetDetails h2,
.BetDetails h3,
.BetDetails h4 {
    background: none;
    position: relative;
    margin: -1px 0 -1px 0;
    padding: 0 20px 0 0;
    font-size: .67em;
    vertical-align: top;
    font-weight: 400;
}

.BetDetails sup {
    margin-top: -5px;
    font-size: .9em;
    padding-left: 3px;
}

.BetDetails hr {
    margin: 2px 2px;
    opacity: .5;
}

.BetDetails p {
    margin: 3px 0 0 -27px;
    font-size: .75em;
    line-height: 1.9em;
    position: relative;
    white-space: normal;
}

.BetDetails p img {
    margin: 0 3px -2px 0;
}

.BetDetails p span {
    display: inline;
}

.BetDetails .Bet {
    white-space: nowrap;
    background-color: #257832;
    color: #fff;
    padding: 0 .5em;
    font-size: .9em;
    box-shadow: none;
}

.MultiBet {
    padding: 0 0 0 0;
    margin: 0;
}

.MultiBet h3 {
    display: table-cell;
    padding: 2px 4px 0 0;
}

.MultiBet h3:first-child {
    margin: 0 30px 0 0;
}

.MultiBet h3:last-child {
    font-weight: 400;
}

.MultiBet p {
    margin: 0;
}

.MultiBet svg {
    position: relative;
}

.FavouriteBet {
    background-color: #0be61d;
    color: #000;
}

.GameIconRow svg {
    position: relative;
}

.StakeAmount {
    color: #fff;
}

.Stake {
    font-size: .9em;
    font-weight: 700;
    display: block;
    height: 18px;
    padding-left: 27px;
    margin-bottom: 1px;
}

.Stake .DecreaseAmount,
.Stake .IncreaseAmount {
    display: inline-block;
    width: 18px;
    height: 18px;
    cursor: pointer;
    vertical-align: middle;
    border: 1px solid #bcbcbc;
    background-color: #bcbcbc;
    float: left;
    transition: all .3s ease;
    border-radius: 5px 0 0 5px;
    margin-right: -1px;
}

.Stake .DecreaseAmount:hover,
.Stake .IncreaseAmount:hover {
    background-color: #d5d5d5;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .2), 0 0 0 rgba(0, 0, 0, .9);
}

.Stake .DecreaseAmount {
    border-radius: 3px 0 0 3px;
}

.Stake .IncreaseAmount {
    border-radius: 0 3px 3px 0;
}

.Stake svg {
    fill: #fff;
    width: 13px;
    height: 13px;
    cursor: pointer;
    position: relative;
    top: auto;
    bottom: auto;
    left: 3px;
}

.Stake svg:hover {
    fill: #e6e6e6;
}

.Stake svg:Active {
    fill: gray;
}

.Stake img {
    padding: 4px 4px;
    position: relative;
}

.Stake img:nth-last-child(1) {
    margin-left: -2px;
}

.Stake input {
    border: 1px solid #bcbcbc;
    font-size: .9em !important;
    border-radius: 0;
    background: #fff;
    padding: 0 8px;
    color: #000;
    text-shadow: none;
    float: left;
    width: 60%;
    height: 18px;
    text-align: right;
    font: 300 100% "Roboto", sans-serif;
    font-size: 1em;
}

.Stake .StakeInput {
    border: 1px solid #bcbcbc;
    height: 22px;
    display: inline-block;
    float: left;
    font-size: .9em;
    background: #fff;
    color: #000;
    text-shadow: none;
    text-align: right;
    padding: 0 3px 0 3px;
    min-width: 40px;
    max-width: 40px;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: break-word;
    text-overflow: ellipsis;
}

.Stake .StakeInput:focus {
    min-width: 40px;
    max-width: 150px;
    overflow: visible;
}

.GlobalStake {
    position: relative;
    margin: 10px 0 30px 3px;
}

.GlobalStake h2 {
    font-size: 1em;
    font-weight: normal;
    position: relative;
    text-transform: uppercase;
    left: 20px;
    opacity: .8;
}

.GlobalStake .Stake input {
    font-size: 1em;
}

.PendingBet {
    background-color: rgba(150, 150, 150, .4);
    color: rgba(255, 255, 255, .5);
}

.PendingBet .StakeAmount {
    color: rgba(255, 255, 255, .5);
}

.PendingBet svg {
    fill: rgba(255, 255, 255, .5);
}

.PendingBet:before {
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 5px;
    position: absolute;
    top: 9px;
    animation: fadeInOut .5s ease-in-out 0s infinite;
    right: 10px;
    background-color: #37b34a;
}

.PendingBet:after {
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 5px;
    position: absolute;
    top: 9px;
    animation: fadeInOut .5s ease-in-out .25s infinite;
    right: 20px;
    background-color: #37b34a;
}

.FailedBet {
    background-color: rgba(198, 40, 40, .35);
    border-color: rgba(198, 40, 40, .35);
    color: rgba(255, 255, 255, .9);
}

.FailedBet .StakeAmount {
    color: rgba(255, 255, 255, .9);
}

.FailedBet svg {
    fill: rgba(255, 255, 255, .9);
}

.FailedBet .error p {
    font-size: .9em;
    white-space: normal !important;
}

.WinningBet,
.SmartPlayKenoBtn.WinningBet span {
    background-color: #cdb461 !important;
    border-color: #cdb461;
    color: #fff !important;
}

.WinningBet.noHighlight,
.SmartPlayKenoBtn.WinningBet span.noHighlight {
    background-color: initial !important;
}

.WinningBet.noHighlight>span,
.SmartPlayKenoBtn.WinningBet span.noHighlight>span {
    background-color: #cdb461;
    color: #fff;
}

.WinningBet:not(.noHighlight),
.SmartPlayKenoBtn.WinningBet span:not(.noHighlight) {
    background-color: #cdb461 !important;
}

.LostBet,
.SmartPlayKenoBtn.LostBet span {
    background-color: #000 !important;
    border-color: #000;
    color: #fff !important;
}

.LostBet:not(.noHighlight),
.SmartPlayKenoBtn.LostBet span:not(.noHighlight) {
    background-color: #000 !important;
}

.LostBet.noHighlight,
.SmartPlayKenoBtn.LostBet span.noHighlight {
    background-color: initial !important;
}

.LostBet.noHighlight>span,
.SmartPlayKenoBtn.LostBet span.noHighlight>span {
    background-color: #000;
    color: #fff;
}

.CancelledBet {
    background-color: rgba(198, 40, 40, .35);
    border-color: rgba(198, 40, 40, .35);
    color: rgba(255, 255, 255, .9);
}

.ActualResult,
.SmartPlayKenoBtn.ActualResult span {
    background-color: #727272 !important;
    border-color: #727272;
    color: #fcfcfc !important;
}

.ActualResult.noHighlight,
.SmartPlayKenoBtn.ActualResult span.noHighlight {
    background-color: initial !important;
}

.ActualResult:not(.noHighlight),
.SmartPlayKenoBtn.ActualResult span:not(.noHighlight) {
    background-color: #727272 !important;
}

.ActualResult.noHighlight>span,
.SmartPlayKenoBtn.ActualResult span.noHighlight>span {
    background-color: #727272;
    color: #fcfcfc;
}

.PlacedBet {
    padding: 0 3px 0 3px;
    margin: 3px 0 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    position: relative;
    border-radius: 3px;
    color: #fff;
    background-color: #969696;
    font-size: 1.1em;
    position: relative;
}

.PlacedBet .error {
    z-index: 1;
    position: relative;
}

.PlacedBet .MultiBet h3 .error {
    padding: 0 3px;
    font-size: 1em;
}

.PlacedBet h3 {
    color: #fff;
}

.PlacedBet .ToWinAmount {
    text-align: right;
    padding-right: 50px;
    padding-top: 2px;
    font-size: .7em !important;
}

.PlacedBet .ToWinAmount span {
    font-weight: 700;
}

.PlacedBet>.ComboDemoBet {
    padding-bottom: 0;
}

.PlacedBet .Remove {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.PlacedBet .Remove svg {
    width: 16px;
    height: 16px;
    fill: #bfbfbf;
    transition: all .3s ease;
    fill: #636363;
}

.PlacedBet .Remove svg:hover {
    fill: #a6a6a6;
    transform: rotate(90deg);
    fill: #494949;
}

.ConfirmedBet {
    padding: 3px 3px;
    margin: 3px 0 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-radius: 5px;
    position: relative;
    font-size: 1.1em;
    width: 24%;
    display: inline-block;
    vertical-align: top;
    border-radius: 3px;
    color: #fff;
    background-color: #969696;
    position: relative;
}

.ConfirmedBet .error {
    z-index: 1;
    position: relative;
}

.ConfirmedBet .ToWinAmount {
    text-align: right;
    padding-right: 5px;
    padding-top: 2px;
    font-size: .75em !important;
    text-align: left;
    display: inline-block;
}

.ConfirmedBet .ClickToView {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    background-color: #7c7c7c;
    border-radius: 0 0 0 10px;
    padding: 2px 5px;
}

.ConfirmedBet .ClickToView sup {
    text-transform: capitalize;
    font-size: 10px;
    top: -4px;
}

.ConfirmedBet .ClickToView i {
    font-size: 14px;
}

.ConfirmedBet:hover .ClickToView {
    display: block;
}

.ExpiredBet {
    padding: 3px 3px;
    margin: 3px 0 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-radius: 5px;
    position: relative;
    background-color: #e5f8ff;
    font-size: 1.1em;
    border-radius: 3px;
    color: #fff;
    background-color: #c62828;
}

.ExpiredBet h3 {
    color: #fff;
}

.ExpiredBet .ToWinAmount {
    text-align: right;
    padding-right: 5px;
    padding-top: 2px;
    font-size: .75em !important;
}

.ExpiredBet .BetDetails svg {
    fill: #fff;
}

.ExpiredBet .BetDetails .error {
    font-size: 1em;
}

.ExpiredBet .BetDetails img {
    opacity: .9;
}

.ActiveBet .ActivateIcon {
    position: absolute;
    top: 5px;
    right: 2px;
    z-index: 1;
    cursor: pointer;
    width: 15px;
    height: 15px;
    border-radius: 10px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform: translate(-6px, 0);
    background-color: #37b34a;
    border: 2px solid #37b34a;
}

.ActiveBet .ActivateIcon:before {
    content: "";
    transition: all .3s ease-in-out;
    position: absolute;
    left: 4px;
    background-color: #fff;
    transform: translate(5px, 0) rotate(45deg);
    width: 2px;
    height: 13px;
}

.ActiveBet .ActivateIcon:after {
    content: "";
    transition: all .3s ease-in-out;
    position: absolute;
    left: 4px;
    background-color: #fff;
    transform: translate(-1px, 6px) rotate(-45deg);
    width: 2px;
    height: 5px;
}

.ActiveBet .ActivateIconnot(.nohover):hover {
    background-color: #FFFFFF;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform: translate(-6px, 0);
    background-color: #fcfcfc;
    border: 2px solid #727272;
}

.ActiveBet .ActivateIconnot(.nohover):hover:before {
    opacity: 0;
    content: "";
    transition: all .3s ease-in-out;
    position: absolute;
    left: 2px;
    transform: translate(5px, 0)rotate(45deg);
    width: 2px;
    height: 15px;
    background-color: #727272;
}

.ActiveBet .ActivateIconnot(.nohover):hover:after {
    opacity: 0;
}

.ActivateIcon:hover+.DeActivatedBet {
    opacity: 0;
}

.DeActivateBet {
    opacity: .5 !important;
}

.DeActivatedBet {
    background-color: #bcbcbc !important;
}

.DeActivatedBet .ActivateIcon {
    position: absolute;
    top: 5px;
    right: 2px;
    z-index: 1;
    cursor: pointer;
    width: 15px;
    height: 15px;
    border-radius: 10px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform: translate(-6px, 0);
    background-color: #fcfcfc;
    border: 2px solid #37b34a;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
}

.DeActivatedBet .ActivateIcon:before {
    opacity: 0;
    content: "";
    transition: all .3s ease-in-out;
    position: absolute;
    left: 2px;
    transform: translate(5px, 0) rotate(45deg);
    width: 2px;
    height: 15px;
    background-color: #727272;
}

.DeActivatedBet .ActivateIcon:not(.nohover):hover {
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform: translate(-6px, 0);
    background-color: #7ad688;
    border: 2px solid #7ad688;
}

.DeActivatedBet .ActivateIcon:not(.nohover):hover:before {
    content: "";
    opacity: 1;
    transition: all .3s ease-in-out;
    position: absolute;
    left: 4px;
    background-color: #fff;
    transform: translate(5px, 0) rotate(45deg);
    width: 2px;
    height: 13px;
}

.DeActivatedBet .ActivateIcon:not(.nohover):hover:after {
    content: "";
    transition: all .3s ease-in-out;
    position: absolute;
    left: 4px;
    background-color: #fff;
    transform: translate(-1px, 6px) rotate(-45deg);
    width: 2px;
    height: 5px;
}

.DeActivatedBet .BetDetails {
    opacity: .5;
}

.DeActivatedBet .Stake {
    opacity: .5;
}

.DeActivatedBet .ToWin {
    opacity: .5;
}

.DeActivatedBet svg {
    opacity: .5;
}

.Selected,
.Selected:hover {
    background-color: #257832 !important;
    border-color: #257832;
    color: #fff !important;
}

.Selected h3,
.Selected:hover h3 {
    color: #fff !important;
}

.Selected span,
.Selected:hover span {
    color: #fff;
}

.Selected .Remove svg,
.Selected:hover .Remove svg {
    fill: #7c7c7c;
}

.Selected .Remove:hover svg,
.Selected:hover .Remove:hover svg {
    fill: #fff;
}

.Selected .BetDetails svg,
.Selected:hover .BetDetails svg {
    fill: #fff;
}

.Selected .Bet,
.Selected:hover .Bet {
    background-color: #257832 !important;
    border-color: #257832;
    color: #fff !important;
}

.SelectedBet:not(.noHighlight) {
    background-color: #257832 !important;
    color: #fff !important;
}

.SelectedBet:not(.noHighlight) h3 {
    color: #fff !important;
}

.SelectedBet.noHighlight {
    background-color: initial !important;
}

.SelectedBet.noHighlight>span {
    background-color: #257832 !important;
    color: #fff !important;
}

#Past-Bet-ModalBody .InProgressBet:not(.noHighlight) {
    background-color: #257832 !important;
    color: #fff !important;
}

#Past-Bet-ModalBody .InProgressBet:not(.noHighlight) h3 {
    color: #fff !important;
}

#Past-Bet-ModalBody .InProgressBet.noHighlight {
    background-color: initial !important;
}

#Past-Bet-ModalBody .InProgressBet.noHighlight>span {
    background-color: #257832 !important;
    color: #fff !important;
}

.KenoHeaderPanel {
    display: flex;
    margin: 20px 0;
    justify-content: space-between;
    flex-flow: row nowrap;
}

.KenoHeaderPanel .Quick {
    background-color: #008000;
    color: #fff;
    align-self: center;
    padding: 4px 10px;
    cursor: pointer;
    border-radius: 3px;
}

.KenoHeaderPanel .Quick select {
    margin: 3px 0 2px 5px;
    border: none;
    border-radius: 2px;
}

.KenoHeaderPanel .KenoBets {
    flex: 0 50%;
}

.KenoHeaderPanel .ClearButton {
    align-self: center;
}

.KenoPanelWrapper {
    width: 80%;
    display: inline-block;
    vertical-align: top;
}

.KenoPanel {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}

.Evens {
    background-color: #fb827f !important;
    color: #fff !important;
}

.Heads {
    background-color: #bc4307 !important;
    color: #fff !important;
}

.Tails {
    background-color: #d75d1a !important;
    color: #fff !important;
}

.DividerBar {
    height: 1px;
    margin: 5px 20px;
    display: block;
    flex: 1 100%;
    background: linear-gradient(270deg, rgba(251, 130, 127, 0), #fb827f, rgba(251, 130, 127, 0));
}

.SmartPlayKenoBtn {
    flex: 1 10%;
    padding: 2px 0;
    text-align: center;
}

.SmartPlayKenoBtn span {
    width: 40px;
    display: block;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    border-radius: 50%;
}

.SmartPlayKenoBtn:not(.nohover):hover span {
    background-color: rgba(55, 179, 74, .4) !important;
    transform: scale(1.1, 1.1);
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .2);
    cursor: pointer;
}

.SmartPlayKenoBtn.SelectedBet {
    background-color: #fcfcfc !important;
}

.SmartPlayKenoBtn.SelectedBet span {
    background-color: #37b34a !important;
    transform: scale(1, 1);
}

.SmartPlayKenoBtn.ActualResult,
.SmartPlayKenoBtn.ActualResult span.SmartPlayKenoBtn {
    background-color: #fcfcfc !important;
}

.SmartPlayKenoBtn.WinningBet,
.SmartPlayKenoBtn.WinningBet span.SmartPlayKenoBtn {
    background-color: #fcfcfc !important;
}

.SmartPlayKenoBtn.LostBet,
.SmartPlayKenoBtn.LostBet span.SmartPlayKenoBtn {
    background-color: #fcfcfc !important;
}

.KenoAside {
    width: 18%;
    display: inline-block;
}

.KenoAside .TutorialPanel {
    background-color: #727272;
    color: #fff;
    padding: 20px;
    margin: 10px;
    border-radius: 3px;
    position: relative;
}

.KenoAside .TutorialPanel:before {
    content: '';
    background-color: #727272;
    width: 20px;
    height: 20px;
    position: absolute;
    left: -10px;
    top: 45%;
    transform: rotate(45deg);
}

.KenoAside .CtaRow {
    display: flex;
    margin: 0 5px 0 5px;
    align-items: center;
}

.KenoAside .CtaRow>div {
    flex-grow: 1;
}

.KenoAside .CtaRow h2 {
    padding: 0 !important;
}

.KenoAside .CtaRow .Stake {
    padding-left: 0;
}

.KenoAside .CtaRow .Stake input {
    width: 35%;
}

.KenoAside .CTAcell {
    text-align: center;
    margin: 10px 0;
}

.KenoAside .PayTable .accordionPanel {
    padding-left: 10px;
}

.KenoAside .PayTable table {
    border-collapse: collapse;
    width: 100%;
    margin: 0;
}

.KenoAside .PayTable th {
    color: #727272;
    font-weight: normal;
    text-align: center !important;
}

.KenoAside .PayTable td {
    background-color: rgba(55, 179, 74, .6);
    color: #8c8c8c;
    border-bottom: 1px solid rgba(140, 140, 140, .2);
    border-top: none;
    text-align: center;
    padding: 5px 0;
}

.KenoAside .PayTable tr:nth-last-child(2) td:first-child {
    border-radius: 0 0 0 3px;
    border-bottom: none;
}

.KenoAside .PayTable tr:nth-last-child(2) td:last-child {
    border-radius: 0 0 3px 0;
    border-bottom: none;
}

.mobi .KenoHeaderPanel {
    flex-flow: wrap;
    margin: 10px 10px 5px 10px;
}

.mobi .KenoHeaderPanel .Quick {
    order: 1;
}

.mobi .KenoHeaderPanel .KenoBets {
    margin: 10px auto;
    flex: 100%;
    order: 3;
    display: flex;
    justify-content: space-between;
}

.mobi .KenoHeaderPanel .ClearButton {
    order: 2;
}

.mobi .KenoPanel,
.mobi .KenoAside {
    width: 100%;
    margin: 5px 0;
}

.mobi .KenoPanel {
    justify-content: space-between;
}

.mobi .TutorialPanel {
    padding: 10px;
}

.mobi .TutorialPanel p {
    white-space: normal;
    margin-bottom: 5px;
    font-size: .9em;
}

.mobi .TutorialPanel:before {
    content: '';
    background-color: #727272;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 45%;
    bottom: -10px;
    top: inherit;
    transform: rotate(45deg);
}

.mobi .CtaRow {
    margin: 0 10px 5px 10px;
}

.mobi .CtaRow .CTAcell {
    flex-grow: 2;
    text-align: right;
}

.mobi .SmartPlayKenoBtn:not(.SelectedBet):hover .Heads {
    background-color: #bc4307 !important;
    color: #fff !important;
}

.RouletteTable {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.RouletteTable .SelectedBet {
    opacity: 1 !important;
    position: relative;
}

.RouletteTable .SelectedBet h3 {
    position: relative;
}

.RouletteTable .SelectedBet h3:after {
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 16px;
    position: absolute;
    z-index: 3;
    top: 22.5px;
    bottom: 22.5px;
    left: 30%;
    right: initial;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
    cursor: pointer;
    opacity: 1 !important;
    background-color: #257832;
    border: 2px dashed #fff !important;
    box-shadow: 3px 3px 8px black !important;
}

.RouletteTable>div:first-child,
.RouletteTable>div:last-child {
    display: inline-block;
    vertical-align: top;
}

.RouletteTable>div:first-child {
    width: 45px;
}

.RouletteTable>div:first-child .SW-0 {
    height: 139px;
    display: table;
    width: 45px;
    right: -2px;
}

.RouletteTable>div:first-child .SW-0 h3 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0;
}

.RouletteTable>div:first-child .SW-0 .SW-TR,
.RouletteTable>div:first-child .SW-0 .SW-R,
.RouletteTable>div:first-child .SW-0 .SW-BR,
.RouletteTable>div:first-child .SW-0 .SW-B {
    position: absolute;
    z-index: 2;
    opacity: 0;
    top: 69.5px;
    bottom: 69.5px;
    left: 22.5px;
    right: 22.5px;
}

.RouletteTable>div:first-child .SW-0:hover:not(.nohover) .SW-TR,
.RouletteTable>div:first-child .SW-0:hover:not(.nohover) .SW-R,
.RouletteTable>div:first-child .SW-0:hover:not(.nohover) .SW-BR,
.RouletteTable>div:first-child .SW-0:hover:not(.nohover) .SW-B {
    opacity: 1;
    transition-timing-function: ease-in-out;
}

.RouletteTable>div:first-child .SW-0:hover:not(.nohover) .SW-TR:hover,
.RouletteTable>div:first-child .SW-0:hover:not(.nohover) .SW-R:hover,
.RouletteTable>div:first-child .SW-0:hover:not(.nohover) .SW-BR:hover,
.RouletteTable>div:first-child .SW-0:hover:not(.nohover) .SW-B:hover {
    background-color: #37b34a;
}

.RouletteTable>div:first-child .SW-0:hover:not(.nohover) .SW-TR {
    top: 11.5px;
    bottom: auto;
    left: auto;
    right: -9.33333px;
}

.RouletteTable>div:first-child .SW-0:hover:not(.nohover) .SW-R {
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    bottom: auto;
    left: auto;
    right: -11px;
}

.RouletteTable>div:first-child .SW-0:hover:not(.nohover) .SW-BR {
    top: auto;
    bottom: 11.5px;
    left: auto;
    right: -11px;
}

.RouletteTable>div:first-child .SW-0:hover:not(.nohover) .SW-B {
    top: auto;
    bottom: -11px;
    left: auto;
    right: -19px;
}

.RouletteTable>div:first-child .SW-0 .SelectedBet {
    transition: none;
}

.RouletteTable>div:first-child .SW-0 .SelectedBet.SW-TR {
    top: 11.5px !important;
    bottom: auto;
    left: auto;
    right: -10.33333px !important;
}

.RouletteTable>div:first-child .SW-0 .SelectedBet.SW-R {
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    bottom: auto;
    left: auto;
    right: -11px;
}

.RouletteTable>div:first-child .SW-0 .SelectedBet.SW-BR {
    top: auto;
    bottom: 11.5px;
    left: auto;
    right: -11px;
}

.RouletteTable>div:first-child .SW-0 .SelectedBet.SW-B {
    top: auto;
    bottom: -11px;
    left: auto;
    right: -19px;
}

.RouletteTable>div:last-child {
    width: 8%;
}

.RouletteTable>div:nth-child(2) {
    display: inline-block;
    width: 80%;
}

.RouletteTable>div:nth-child(2)>div:last-child .SW-Btn {
    flex: 1 16.66%;
}

.RouletteNeighbors {
    max-width: 800px;
}

.RouletteNeighbors .SelectedBet {
    opacity: 1 !important;
    position: relative;
}

.RouletteNeighbors .SelectedBet h3 {
    position: relative;
}

.RouletteNeighbors .SelectedBet h3:after {
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 16px;
    position: absolute;
    z-index: 3;
    top: 22.5px;
    bottom: 22.5px;
    left: 30%;
    right: initial;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
    cursor: pointer;
    opacity: 1 !important;
    background-color: #257832;
    border: 2px dashed #fff !important;
    box-shadow: 3px 3px 8px black !important;
}

.RouletteColumn {
    display: flex;
    width: 100%;
}

.SW-Btn {
    border: 1px solid #727272;
    color: #727272;
    text-align: center;
    height: 45px;
    flex-grow: 1;
    cursor: pointer;
}

.SW-Btn h3 {
    text-align: center;
    padding: 11.25px 0 0 0;
}

.SW-Btn:hover {
    background-color: #37b34a;
}

.Green-Btn,
#SW-0,
.SW-0 {
    background-color: #008000;
    color: #fff;
}

.Red-Btn,
#SW-1,
#SW-3,
#SW-5,
#SW-7,
#SW-9,
#SW-12,
#SW-14,
#SW-16,
#SW-18,
#SW-19,
#SW-21,
#SW-23,
#SW-25,
#SW-27,
#SW-30,
#SW-32,
#SW-34,
#SW-36,
.SW-1,
.SW-3,
.SW-5,
.SW-7,
.SW-9,
.SW-12,
.SW-14,
.SW-16,
.SW-18,
.SW-19,
.SW-21,
.SW-23,
.SW-25,
.SW-27,
.SW-30,
.SW-32,
.SW-34,
.SW-36 {
    background-color: #f00;
    color: #fff;
}

.Black-Btn,
#SW-2,
#SW-4,
#SW-6,
#SW-8,
#SW-10,
#SW-11,
#SW-13,
#SW-15,
#SW-17,
#SW-20,
#SW-22,
#SW-24,
#SW-26,
#SW-28,
#SW-29,
#SW-31,
#SW-33,
#SW-35,
.SW-2,
.SW-4,
.SW-6,
.SW-8,
.SW-10,
.SW-11,
.SW-13,
.SW-15,
.SW-17,
.SW-20,
.SW-22,
.SW-24,
.SW-26,
.SW-28,
.SW-29,
.SW-31,
.SW-33,
.SW-35 {
    background-color: #000;
    color: #fff;
}

.HighlightedSelection {
    position: relative;
}

.HighlightedSelection:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(55, 179, 74, .8);
}

.coin,
.SW-Number .SW-TL,
.SW-Number .SW-T,
.SW-Number .SW-TR,
.SW-Number .SW-R,
.SW-Number .SW-BR,
.SW-Number .SW-B,
.SW-Number .SW-BL,
.SW-Number .SW-L {
    width: 16px;
    height: 16px;
    border-radius: 16px;
    position: absolute;
    z-index: 2;
    top: 22.5px;
    bottom: 22.5px;
    left: 22.5px;
    right: 22.5px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
    cursor: pointer;
}

.SW-Number {
    position: relative;
    flex: 1 8.3%;
    border: 1px solid #fff;
    text-align: center;
    cursor: pointer;
    z-index: 0;
    display: inline-block;
    height: 45px;
}

.SW-Number h3 {
    padding: 11.25px 0 0 0;
}

.SW-Number .SW-TL,
.SW-Number .SW-T,
.SW-Number .SW-TR,
.SW-Number .SW-R,
.SW-Number .SW-BR,
.SW-Number .SW-B,
.SW-Number .SW-BL,
.SW-Number .SW-L {
    background-color: #fff;
    border: 1px solid #fff;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
    opacity: 0;
    transition: opacity .2s, top .2s, right .2s, bottom .2s, left .2s;
}

.SW-Number:hover {
    z-index: 1;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, .8);
    border: 1px solid #fff;
}

.SW-Number:hover h3 {
    position: relative;
    z-index: 1;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, .8);
}

.SW-Number:hover:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(55, 179, 74, .5);
}

.SW-Number:hover .SW-TL,
.SW-Number:hover .SW-T,
.SW-Number:hover .SW-TR,
.SW-Number:hover .SW-R,
.SW-Number:hover .SW-BR,
.SW-Number:hover .SW-B,
.SW-Number:hover .SW-BL,
.SW-Number:hover .SW-L {
    opacity: 1;
    transition-timing-function: ease-in-out;
}

.SW-Number:hover .SW-TL:hover,
.SW-Number:hover .SW-T:hover,
.SW-Number:hover .SW-TR:hover,
.SW-Number:hover .SW-R:hover,
.SW-Number:hover .SW-BR:hover,
.SW-Number:hover .SW-B:hover,
.SW-Number:hover .SW-BL:hover,
.SW-Number:hover .SW-L:hover {
    background-color: #37b34a;
}

.SW-Number:hover .SW-TL {
    top: -9px;
    bottom: initial;
    left: -9px;
    right: initial;
}

.SW-Number:hover .SW-T {
    top: -9px;
    bottom: initial;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    right: initial;
}

.SW-Number:hover .SW-TR {
    top: -9px;
    bottom: auto;
    left: auto;
    right: -9px;
}

.SW-Number:hover .SW-R {
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    bottom: auto;
    left: auto;
    right: -9px;
}

.SW-Number:hover .SW-BR {
    top: auto;
    bottom: -9px;
    left: auto;
    right: -9px;
}

.SW-Number:hover .SW-B {
    top: auto;
    bottom: -9px;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    right: initial;
}

.SW-Number:hover .SW-BL {
    top: auto;
    bottom: -9px;
    left: -9px;
    right: auto;
}

.SW-Number:hover .SW-L {
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    bottom: auto;
    left: -9px;
    right: auto;
}

.SW-Number .SelectedBet {
    transition: none;
    opacity: 1 !important;
    border: 2px dashed #fff !important;
    box-shadow: 3px 3px 8px black !important;
}

.SW-Number .SelectedBet.SW-TL {
    top: -11px;
    bottom: initial;
    left: -11px;
    right: initial;
}

.SW-Number .SelectedBet.SW-T {
    top: -11px;
    bottom: initial;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    right: initial;
}

.SW-Number .SelectedBet.SW-TR {
    top: -11px;
    bottom: auto;
    left: auto;
    right: -11px;
}

.SW-Number .SelectedBet.SW-R {
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    bottom: auto;
    left: auto;
    right: -11px;
}

.SW-Number .SelectedBet.SW-BR {
    top: auto;
    bottom: -11px;
    left: auto;
    right: -11px;
}

.SW-Number .SelectedBet.SW-B {
    top: auto;
    bottom: -11px;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    right: initial;
}

.SW-Number .SelectedBet.SW-BL {
    top: auto;
    bottom: -11px;
    left: -11px;
    right: auto;
}

.SW-Number .SelectedBet.SW-L {
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    bottom: auto;
    left: -11px;
    right: auto;
}

.ResultView .SW-Number .SW-TL,
.ResultView .SW-Number .SW-T,
.ResultView .SW-Number .SW-TR,
.ResultView .SW-Number .SW-R,
.ResultView .SW-Number .SW-BR,
.ResultView .SW-Number .SW-B,
.ResultView .SW-Number .SW-BL,
.ResultView .SW-Number .SW-L {
    position: absolute;
    z-index: 2;
    background-color: #fff;
    border: 1px solid #fff;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
    width: 16px;
    height: 16px;
    border-radius: 16px;
    opacity: 1;
    cursor: default;
    transition: opacity .2s, top .2s, right .2s, bottom .2s, left .2s;
}

.ResultView .SW-Number .SW-TL {
    top: -9px;
    bottom: initial;
    left: -9px;
    right: initial;
}

.ResultView .SW-Number .SW-T {
    top: -9px;
    bottom: initial;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    right: initial;
}

.ResultView .SW-Number .SW-TR {
    top: -9px;
    bottom: auto;
    left: auto;
    right: -9px;
}

.ResultView .SW-Number .SW-R {
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    bottom: auto;
    left: auto;
    right: -9px;
}

.ResultView .SW-Number .SW-BR {
    top: auto;
    bottom: -9px;
    left: auto;
    right: -9px;
}

.ResultView .SW-Number .SW-B {
    top: auto;
    bottom: -9px;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    right: initial;
}

.ResultView .SW-Number .SW-BL {
    top: auto;
    bottom: -9px;
    left: -9px;
    right: auto;
}

.ResultView .SW-Number .SW-L {
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    bottom: auto;
    left: -9px;
    right: auto;
}

.ResultView>div:first-child .SW-0:not(.nohover) {
    z-index: 0;
}

.ResultView>div:first-child .SW-0:not(.nohover) .SW-TR,
.ResultView>div:first-child .SW-0:not(.nohover) .SW-R,
.ResultView>div:first-child .SW-0:not(.nohover) .SW-BR,
.ResultView>div:first-child .SW-0:not(.nohover) .SW-B {
    position: absolute;
    z-index: 2;
}

.ResultView>div:first-child .SW-0:not(.nohover) .SW-TR {
    top: 14.5px;
    bottom: auto;
    left: auto;
    right: -8px;
}

.ResultView>div:first-child .SW-0:not(.nohover) .SW-R {
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    bottom: auto;
    left: auto;
    right: -8px;
}

.ResultView>div:first-child .SW-0:not(.nohover) .SW-BR {
    top: auto;
    bottom: 14.5px;
    left: auto;
    right: -8px;
}

.ResultView>div:first-child .SW-0:not(.nohover) .SW-B {
    top: auto;
    bottom: -8px;
    left: auto;
    right: -16px;
}

.ResultView .nohover:not(.Result):not(.SW-Number):not(.SW-Btn) {
    opacity: 0;
    box-shadow: none;
}

.ResultView .nohover:not(.Result):not(.SW-Number):not(.SW-Btn) .SW-TR,
.ResultView .nohover:not(.Result):not(.SW-Number):not(.SW-Btn) .SW-R,
.ResultView .nohover:not(.Result):not(.SW-Number):not(.SW-Btn) .SW-BR,
.ResultView .nohover:not(.Result):not(.SW-Number):not(.SW-Btn) .SW-B {
    opacity: 0;
}

.ScrollSelection {
    margin-top: 5px;
    position: relative;
    overflow: hidden;
}

.ScrollSelection .SW-Number {
    width: 45px;
    margin: 0 -2px;
    display: table-cell;
}

.mobi .SW-Number {
    position: relative;
    flex: 1 8.3%;
    text-align: center;
    cursor: pointer;
    z-index: 1;
    border: 1px solid #fff;
    display: inline-block;
    height: 45px;
}

.mobi .SW-Number h3 {
    padding: 11.25px 0 0 0;
}

.mobi .SW-Number .SW-TL,
.mobi .SW-Number .SW-T,
.mobi .SW-Number .SW-TR,
.mobi .SW-Number .SW-R,
.mobi .SW-Number .SW-BR,
.mobi .SW-Number .SW-B,
.mobi .SW-Number .SW-BL,
.mobi .SW-Number .SW-L {
    position: absolute;
    z-index: 2;
    background-color: #fff;
    border: 1px solid #fff;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
    width: 16px;
    height: 16px;
    border-radius: 16px;
    opacity: 0;
    cursor: pointer;
}

.mobi .SW-Number h3 {
    position: relative;
    z-index: 1;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, .8);
}

.mobi .SW-Number .SW-TL {
    top: -11px;
    bottom: initial;
    left: -11px;
    right: initial;
}

.mobi .SW-Number .SW-T {
    top: -11px;
    bottom: initial;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    right: initial;
}

.mobi .SW-Number .SW-TR {
    top: -11px;
    bottom: auto;
    left: auto;
    right: -11px;
}

.mobi .SW-Number .SW-R {
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    bottom: auto;
    left: auto;
    right: -11px;
}

.mobi .SW-Number .SW-BR {
    top: auto;
    bottom: -11px;
    left: auto;
    right: -11px;
}

.mobi .SW-Number .SW-B {
    top: auto;
    bottom: -11px;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    right: initial;
}

.mobi .SW-Number .SW-BL {
    top: auto;
    bottom: -11px;
    left: -11px;
    right: auto;
}

.mobi .SW-Number .SW-L {
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    bottom: auto;
    left: -11px;
    right: auto;
}

.mobi .RouletteTable>div:first-child {
    width: 45px;
}

.mobi .RouletteTable>div:first-child .SW-0:hover .SW-TR,
.mobi .RouletteTable>div:first-child .SW-0:hover .SW-R,
.mobi .RouletteTable>div:first-child .SW-0:hover .SW-BR,
.mobi .RouletteTable>div:first-child .SW-0:hover .SW-B {
    opacity: 0;
}

.mobi .RouletteTable>div:first-child .SW-0:hover .SW-TR {
    top: 11.5px;
    bottom: auto;
    left: auto;
    right: -9.33333px;
}

.mobi .RouletteTable>div:first-child .SW-0:hover .SW-R {
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    bottom: auto;
    left: auto;
    right: -11px;
}

.mobi .RouletteTable>div:first-child .SW-0:hover .SW-BR {
    top: auto;
    bottom: 11.5px;
    left: auto;
    right: -11px;
}

.mobi .RouletteTable>div:first-child .SW-0:hover .SW-B {
    top: auto;
    bottom: -11px;
    left: auto;
    right: -19px;
}

.HomePanel {
    height: 100vh;
}

.HomePanel li {
    width: 200px;
    height: 200px;
    margin: 10px;
    border-radius: 100px;
    box-shadow: none;
    transition: box-shadow .5s;
    border: 2px solid #fcfcfc;
}

.HomePanel li a {
    padding: 10px 99px 175px 99px;
    border-radius: 100px;
    bottom: 0;
}

.HomePanel li svg {
    opacity: .85;
    width: 50% !important;
    height: 50%;
    margin: 0 auto;
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    background-color: #fcfcfc;
    border-radius: 200px;
    padding: 5px;
}

.HomePanel li svg path,
.HomePanel li svg circle,
.HomePanel li svg polygon {
    fill: #37b34a;
    transition: fill .5s;
}

.HomePanel li:hover {
    box-shadow: 0 0 20px #37b34a;
}

.HomePanel li:hover svg {
    opacity: 1;
    width: 51% !important;
    height: 51%;
}

.HomePanel li.DashingDerbyIcon {
    background-image: url(../../Images/GameImages/Horses-Event.jpg);
}

.HomePanel li.RaceClubsIcon {
    background-image: url(../../Images/GameImages/Horses-Event.jpg);
}

.HomePanel li.HorseRacingRouletteIcon {
    background-image: url(../../Images/GameImages/Horses-Event.jpg);
}

.HomePanel li.PlatinumHoundsIcon {
    background-image: url(../../Images/GameImages/Dogs-Event.jpg);
}

.HomePanel li.FootballIcon {
    background-image: url(../../Images/GameImages/Football-Match.jpg);
}

.HomePanel li.MotorRacingIcon {
    background-image: url(../../Images/GameImages/Motor-Event.jpg);
}

.HomePanel li.CyclingIcon {
    background-image: url(../../Images/GameImages/Cycling-Event.jpg);
}

.HomePanel li.TableTennisIcon {
    background-image: url(../../Images/GameImages/Table-Tennis-Event.jpg);
}

.HomePanel li.BoxingIcon {
    background-image: url(../../Images/GameImages/Boxing-Event.jpg);
}

.HomePanel li.FootballLeagueWeekIcon {
    background-image: url(../../Images/GameImages/Football-Match.jpg);
}

.HomePanel li.HarnessRacingIcon {
    background-image: url(../../Images/GameImages/Harness-Event.jpg);
}

.HomePanel li.ArcheryIcon {
    background-image: url(../../Images/GameImages/Archery-Event.jpg);
}

.HomePanel li.BadmintonIcon {
    background-image: url(../../Images/GameImages/Badminton-Event.jpg);
}

.HomePanel li.PreRecordedSlotCarRacingIcon {
    background-image: url(../../Images/GameImages/SlotCars-Event.jpg);
}

.DemoPanel .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.DemoPanel .DemoCard-container {
    display: inline-block;
    position: relative;
    width: 350px;
    height: 193px;
    margin: 1px;
}

.DemoPanel .DemoCard {
    width: 350px;
    height: 197px;
    position: absolute;
    top: 0;
    left: 0;
}

.DemoPanel .DemoCard div {
    box-shadow: 0 -5px 25px 0 rgba(0, 0, 0, .3);
}

.DemoPanel .DemoCard .Name {
    display: none;
    background: rgba(33, 33, 33, .9);
    position: absolute;
    height: 20%;
    bottom: 0;
    left: 0;
}

.DemoPanel .DemoCard .Name h2 {
    color: #fff;
    white-space: nowrap;
    text-transform: uppercase;
    margin: 5px 10px;
}

.DemoPanel .DemoCard .Icon {
    display: none;
    background: rgba(33, 33, 33, .9);
    position: absolute;
    height: 20%;
    margin: 5px 10px;
    padding: 0;
    transform: skewX(20deg);
    z-index: 5;
    bottom: -5px;
    width: 15%;
    background-color: #228b22;
}

.DemoPanel .DemoCard .Icon svg {
    transform: skewX(-20deg);
    width: 70%;
    margin: 2px 0 0 7px;
}

.DemoPanel .DemoCard .Icon svg path,
.DemoPanel .DemoCard .Icon svg rect,
.DemoPanel .DemoCard .Icon svg circle,
.DemoPanel .DemoCard .Icon svg polygon {
    fill: White;
}

.DemoPanel .DemoCard .Icon svg.SpeedSkating {
    height: 30px;
}

.DemoPanel .DemoCard .Icon svg.Archery {
    height: 30px;
}

.DemoPanel .DemoCard .Icon svg.TableTennis {
    height: 35px;
}

.DemoPanel .DemoCard .Icon svg.Badminton {
    height: 30px;
    margin-top: 5px;
}

.DemoPanel .DemoCard .Icon svg.SingleSeater {
    margin-top: 15px;
}

.DemoPanel .DemoCard .Icon svg.Motor {
    margin-top: 15px;
}

.DemoPanel .DemoCard .Icon svg.SlotCars {
    margin-top: 7px;
}

.DemoPanel .DemoCard .CTA {
    display: none;
    background: linear-gradient(222deg, #f56262, #701313);
    position: absolute;
    height: 20%;
    bottom: 0;
    width: 30%;
}

.DemoPanel .DemoCard .CTA h2 {
    color: #fff;
    text-transform: uppercase;
    margin: 5px 10px;
    padding: 0;
    margin: 5px 0 5px 30px;
}

.DemoPanel .DemoCard:hover {
    animation-name: DemoCardAnimation;
    animation-timing-function: ease;
    animation-duration: .2s;
    transform: scale(1.5, 1.5);
    z-index: 5;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, .4);
}

@keyframes DemoCardAnimation {
    from {
        transform: scale(1, 1);
        z-index: 1;
    }
    to {
        transform: scale(1.5, 1.5);
        z-index: 5;
    }
}

@keyframes NameAnimation {
    from {
        width: 30%;
        opacity: 0;
    }
    to {
        width: 60%;
        opacity: 1;
    }
}

.DemoPanel .DemoCard:hover .Name {
    display: inline-block;
    animation-name: NameAnimation;
    animation-timing-function: ease;
    animation-duration: .4s;
    width: 60%;
}

@keyframes IconAnimation {
    from {
        left: 0%;
        opacity: .5;
    }
    to {
        left: 55%;
        opacity: 1;
    }
}

.DemoPanel .DemoCard:hover .Icon {
    display: inline-block;
    animation-name: IconAnimation;
    animation-timing-function: ease;
    animation-duration: .4s;
    left: 55%;
}

@keyframes CTAAnimation {
    from {
        left: 0%;
        opacity: .5;
        width: 0%;
    }
    to {
        left: 70%;
        opacity: 1;
        width: 30%;
    }
}

@keyframes CTAColor {
    0% {
        background-position: 93% 0%;
    }
    50% {
        background-position: 0% 100%;
    }
    100% {
        background-position: 93% 0%;
    }
}

.DemoPanel .DemoCard:hover .CTA {
    display: inline-block;
    animation: CTAColor 2s ease infinite, CTAAnimation .3s ease;
    left: 70%;
    background: linear-gradient(222deg, #f56262, #701313);
    background-size: 400% 400%;
}

.DemoPanel .DemoCard:hover .CTA:hover {
    cursor: pointer;
}

.DemoPanel .flipper {
    transition: .8s;
    transform-style: preserve-3d;
    position: relative;
}

.DemoPanel .SpashImage {
    width: 350px;
    height: 197px;
}

.DemoPanel .Mobi .DemoCard {
    width: 350px;
    height: 197px;
    position: absolute;
    top: 0;
    left: 0;
}

.DemoPanel .Mobi .DemoCard .Name {
    display: inline-block;
    width: 60%;
}

.DemoPanel .Mobi .DemoCard .Icon {
    display: inline-block;
    left: 55%;
}

.DemoPanel .Mobi .DemoCard .CTA {
    display: inline-block;
    left: 70%;
}

.DemoPanel .Mobi .DemoCard:hover {
    animation-name: DemoCardMobile;
    animation-timing-function: ease;
    animation-duration: 0s;
    transform: scale(1, 1);
}

.DemoPanel .Mobi .DemoCard:hover img.SpashImage {
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

@keyframes DemoCardMobile {
    from {
        transform: scale(1, 1);
        z-index: 1;
    }
    to {
        transform: scale(1, 1);
        z-index: 5;
    }
}

@keyframes NameAnimation {
    from {
        width: 60%;
        opacity: 1;
    }
    to {
        width: 60%;
        opacity: 1;
    }
}

@keyframes IconAnimation {
    from {
        left: 55%;
        opacity: 1;
    }
    to {
        left: 55%;
        opacity: 1;
    }
}

@keyframes CTAAnimation {
    from {
        left: 70%;
        opacity: 1;
        width: 30%;
    }
    to {
        left: 70%;
        opacity: 1;
        width: 30%;
    }
}

@keyframes CTAColor {
    0% {
        background-position: 93% 0%;
    }
    100% {
        background-position: 93% 0%;
    }
}

.mobi .GameSelection .viewerHeader {
    height: 34px;
}

.mobi .NavSelection .viewerHeader {
    position: relative;
    width: 50px;
    cursor: pointer;
}

.mobi .NavSelection .viewerHeader:before {
    content: 'videocam';
    font-size: 2.35em !important;
    color: #fb827f;
}

.mobi .NavSelection .viewerHeader.closed:before {
    content: 'videocam_off';
}

.mobi .NavSelection .TopNavTab {
    font-size: 67% !important;
}

.mobi .my-bets .k-grid-content {
    max-height: 90vh;
    overflow-y: scroll;
}

.mobi .BetVariantCirc:hover {
    background-color: #fcfcfc;
}

.mobi .BetVariant1:not(.nohover):hover {
    background-color: #fcfcfc;
}

.mobi .BetVariant2:not(.nohover):hover {
    background-color: #fcfcfc;
}

.mobi .BetVariant3:not(.nohover):hover {
    background-color: #fcfcfc;
}

.mobi .BetVariant4:not(.nohover):hover {
    background-color: #fcfcfc;
}

.mobi .BetVariant5:not(.nohover):hover {
    background-color: #fcfcfc;
}

.mobi .BetVariant3_5:not(.nohover):hover {
    background-color: #fcfcfc;
}

.mobi .BetVariant4_5:not(.nohover):hover {
    background-color: #fcfcfc;
}

.mobi .ConfirmedBet h1 {
    color: #fff;
}

.mobi .Stake .DecreaseAmount:hover,
.mobi .Stake .IncreaseAmount:hover {
    background-color: inherit;
    box-shadow: none;
}

.mobi .Stake .DecreaseAmount:hover:before,
.mobi .Stake .IncreaseAmount:hover:before {
    background-color: #fff;
    background-color: transparent;
}

.mobi .Stake .DecreaseAmount:hover:after,
.mobi .Stake .IncreaseAmount:hover:after {
    background-color: #fff;
}

.mobi .GlobalStake {
    font-size: 1.1em;
}

.mobi .GlobalStake h2 {
    left: 10px;
    font-size: .9em;
}

.mobi .GlobalStake input {
    font-size: .9em;
}

.mobi .RacerProfilePanel {
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
    white-space: nowrap;
}

.mobi .RacerProfilePanel .RacerProfile {
    position: relative;
    display: inline-block;
    width: 90px;
    margin: 2px 0;
    background-color: #fcfcfc;
    color: #8c8c8c;
    border: none;
}

.mobi .RacerProfilePanel .RacerProfile .Number {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    color: #fff;
    background-color: #09b517;
    padding: 0 0 0 3px;
    font-size: .8em;
    height: 23px;
    width: 18px;
    border-radius: 0 0 20px 0;
}

.mobi .RacerProfilePanel .RacerProfile .Silk {
    position: relative;
    z-index: 4;
    margin: 3px auto;
    display: block;
}

.mobi .RacerProfilePanel .RacerProfile .Silk img {
    float: none;
}

.mobi .RacerProfilePanel .RacerProfile .FavoriteBadge {
    float: right;
    position: absolute;
    top: 0;
    z-index: 100;
    right: 30%;
    width: 10px;
    height: 10px;
    font-size: .6em;
}

.mobi .RacerProfilePanel .RacerProfile .Jacket {
    position: relative;
    z-index: 4;
    margin: 3px auto;
    display: block;
}

.mobi .RacerProfilePanel .RacerProfile .Jacket img {
    float: none;
}

.mobi .RacerProfilePanel .RacerProfile .Name {
    font-size: .7em;
    text-align: center;
}

.mobi .RacerProfilePanel .RacerProfile .Name h3 {
    font-weight: 400;
    color: #8c8c8c;
}

.mobi .RacerProfilePanel .RacerProfile .DetailsList {
    text-align: center;
    margin: 0 5px;
}

.mobi .RacerProfilePanel .RacerProfile .BetVariant1 {
    display: block;
    float: right;
    box-shadow: -3px 1px 8px transparent;
    font-size: .9em;
    margin: 2px 0;
    background-color: #fcfcfc;
    box-shadow: -3px 1px 8px none;
}

.mobi .RacerProfilePanel .RacerProfile .BetVariant1 h3 {
    margin: 0;
    position: relative;
    color: #8c8c8c;
    top: 3px;
    left: 4px;
}

.mobi .RacerProfilePanel .RacerProfile .BetVariant1 .Bet {
    padding: 4px 0;
}

.mobi .RacerProfilePanel .RacerProfile .Rating {
    float: right;
    width: 80%;
    margin: 3px 8px 3px 0;
    padding: 0;
    position: relative;
    height: 14px;
}

.mobi .RacerProfilePanel .RacerProfile .Rating .StarValue {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    z-index: 3;
    background-color: #fcfcfc;
}

.mobi .RacerProfilePanel .RacerProfile .Rating svg {
    vertical-align: top;
}

.mobi .RacerProfilePanel .RacerProfile .Rating svg polygon {
    fill: #37b34a;
}

.mobi .RacerProfilePanel .RacerProfile .Form {
    float: right;
    width: 100%;
    margin: -7px auto 0 auto;
    text-align: center;
    padding: 0;
}

.mobi .RacerProfilePanel .RacerProfile .Form ul {
    margin-top: -20px;
    padding: 0;
    text-align: center;
}

.mobi .RacerProfileList {
    position: relative;
    white-space: normal;
}

.mobi .RacerProfileList .Selected {
    box-shadow: inset 0 0 20px #37b34a, 0 0 0 #37b34a;
}

.mobi .RacerProfileList .Selected .Number {
    background-color: #8c8c8c;
}

.mobi .RacerProfileList .RacerProfile {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 0;
    background-color: #fcfcfc;
    color: #8c8c8c;
}

.mobi .RacerProfileList .RacerProfile .Number {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    color: #fff;
    padding: 0 0 0 3px;
    font-size: .8em;
    height: 23px;
    width: 18px;
    border-radius: 0 0 20px 0;
    background-color: #09b517;
}

.mobi .RacerProfileList .RacerProfile .Silk {
    position: relative;
    z-index: 4;
    margin-left: 5px;
    float: left;
}

.mobi .RacerProfileList .RacerProfile .Silk img {
    float: none;
}

.mobi .RacerProfileList .RacerProfile .Silk img.Trigger {
    width: 30px;
    margin-top: 5px;
}

.mobi .RacerProfileList .RacerProfile .FavoriteBadge {
    float: right;
    position: absolute;
    z-index: 100;
    width: 10px;
    height: 10px;
    font-size: .6em;
}

.mobi .RacerProfileList .RacerProfile .Flag {
    position: relative;
    margin-left: 5px;
    float: left;
}

.mobi .RacerProfileList .RacerProfile .Flag img {
    float: none;
}

.mobi .RacerProfileList .RacerProfile .Jacket {
    position: relative;
    z-index: 4;
    margin-left: 5px;
    margin-right: 3px;
    float: left;
}

.mobi .RacerProfileList .RacerProfile .Jacket img {
    float: none;
    width: 31px;
}

.mobi .RacerProfileList .RacerProfile .Name {
    float: left;
    width: 31%;
    font-size: .7em;
    text-align: left;
}

.mobi .RacerProfileList .RacerProfile .Name h3 {
    font-weight: 400;
    color: #8c8c8c;
}

.mobi .RacerProfileList .RacerProfile .DetailsList {
    text-align: right;
    margin: 5px 0 0 0;
    width: 53%;
    float: right;
}

.mobi .RacerProfileList .RacerProfile .DetailsList div:last-child {
    margin-right: 5px;
}

.mobi .RacerProfileList .RacerProfile .BetVariant1 {
    background-color: #fcfcfc;
    box-shadow: -3px 1px 8px none;
    width: 45%;
    display: inline-block;
    font-size: .9em;
    margin: 2px 0 2px 0;
}

.mobi .RacerProfileList .RacerProfile .BetVariant1 h3 {
    margin: 0;
    position: relative;
    top: 3px;
    left: 4px;
}

.mobi .RacerProfileList .RacerProfile .BetVariant1 .Bet {
    padding: 4px 4px;
}

.mobi .RacerProfileList .RacerProfile .Rating {
    float: left;
    margin: 3px 0 3px 7px;
    padding: 0;
    position: relative;
    height: 14px;
}

.mobi .RacerProfileList .RacerProfile .Rating .StarValue {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    z-index: 3;
    background-color: #fcfcfc;
}

.mobi .RacerProfileList .RacerProfile .Rating svg {
    vertical-align: top;
    fill: #37b34a;
}

.mobi .RacerProfileList .RacerProfile .Form {
    float: left;
    width: 47px !important;
    white-space: nowrap;
    margin: 0 0 0 3px;
    text-align: left;
    padding: 0;
}

.mobi .RacerProfileList .RacerProfile .Form ul {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
}

.mobi #SpeedSkating-detail .RacerProfileList .RacerProfile .Silk,
.mobi #SpeedSkating-detail .RacerProfilePanel .RacerProfile .Silk {
    z-index: 0;
    margin-right: 3px;
}

.mobi #SpeedSkating-detail .RacerProfileList .RacerProfile .Silk img,
.mobi #SpeedSkating-detail .RacerProfilePanel .RacerProfile .Silk img {
    height: 25px;
}

.mobi #SpeedSkating-detail .RacerProfilePanel .RacerProfile .Silk {
    width: 40px;
    margin: 3px auto;
}

.mobi #SpeedSkating-detail .RacerProfilePanel .RacerProfile .Silk img {
    height: 25px;
}

.mobi .EventAccordion li.PreviousRace:hover {
    opacity: .7;
    border: 1px solid #fff;
    color: #fff;
}

.mobi .EventAccordion li.CurrentRace:hover {
    background-color: #fff;
    border: 1px solid #e5f8ff;
}

.mobi .EventAccordion li.FutureRace:hover {
    background-color: #fff;
    border: 1px solid #e5f8ff;
}

.mobi .EventAccordion li:hover {
    box-shadow: none;
}

.mobi .BetDisplayPanel button.accordion {
    padding: 5px 0 5px 25px;
}

.mobi .BetDisplayPanel button.accordion p {
    margin-left: 2px;
    margin-right: 2px;
    font-size: .8em;
    vertical-align: middle;
}

.mobi .BetDisplayPanel button.accordion .BetSetType {
    min-width: 45px;
}

.mobi .BetDisplayPanel button.accordion .BetCount {
    width: 100px;
    margin: 0;
}

.mobi .BetDisplayPanel button.accordion .ToWinAmount {
    min-width: 100px;
    text-align: left;
    margin-top: -4px;
}

.mobi .BetDisplayPanel button.accordion div {
    font-size: .8em;
}

.mobi .BetDisplayPanel button.accordion svg {
    width: .95em;
    height: .95em;
    opacity: .8;
}

.mobi .ComboEllipsis {
    width: 234px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mobi .CleanList .Badge {
    left: 0;
}

.mobi .RR-SectionPanel {
    padding: 0;
}

.mobi .RR-SectionPanel .ClearButton {
    float: right;
    margin-right: 5px;
}

.mobi .Bet:not(.nohover):hover {
    color: #000;
}

.mobi .NumberedPanels {
    white-space: nowrap;
}

.mobi .PositionAllocator {
    display: inline-block;
    vertical-align: top;
    width: 10%;
    padding-left: 3px;
}

.mobi .NumberCollection {
    display: inline-block;
    white-space: normal;
    width: 90%;
}

.mobi .Flag img {
    height: 20px;
}

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

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url("../../../../fonts/glyphicons-halflings-regular.eot?");
    src: url("../../../../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../../../../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../../../../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../../../../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular") format("svg");
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}

.glyphicon-asterisk:before {
    content: "*";
}

.glyphicon-plus:before {
    content: "+";
}

.glyphicon-euro:before {
    content: "€";
}

.glyphicon-minus:before {
    content: "−";
}

.glyphicon-cloud:before {
    content: "☁";
}

.glyphicon-envelope:before {
    content: "✉";
}

.glyphicon-pencil:before {
    content: "✏";
}

.glyphicon-glass:before {
    content: "";
}

.glyphicon-music:before {
    content: "";
}

.glyphicon-search:before {
    content: "";
}

.glyphicon-heart:before {
    content: "";
}

.glyphicon-star:before {
    content: "";
}

.glyphicon-star-empty:before {
    content: "";
}

.glyphicon-user:before {
    content: "";
}

.glyphicon-film:before {
    content: "";
}

.glyphicon-th-large:before {
    content: "";
}

.glyphicon-th:before {
    content: "";
}

.glyphicon-th-list:before {
    content: "";
}

.glyphicon-ok:before {
    content: "";
}

.glyphicon-remove:before {
    content: "";
}

.glyphicon-zoom-in:before {
    content: "";
}

.glyphicon-zoom-out:before {
    content: "";
}

.glyphicon-off:before {
    content: "";
}

.glyphicon-signal:before {
    content: "";
}

.glyphicon-cog:before {
    content: "";
}

.glyphicon-trash:before {
    content: "";
}

.glyphicon-home:before {
    content: "";
}

.glyphicon-file:before {
    content: "";
}

.glyphicon-time:before {
    content: "";
}

.glyphicon-road:before {
    content: "";
}

.glyphicon-download-alt:before {
    content: "";
}

.glyphicon-download:before {
    content: "";
}

.glyphicon-upload:before {
    content: "";
}

.glyphicon-inbox:before {
    content: "";
}

.glyphicon-play-circle:before {
    content: "";
}

.glyphicon-repeat:before {
    content: "";
}

.glyphicon-refresh:before {
    content: "";
}

.glyphicon-list-alt:before {
    content: "";
}

.glyphicon-flag:before {
    content: "";
}

.glyphicon-headphones:before {
    content: "";
}

.glyphicon-volume-off:before {
    content: "";
}

.glyphicon-volume-down:before {
    content: "";
}

.glyphicon-volume-up:before {
    content: "";
}

.glyphicon-qrcode:before {
    content: "";
}

.glyphicon-barcode:before {
    content: "";
}

.glyphicon-tag:before {
    content: "";
}

.glyphicon-tags:before {
    content: "";
}

.glyphicon-book:before {
    content: "";
}

.glyphicon-print:before {
    content: "";
}

.glyphicon-font:before {
    content: "";
}

.glyphicon-bold:before {
    content: "";
}

.glyphicon-italic:before {
    content: "";
}

.glyphicon-text-height:before {
    content: "";
}

.glyphicon-text-width:before {
    content: "";
}

.glyphicon-align-left:before {
    content: "";
}

.glyphicon-align-center:before {
    content: "";
}

.glyphicon-align-right:before {
    content: "";
}

.glyphicon-align-justify:before {
    content: "";
}

.glyphicon-list:before {
    content: "";
}

.glyphicon-indent-left:before {
    content: "";
}

.glyphicon-indent-right:before {
    content: "";
}

.glyphicon-facetime-video:before {
    content: "";
}

.glyphicon-picture:before {
    content: "";
}

.glyphicon-map-marker:before {
    content: "";
}

.glyphicon-adjust:before {
    content: "";
}

.glyphicon-tint:before {
    content: "";
}

.glyphicon-edit:before {
    content: "";
}

.glyphicon-share:before {
    content: "";
}

.glyphicon-check:before {
    content: "";
}

.glyphicon-move:before {
    content: "";
}

.glyphicon-step-backward:before {
    content: "";
}

.glyphicon-fast-backward:before {
    content: "";
}

.glyphicon-backward:before {
    content: "";
}

.glyphicon-play:before {
    content: "";
}

.glyphicon-pause:before {
    content: "";
}

.glyphicon-stop:before {
    content: "";
}

.glyphicon-forward:before {
    content: "";
}

.glyphicon-fast-forward:before {
    content: "";
}

.glyphicon-step-forward:before {
    content: "";
}

.glyphicon-eject:before {
    content: "";
}

.glyphicon-chevron-left:before {
    content: "";
}

.glyphicon-chevron-right:before {
    content: "";
}

.glyphicon-plus-sign:before {
    content: "";
}

.glyphicon-minus-sign:before {
    content: "";
}

.glyphicon-remove-sign:before {
    content: "";
}

.glyphicon-ok-sign:before {
    content: "";
}

.glyphicon-question-sign:before {
    content: "";
}

.glyphicon-info-sign:before {
    content: "";
}

.glyphicon-screenshot:before {
    content: "";
}

.glyphicon-remove-circle:before {
    content: "";
}

.glyphicon-ok-circle:before {
    content: "";
}

.glyphicon-ban-circle:before {
    content: "";
}

.glyphicon-arrow-left:before {
    content: "";
}

.glyphicon-arrow-right:before {
    content: "";
}

.glyphicon-arrow-up:before {
    content: "";
}

.glyphicon-arrow-down:before {
    content: "";
}

.glyphicon-share-alt:before {
    content: "";
}

.glyphicon-resize-full:before {
    content: "";
}

.glyphicon-resize-small:before {
    content: "";
}

.glyphicon-exclamation-sign:before {
    content: "";
}

.glyphicon-gift:before {
    content: "";
}

.glyphicon-leaf:before {
    content: "";
}

.glyphicon-eye-open:before {
    content: "";
}

.glyphicon-eye-close:before {
    content: "";
}

.glyphicon-warning-sign:before {
    content: "";
}

.glyphicon-plane:before {
    content: "";
}

.glyphicon-random:before {
    content: "";
}

.glyphicon-comment:before {
    content: "";
}

.glyphicon-magnet:before {
    content: "";
}

.glyphicon-chevron-up:before {
    content: "";
}

.glyphicon-chevron-down:before {
    content: "";
}

.glyphicon-retweet:before {
    content: "";
}

.glyphicon-shopping-cart:before {
    content: "";
}

.glyphicon-folder-close:before {
    content: "";
}

.glyphicon-folder-open:before {
    content: "";
}

.glyphicon-resize-vertical:before {
    content: "";
}

.glyphicon-resize-horizontal:before {
    content: "";
}

.glyphicon-hdd:before {
    content: "";
}

.glyphicon-bullhorn:before {
    content: "";
}

.glyphicon-certificate:before {
    content: "";
}

.glyphicon-thumbs-up:before {
    content: "";
}

.glyphicon-thumbs-down:before {
    content: "";
}

.glyphicon-hand-right:before {
    content: "";
}

.glyphicon-hand-left:before {
    content: "";
}

.glyphicon-hand-up:before {
    content: "";
}

.glyphicon-hand-down:before {
    content: "";
}

.glyphicon-circle-arrow-right:before {
    content: "";
}

.glyphicon-circle-arrow-left:before {
    content: "";
}

.glyphicon-circle-arrow-up:before {
    content: "";
}

.glyphicon-circle-arrow-down:before {
    content: "";
}

.glyphicon-globe:before {
    content: "";
}

.glyphicon-tasks:before {
    content: "";
}

.glyphicon-filter:before {
    content: "";
}

.glyphicon-fullscreen:before {
    content: "";
}

.glyphicon-dashboard:before {
    content: "";
}

.glyphicon-heart-empty:before {
    content: "";
}

.glyphicon-link:before {
    content: "";
}

.glyphicon-phone:before {
    content: "";
}

.glyphicon-usd:before {
    content: "";
}

.glyphicon-gbp:before {
    content: "";
}

.glyphicon-sort:before {
    content: "";
}

.glyphicon-sort-by-alphabet:before {
    content: "";
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "";
}

.glyphicon-sort-by-order:before {
    content: "";
}

.glyphicon-sort-by-order-alt:before {
    content: "";
}

.glyphicon-sort-by-attributes:before {
    content: "";
}

.glyphicon-sort-by-attributes-alt:before {
    content: "";
}

.glyphicon-unchecked:before {
    content: "";
}

.glyphicon-expand:before {
    content: "";
}

.glyphicon-collapse-down:before {
    content: "";
}

.glyphicon-collapse-up:before {
    content: "";
}

.glyphicon-log-in:before {
    content: "";
}

.glyphicon-flash:before {
    content: "";
}

.glyphicon-log-out:before {
    content: "";
}

.glyphicon-new-window:before {
    content: "";
}

.glyphicon-record:before {
    content: "";
}

.glyphicon-save:before {
    content: "";
}

.glyphicon-open:before {
    content: "";
}

.glyphicon-saved:before {
    content: "";
}

.glyphicon-import:before {
    content: "";
}

.glyphicon-export:before {
    content: "";
}

.glyphicon-send:before {
    content: "";
}

.glyphicon-floppy-disk:before {
    content: "";
}

.glyphicon-floppy-saved:before {
    content: "";
}

.glyphicon-floppy-remove:before {
    content: "";
}

.glyphicon-floppy-save:before {
    content: "";
}

.glyphicon-floppy-open:before {
    content: "";
}

.glyphicon-credit-card:before {
    content: "";
}

.glyphicon-transfer:before {
    content: "";
}

.glyphicon-cutlery:before {
    content: "";
}

.glyphicon-header:before {
    content: "";
}

.glyphicon-compressed:before {
    content: "";
}

.glyphicon-earphone:before {
    content: "";
}

.glyphicon-phone-alt:before {
    content: "";
}

.glyphicon-tower:before {
    content: "";
}

.glyphicon-stats:before {
    content: "";
}

.glyphicon-sd-video:before {
    content: "";
}

.glyphicon-hd-video:before {
    content: "";
}

.glyphicon-subtitles:before {
    content: "";
}

.glyphicon-sound-stereo:before {
    content: "";
}

.glyphicon-sound-dolby:before {
    content: "";
}

.glyphicon-sound-5-1:before {
    content: "";
}

.glyphicon-sound-6-1:before {
    content: "";
}

.glyphicon-sound-7-1:before {
    content: "";
}

.glyphicon-copyright-mark:before {
    content: "";
}

.glyphicon-registration-mark:before {
    content: "";
}

.glyphicon-cloud-download:before {
    content: "";
}

.glyphicon-cloud-upload:before {
    content: "";
}

.glyphicon-tree-conifer:before {
    content: "";
}

.glyphicon-tree-deciduous:before {
    content: "";
}

.glyphicon-briefcase:before {
    content: "💼";
}

.glyphicon-calendar:before {
    content: "📅";
}

.glyphicon-pushpin:before {
    content: "📌";
}

.glyphicon-paperclip:before {
    content: "📎";
}

.glyphicon-camera:before {
    content: "📷";
}

.glyphicon-lock:before {
    content: "🔒";
}

.glyphicon-bell:before {
    content: "🔔";
}

.glyphicon-bookmark:before {
    content: "🔖";
}

.glyphicon-fire:before {
    content: "🔥";
}

.glyphicon-wrench:before {
    content: "🔧";
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
}

.material-icons,
.GameSelection .viewerHeader:before,
.GameSelection .viewerHeader.closed:before,
.mobi .NavSelection .viewerHeader:before,
.mobi .NavSelection .viewerHeader.closed:before {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}

.iframe-container {
    position: relative;
    overflow: hidden;
    min-height: 85vh;
    height: 100vh;
}

.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border: 0;
    width: 100vw;
}

.iframe-container:not(.mobi) iframe {
    width: 100%;
}

html {
    -webkit-text-size-adjust: none;
}

body {
    font: 300 100% "Roboto", sans-serif;
    font-size: 1em;
    -webkit-text-size-adjust: 100%;
    background: #fcfcfc;
    color: #8c8c8c;
    margin: 0 0 75px 0;
    text-rendering: optimizeLegibility;
}

* {
    margin: 0;
    padding: 0;
}

h3 {
    font-size: 1.17em;
}

.desktop>main.left {
    Margin: 0 0 0 270px !important;
}

.desktop>main.right {
    Margin: 0 270px 0 0 !important;
}

section.content.inactive {
    display: none;
}

.ViewedRace div.VS::after {
    content: url("/content/Images/Layout/PlayIcon.svg");
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-weight: bold;
    font-size: .7em;
    padding: 2px 0 2px 0;
    width: 12px;
    height: 7px;
    border-radius: 2px;
    position: absolute;
    top: 0;
}

.BettingPanel {
    position: relative;
    margin: 0;
    padding: 10px 0;
    white-space: normal;
}

.BettingPanel hr {
    margin: 5px 0;
    opacity: .3;
}

.BettingPanel li {
    display: inline-block !important;
    *display: inline !important;
}

aside {
    padding: 0 10px;
    width: 250px;
    position: absolute;
    top: 0;
    right: 0;
}

.desktop>aside.left {
    left: 0 !important;
}

.desktop>aside.right {
    right: 0 !important;
}

footer,
header {
    color: #727272;
    width: 100%;
    padding: 0;
    box-shadow: inset 0 -5px 10px rgba(130, 130, 130, .1);
    margin: 0 auto;
    display: inline-block;
}

footer .Toggle,
header .Toggle {
    margin: 5px 0 0 10px;
    float: left;
    min-width: 30px;
    border-radius: 10px;
    box-shadow: inset 0 0 0;
}

footer .Toggle li,
header .Toggle li {
    display: inline-block;
}

footer .Toggle li a,
header .Toggle li a {
    padding: 0 10px;
    text-decoration: none;
    cursor: pointer;
}

footer select,
header select {
    border: 1px solid #37b34a;
    color: #37b34a;
    margin: 0 0 0 10px;
    float: left;
    border-radius: 10px;
    font-weight: normal;
    font-size: .8em;
}

footer .logo,
header .logo {
    float: left;
    margin: 5px 0 0 5px;
    font-weight: normal;
    font-style: italic;
    font-variant: small-caps;
    letter-spacing: .09em;
    font-size: 1em;
}

footer .logo svg,
header .logo svg {
    width: 80px;
    height: 20px;
}

footer .logo svg path,
footer .logo svg polygon,
header .logo svg path,
header .logo svg polygon {
    fill: #37b34a;
}

.MainNav {
    width: 100%;
    text-align: center;
    margin: 5px auto;
}

.FixedNav {
    background-color: #fcfcfc;
}

.transition {
    transition: all .25s ease-in-out;
}

h1 {
    padding: 10px;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

button {
    font: 300 100% "Roboto", sans-serif;
    outline: none;
}

.favourite {
    color: #09b517 !important;
}

.loading-image {
    text-align: center;
}

.loading-image img {
    margin-top: 50px;
    width: 63px;
    height: 63px;
}

.loading-image svg {
    width: 63px;
    height: 63px;
}

.loading-image svg path {
    fill: #37b34a !important;
}

sup {
    vertical-align: middle;
    font-size: smaller;
    text-transform: lowercase;
    margin-top: -3px;
    top: auto !important;
}

.ExpiredSessionPanel .RefreshLink {
    background-color: #fcfcfc;
    color: #8c8c8c;
    border: 2px solid #37b34a;
    box-shadow: rgba(55, 179, 74, .8) 0 0 40px 3px;
}

.HighlightThis {
    background-color: #fff67b;
}

.BlockOutPanel {
    position: absolute;
    z-index: 900;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #fcfcfc;
}

.BlockOutPanel div {
    display: inline-block;
    position: relative;
    top: 75px;
    padding: 10px 15px;
    border-radius: 10px;
    z-index: 1001;
    background-color: #fcfcfc;
    color: #8c8c8c;
    border: 2px solid #37b34a;
    box-shadow: rgba(55, 179, 74, .8) 0 0 40px 3px;
}

.BlockOutPanel div p {
    display: block;
    top: -4px;
    position: relative;
}

.BlockOutPanel div .glyphicon-phone {
    animation: rotateIcon 2s ease-in-out infinite;
    font-size: 10em;
    margin: 30px;
}

@keyframes rotateIcon {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(90deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.nohover {
    cursor: default;
}

svg.MenuButton path {
    fill: currentColor;
}

.MenuButton {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 5px;
}

.MenuButton svg {
    fill: #37b34a;
}

.MobileMenu {
    background-color: #fcfcfc !important;
    box-shadow: 0 0 10px #37b34a;
    position: absolute;
    left: 0;
    top: 0;
    height: 100vh;
    width: 150px;
    z-index: 999;
    background-color: #fff !important;
}

.MobileMenu .CollapseButton {
    background-color: #fcfcfc;
    box-shadow: 6px 2px 8px #37b34a;
    position: absolute;
    right: -35px;
    top: 0;
    z-index: 998;
    width: 25px;
    height: 22px;
    padding: 10px 10px;
}

.MobileMenu .CollapseButton svg {
    fill: #37b34a;
}

.MobileMenu li {
    margin: 0;
    padding: 1px 0 1px 10px;
}

.MobileMenu li:hover {
    background-color: #37b34a;
}

.MobileMenu li:hover a {
    color: #fcfcfc !important;
}

.MobileMenu li:active {
    background-color: #37b34a;
}

.MobileMenu li:active a {
    color: #fcfcfc !important;
}

.MobileMenu a {
    color: #727272 !important;
    text-decoration: none;
}

.MobileMenu h1 {
    font-weight: normal;
    font-size: 1.5em;
    padding: 5px 10px;
    border: none !important;
}

.MobileMenu .k-state-focused {
    box-shadow: none !important;
}

.UserProfile {
    margin-right: 5px;
    margin-top: 5px;
    text-align: right;
}

.UserProfile p {
    color: #727272;
    display: inline;
    margin: 0 10px;
    font-weight: normal;
    text-transform: uppercase;
}

.UserProfile a {
    text-decoration: none;
}

.UserProfile img {
    width: 23px;
}

.UserProfile svg {
    fill: #37b34a;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    position: relative;
    top: 4px;
    opacity: .8;
    cursor: pointer;
    transition-property: opacity;
    transition-duration: .2s;
    transition-timing-function: linear;
    transition-delay: 0;
}

.UserProfile svg:hover {
    cursor: pointer;
    opacity: 1;
}

.UserProfile .CreditDisplay {
    background: #fff;
    color: #111;
    box-shadow: 0 0 5px #37b34a;
    display: inline;
    margin: 0 20px 0 10px;
    padding: 1px 15px 1px 10px;
    position: relative;
    font-weight: normal;
    text-transform: uppercase;
}

.UserProfile .CreditDisplay svg {
    position: absolute;
    right: -14px;
    top: 0;
    opacity: 1;
    height: 23px;
    width: 23px;
}

.UserProfile .RefreshButton {
    position: relative;
    display: inline;
    width: 20px;
    margin: 0 10px 0 10px;
}

.NotificationPanel {
    position: sticky;
    bottom: -38px;
    z-index: 1000;
    width: 100%;
    height: 62px;
    background-color: #f7f5b6;
    text-align: center;
    padding: 3px 5px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
}

.NotificationPanel p {
    font-size: 12px;
}

.NotificationPanel button {
    padding: 4px 12px;
    margin: 3px 0;
}

.NotificationPanel:after {
    position: absolute;
    z-index: -1;
    left: 40%;
    bottom: -7px;
    background-color: #f7f5b6;
    content: "";
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 15px;
    height: 15px;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, .5);
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, .5);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .5);
}

.NavSelection {
    width: 100%;
}

.NavSelection .notification {
    background: #37b34a;
    position: absolute;
    right: 3px;
    top: -0;
    border: 2px solid #fff;
    text-align: center;
    border-radius: 10px;
    padding: 0 4px 0 6px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .7);
}

.NavSelection .notification h4 {
    color: #fff !important;
    font-size: .7em !important;
    padding: 0 0 0 0 !important;
    margin: 0 0 0 0 !important;
    font-weight: 400 !important;
}

.NavSelection .TabNav {
    text-align: left;
    max-width: 100%;
}

.NavSelection .TabNav h1 {
    color: #727272;
    border: none;
    padding: 5px;
    font-weight: 400;
    font-size: 1.2em;
    text-align: center;
    text-transform: uppercase;
}

.NavSelection .TabNav h1 svg {
    fill: #727272;
    width: 25px;
    height: 17px;
}

.NavSelection .TabNav a {
    text-decoration: none;
}

.NavSelection .TabNav li {
    text-align: center;
    margin-left: -4px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    border-bottom: 2px solid transparent;
    background-color: transparent;
    position: relative;
    padding: 2px 0;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.NavSelection .TabNav li a h1 {
    border-bottom: 2px solid transparent;
    color: #37b34a;
}

.NavSelection .TabNav li a h1 :hover {
    border-bottom: 2px solid #37b34a;
}

.NavSelection .TabNav li.Header {
    padding: 0 15px;
}

.NavSelection .TabNav li a h1 a.active h1 {
    color: #37b34a;
    border-bottom: 2px solid #37b34a;
}

.NavSelection .TabNav li a h1 a.active h1 svg {
    fill: #37b34a;
}

.NavSelection .TabNav li.GridTab a h1 {
    border: 2px solid #fff;
    border-right: none;
    border-left: none;
    padding: 0;
}

.NavSelection .TabNav li.GridTab a h1:hover {
    border-right: none;
    border-left: none;
}

.NavSelection .TabNav li.GridTab a.active h1 {
    color: #fff;
    border-right: none;
    border-left: none;
}

.NavSelection .TabNav li.viewerHeader:not(.viewerPadding) {
    padding: 0;
}

.NavSelection>div>ul.tabs>li.tab {
    border: none;
    background-color: #fcfcfc;
}

.NavSelection>div>ul.tabs>li.tab.current h1 {
    color: #37b34a;
    background-color: #fcfcfc;
    border-bottom: 2px solid #37b34a;
}

.NavSelection li.GridTab {
    width: 100%;
    margin-left: -4px;
    padding: 0;
    border: .1em solid #53ca65;
    border-right: none;
    border-bottom: none;
}

.NavSelection li.Half {
    width: 50%;
    font-size: .8em;
    font-weight: 400;
}

.NavSelection li.SmallThird {
    width: 31%;
    font-size: .8em !important;
    letter-spacing: .8em;
    font-weight: 400;
}

.NavSelection li.Third {
    width: 33%;
    font-size: .8em !important;
    letter-spacing: .8em;
    font-weight: 400;
}

.NavSelection li.Forth {
    width: 25%;
    font-size: .8em;
    font-weight: 400;
}

.NavSelection li.Tenth {
    width: 15%;
    font-size: .8em;
    font-weight: 400;
}

.CollapsePanel {
    animation: Collapse 2s ease-out;
}

@keyframes Collapse {
    0% {
        transform: scale(1, 1);
        opacity: .5;
        position: absolute;
        z-index: 200;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    50% {
        transform: scale(.01, .01);
        opacity: 0;
        position: absolute;
        z-index: 200;
        top: -200px;
        bottom: 800px;
        left: 0;
        right: 80%;
    }
    100% {
        transform: scale(.2, .2);
        opacity: 0;
        position: absolute;
        z-index: 200;
        top: -200px;
        bottom: 800px;
        right: 80%;
    }
}

.NavSelection .TabNav li.GridTab a h1 {
    border: 2px solid #fcfcfc;
    border-right: none;
    border-left: none;
    padding: 0;
}

.NavSelection .TabNav li.GridTab a h1:hover {
    border: 2px solid #37b34a;
}

.NavSelection .TabNav li.GridTab a.active h1 {
    color: #fcfcfc;
    background-color: #37b34a;
    border: 2px solid #37b34a;
}

.HeaderRow h3 {
    color: #37b34a;
    font-weight: normal;
}

.inline {
    display: inline-block;
}

.LayoutCompensate {
    margin-top: -80px;
}

.InfoMessage {
    font-size: .9em;
    opacity: .7;
    text-align: center;
    padding: 5px 0;
}

.SuccessMessage {
    font-size: .9em;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    padding: 5px 5px;
    margin: 0 0 5px 15px;
    position: relative;
    background: linear-gradient(-45deg, #8bc34a, #7cb342, #689f38, #558b2f);
    background-size: 400% 400%;
    animation: Gradient 1.5s ease infinite, nudge .3s linear 1 alternate;
}

@keyframes Gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 0%;
    }
}

@keyframes nudge {
    0%,
    100% {
        transform: scale(.5, .5);
        border-radius: 100px;
    }
    100% {
        transform: scale(1, 1);
        border-radius: 3px;
    }
}

.SectionPanel {
    display: inline-block;
    vertical-align: top;
    width: 46%;
    padding: 12px;
    display: inline-block;
    vertical-align: top;
    width: 46%;
    padding: 12px;
}

.SectionPanel3 {
    display: inline-block;
    vertical-align: top;
    width: 46%;
    padding: 12px;
    width: 29.5%;
}

.BetReceipt h1 {
    color: #37b34a;
    font-weight: 300;
    font-size: 1.3em;
    text-align: center;
    text-transform: uppercase;
}

.BetPayout {
    margin: 10px 0;
}

.BetPayout h2 {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: normal;
    text-align: right;
    opacity: .8;
    color: #727272;
}

.BetPayout h3 {
    font-weight: normal;
    text-align: right;
    opacity: .8;
    margin-right: 10px;
    font-weight: 700;
}

.EuroMatchInfo {
    position: relative;
    border: 1px solid transparent;
    top: 0;
    margin: 0;
    min-width: 128px;
    text-align: center;
}

.EuroMatchInfo .MatchNum {
    position: absolute;
    left: -8px;
    top: -5px;
    font-size: 12px;
    z-index: 2;
    width: 17px;
    border-radius: 50%;
    color: #37b34a;
    box-shadow: 0 0 5px 1px rgba(55, 179, 74, .3);
    background-color: #fcfcfc;
}

.EuroMatchInfo .teamBadge1,
.EuroMatchInfo .teamBadge2 {
    position: absolute;
    top: 0;
    border-radius: 50%;
    box-shadow: 0 0 5px 1px rgba(55, 179, 74, .3);
}

.EuroMatchInfo .teamBadge1 img,
.EuroMatchInfo .teamBadge2 img {
    height: 25px;
}

.EuroMatchInfo .teamBadge1 {
    left: 0;
}

.EuroMatchInfo .teamBadge2 {
    right: 0;
}

.EuroMatchInfo .teamName1,
.EuroMatchInfo .teamName2 {
    position: absolute;
    top: 5px;
    font-size: .8em;
    font-weight: 700;
    text-transform: uppercase;
}

.EuroMatchInfo .teamName1 {
    left: 30px;
}

.EuroMatchInfo .teamName2 {
    right: 30px;
}

.EuroMatchInfo .VS {
    font-size: .5em;
    font-weight: 700;
    margin: 8px 0 0 0;
}

.mobi .EuroMatchInfo .MatchNum {
    left: -10px;
    top: -5px;
}

.mobi .EuroMatchInfo .teamBadge1,
.mobi .EuroMatchInfo .teamBadge2 {
    display: none;
}

.mobi .EuroMatchInfo .teamName1 {
    left: 0;
}

.mobi .EuroMatchInfo .teamName2 {
    right: 0;
}

.Team1vsTeam2 {
    position: relative;
    border: 1px solid transparent;
    text-align: center;
    min-width: 135px;
}

.Team1vsTeam2 .teamName1,
.Team1vsTeam2 .teamName2 {
    position: absolute;
    top: 5px;
    font-size: .8em;
    font-weight: 700;
    text-transform: uppercase;
}

.Team1vsTeam2 .teamName1 {
    left: 0;
}

.Team1vsTeam2 .teamName2 {
    right: 0;
}

.Team1vsTeam2 .MatchNum {
    font-size: .6em;
}

.Team1vsTeam2 .VS {
    font-size: .6em;
    font-weight: 700;
}

.dropdown .dropdown-menu li {
    padding: .25rem .5rem;
}

.dropdown .dropdown-menu li a {
    color: #727272;
    text-decoration: none;
}

.dropdown .dropdown-menu li:hover {
    background-color: #37b34a;
}

.dropdown .dropdown-menu li:hover a {
    color: #fcfcfc;
}

.EventDetail {
    Margin: 0 0 0 0 !important;
}

.MarketGroup {
    border-right: 1px solid rgba(55, 179, 74, .1);
    padding-right: 25px;
}

.MarketGroup h2 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: .8em;
    color: #4c4c4c;
}

.MarketGroup h3 {
    font-weight: 300;
    text-transform: uppercase;
    font-size: .75em;
    color: #4c4c4c;
}

.MarketGroup .Asian {
    font-size: .75em;
}

.MarketGroup .Split {
    float: left;
    position: absolute;
}

.EventAccordion div.MarketGroup:last-child {
    border-right: 1px solid transparent;
}

.EventAccordion .PreviousRace {
    background-color: #fcfcfc !important;
    border: 1px solid rgba(55, 179, 74, .1) !important;
    color: #727272 !important;
}

.EventAccordion .CurrentRace {
    background-color: #fcfcfc !important;
    border: 1px solid rgba(55, 179, 74, .1);
    color: #727272 !important;
}

.EventAccordion .FutureRace {
    background-color: #fcfcfc !important;
    border: 1px solid rgba(55, 179, 74, .1) !important;
    color: #727272 !important;
}

.EventAccordion .CurrentRace h4,
.EventAccordion .FutureRace h4 {
    text-align: center !important;
    position: absolute;
    top: -6px;
    left: 0;
    z-index: 2;
    font-size: .6em;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: .1em;
    padding: 0;
    margin: 0 10%;
    width: 80%;
    border-bottom-left-radius: 10px 10px;
    border-bottom-right-radius: 10px 10px;
    color: #fff;
    background-color: #cdb461;
    color: #000;
}

.EventAccordion .CurrentRace h4 .timer-hightlight,
.EventAccordion .FutureRace h4 .timer-hightlight {
    background-color: #e4595b;
}

.EventAccordion .SelectedRace {
    background-color: #37b34a !important;
    border: 1px solid #37b34a !important;
    color: #fff !important;
}

.EventAccordion .SelectedRace .favourite {
    color: #fff !important;
    text-shadow: 0 1px 13px #000;
}

.EventAccordionItem {
    position: relative;
}

.EventAccordionItem sup.IDNumber {
    text-transform: uppercase;
    font-size: .6em;
    position: absolute;
    top: 5px !important;
    z-index: 2;
    opacity: .8;
}

.EventAccordionItem .AccTitle {
    position: relative;
    z-index: 1;
    top: 3px;
}

.EventAccordionItem .EventTypeImage {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translate(-10px, -10px);
}

.mobi .EventAccordionItem .AccTitle {
    font-size: smaller;
}

.DetailsTable {
    display: inline-table;
    vertical-align: top;
    width: 100%;
    text-align: left;
}

.DetailsTable h2 {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1em;
    color: #727272;
}

.DetailsTable h3 {
    font-weight: 300;
    font-size: 1.17em;
    color: #727272;
}

.DetailsTable .Centered {
    text-align: center;
}

.DetailsTable .MatchIDCell {
    width: 10%;
}

.DetailsTable .TeamsCell {
    width: 20%;
}

.DetailsTable tr {
    width: 100%;
    margin: 0;
}

.DetailsTable td {
    margin: 0 0 0 0 !important;
    padding: 0 5px 0 5px !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    height: 36px !important;
}

.DetailsTable th {
    margin: 0 0 0 0;
    padding: 0 5px 0 5px;
    vertical-align: middle !important;
    text-align: center;
    white-space: nowrap;
    height: 40px;
}

.DetailsTable .BorderRight {
    border-right: none;
    padding-right: 13px;
}

.DetailsTable .Bet {
    display: block;
}

.DetailsTable .RR-CheckBoxStyle label {
    top: -15px;
}

.Position {
    width: 15px;
    font-weight: 400;
}

.Number {
    width: 15px;
    color: #37b34a;
}

.Name {
    width: 100%;
}

.WinBet {
    width: 40px;
}

.PlaceBet {
    width: 40px;
}

.ExactaBet {
    width: 50%;
    position: relative;
}

.ExactaBet input {
    margin: 0 3px;
}

.TrifectaBet {
    width: 50%;
    position: relative;
}

.TrifectaBet input {
    margin: 0 3px;
}

.DetailsList h2 {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1em;
    color: #727272;
}

.DetailsList h2 sup {
    font-size: .8em;
    float: right;
    margin: 0 10px 0 5px;
    vertical-align: bottom;
    text-transform: uppercase;
    font-weight: 300;
}

.DetailsList h3 {
    font-weight: 300;
    font-size: 1.17em;
}

.DetailsList ul {
    width: 100%;
    margin: 0;
}

.DetailsList li {
    display: inline-block !important;
    *display: inline !important;
    zoom: 1;
    margin: 0;
    padding: 0 5px 0 5px;
    vertical-align: middle;
    white-space: nowrap;
}

.CombinationTable {
    display: inline-table;
    vertical-align: top;
}

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

.CombinationTable table {
    width: 100%;
}

.BG1 {
    background-color: rgba(0, 0, 0, .03);
}

.BG2 {
    background-color: rgba(0, 0, 0, .08);
}

.CombinationResult {
    display: inline-table;
    font-weight: 300;
    width: 29%;
}

.CombinationResult h2 {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1em;
    color: #727272;
}

.CombinationResult h3 {
    font-weight: 300;
    font-size: 1.17em;
}

.CombinationResult table {
    width: 80%;
    margin: 5px auto;
}

.CombinationResult th {
    font-weight: normal;
    text-align: left;
    padding: 5px;
}

.CombinationResult th h2 {
    display: inline;
    font-weight: 400;
    padding: 0 !important;
}

.CombinationResult td {
    padding: 5px 5px;
    font-size: .9em;
}

.ResultInfo {
    margin: 15px 0 15px 0;
    position: relative;
}

.ResultInfo h1 {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1em;
    font-size: 1.2em;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    display: inline;
    color: #727272;
}

.ResultInfo h1 span {
    bottom: -11px;
    font-size: .7em;
    left: 0;
    position: absolute;
}

.ResultInfo h2 {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1em;
    font-size: 1.2em;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    display: inline;
    float: right;
    color: #727272;
}

.KeyPanelHolder {
    height: 23px;
    padding: 10px 0 10px 20px;
    width: 50%;
    margin: -48px auto 0 auto;
}

.KeyPanel {
    border-radius: 30px;
    background-color: #fff;
    padding: 10px 0 10px 20px;
    width: 50%;
    margin: -40px auto 20px auto;
    text-align: center;
}

.KeyPanel .KeyCircle {
    border-radius: 10px;
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

.KeyPanel h3 {
    color: #8c8c8c;
    font-weight: 300;
    display: inline;
    font-size: .9em;
    margin: 0 20px 0 5px;
    vertical-align: middle;
}

.KeyPanel .SwitchInfo {
    display: block;
    margin: 5px 0 5px 0;
}

.mobi .KeyPanel {
    margin: 15px auto 5px auto;
}

.mobi .KeyPanelHolder {
    display: none;
}

.BadgeContainer {
    position: absolute;
    width: 20px;
    top: 0;
    left: 0;
    right: 0;
}

.Badge {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
}

.Badge p,
.Badge span {
    font-size: 10px !important;
    text-align: center;
    letter-spacing: 0;
    font-weight: 400;
    display: inline-block;
    padding: 0 3px 1px 3px !important;
    margin: 0 !important;
    border-radius: 10px;
    box-shadow: 2px 0 3px rgba(0, 0, 0, .31);
    background-color: #37b34a;
    color: #fff;
    border: 2px solid #fff;
}

.Badge.onToggle {
    bottom: -3px;
    left: initial;
    right: -10px;
}

.winColour p {
    background-color: #cdb461;
}

.loseColour p {
    background-color: #000;
}

.HelpPanel {
    position: relative;
    margin-top: 20px;
    padding-bottom: 100px;
}

.HelpPanel h2 {
    color: #727272;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.2em;
    margin: 25px 10px 5px 10px;
}

.BetPanelToggle .nav-tabs {
    border-bottom: 1px solid transparent;
}

.BetPanelToggle .nav-tabs a.nav-link {
    color: #8c8c8c;
}

.BetPanelToggle .nav-tabs .nav-item.show .nav-link,
.BetPanelToggle .nav-tabs .nav-link.active {
    color: #37b34a;
    background-color: #fcfcfc;
    border-color: transparent transparent #fcfcfc;
    box-shadow: 0 -2px 10px #e2e2e2;
}

.BetPanelToggle .MainContent {
    box-shadow: 0 5px 15px #e2e2e2;
    border-radius: 0 0 5px 5px;
}

.BetPanelToggle .MainContent .BetSlip {
    padding: 0 0;
    position: relative;
    margin: 0;
    height: 85vh;
}

.BetPanelToggle .MainContent .BetSlip h1 {
    color: #37b34a;
    font-weight: 300;
    font-size: 1.3em;
    text-align: center;
    text-transform: uppercase;
}

.BetPanelToggle .MainContent .BetSlip h2 {
    display: inline;
    padding: 2px 10px;
    border-radius: 4px;
    margin: 20px 5px 20px 0;
}

.BetPanelToggle .MainContent .BetSlip h2 .notification {
    border: 2px solid #fff;
    background: #f00;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .7);
}

.BetPanelToggle .MainContent .BetSlip h2 .notification h4 {
    color: #fff;
}

.BetPanelToggle .MainContent .BetSlip #tab-single-bets {
    max-height: 55vh;
    overflow-y: scroll;
}

.BetPanelToggle .MainContent .BetSlip #tab-multiple-bets .MulitBetList {
    max-height: 45vh;
    overflow-y: scroll;
}

.BetPanelToggle .MainContent .BetSlip .MultiBetStakeGridContainer {
    max-height: 25vh;
    overflow-y: scroll;
    overflow-x: hidden;
}

.BetPanelToggle .MainContent .BetSlip .globalStakePanel {
    width: 100%;
    position: absolute;
    bottom: 50px;
}

.BetPanelToggle .MainContent .BetSlip .ButtonPanel {
    width: 100%;
    position: absolute;
    bottom: 0;
}

.BetPanelToggle .MainContent .my-bets .k-grid-content {
    max-height: 85vh;
}

.MultiBetStakeGrid.table th,
.MultiBetStakeGrid.table td {
    padding: 3px;
    font-size: .7em;
}

.MultiBetStakeGrid.table td {
    font-size: .8em;
}

.MultiBetStakeGrid.table .error {
    font-size: .9em;
    padding: 1px 2px;
    border-radius: 3px;
}

.AlertPanel {
    border-radius: 3px;
    color: #8a6d3b;
    background-color: #fcf8e3;
    padding: 5px 5px 5px 30px;
    margin: 3px 0 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, .5);
    border-radius: 5px;
    position: relative;
}

.AlertPanel h2 {
    font-weight: 400;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, .31);
}

.AlertPanel svg {
    fill: #8a6d3b;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    left: 4px;
}

.mobiHelpBadge .CleanList {
    padding: 5px !important;
}

.CleanList {
    list-style: none !important;
    padding: 5px 28px !important;
}

.CleanList li {
    display: list-item;
    text-align: left;
}

.CleanList .Badge {
    left: -20px;
}

.CleanList .Badge p {
    margin: 0;
}

#NotificationBlock .k-notification-wrap {
    width: auto;
    white-space: normal;
    padding: .6em .5em .6em 15px;
    color: #8a6d3b !important;
    background-color: #fcf8e3 !important;
}

#NotificationBlock .k-notification-wrap .k-icon {
    background-image: none;
    background-color: #f2e187;
    width: 12px;
    height: 18px;
    background-size: initial;
    -webkit-background-size: initial;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #f2e187;
    border-radius: 0 0 5px 0;
}

#NotificationBlock .k-notification-wrap .k-icon:before {
    content: "!";
    color: #8a6d3b;
    position: absolute;
    font-size: 18px;
    font-weight: bold;
    top: 8px;
    left: -2px;
    width: 15px;
    height: 15px;
}

#NotificationBlock .k-notification-wrap .k-i-note {
    background-position: 0 0;
}

.k-widget.k-notification.k-notification-warning {
    border: 1px solid #f7ecb5;
}

.k-notification-success {
    background-color: #37b34a;
    color: #fff;
    border-color: #37b34a;
}

.DemoBar {
    padding: 2px 15px;
    font-size: .9em;
    text-align: center;
    margin-bottom: 5px;
    display: block;
    width: 200px;
    border-radius: 20px;
    margin: 0 auto;
    background-color: #37b34a;
    color: #fcfcfc;
    border: 1px solid #37b34a;
}

.DemoBet {
    z-index: 0;
    left: 0;
    bottom: 0;
    border-radius: 3px;
    padding: 0 15px 0 5px;
    margin: 3px 0;
    font-size: .8em;
    background-color: #37b34a;
    color: #fff;
}

.ConfirmedBet .DemoBet {
    right: 0;
    border-radius: 0 0 3px 3px;
}

.ComboDemoBet {
    position: relative;
    left: -3px;
    bottom: -4px;
    bottom: 0;
    width: 30%;
}

.BetHeader h1 {
    font-weight: 400;
    margin: -10px auto 0 -5px;
    text-transform: uppercase;
    font-size: 20px;
}

.BetHeader h2 {
    font-weight: 400;
    margin: 10px 0 5px 5px;
    text-transform: uppercase;
    font-size: 16px;
}

.BetNumber h3 {
    position: absolute;
    top: 10;
    left: 10;
    font-size: 1.5em;
    font-weight: 400;
}

.errorInput input {
    background-color: #c62828 !important;
    color: #fff !important;
}

.error {
    background-color: #c62828 !important;
    color: #fff !important;
}

.info {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

.info .infoPanel {
    display: none;
    position: absolute;
    top: 25px;
    right: -2px;
    width: 220px;
    z-index: 100;
    padding: 10px;
    border-radius: 5px;
    border: 2px solid #ff0;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, .7);
    background-color: #fcfcfc;
    border-radius: 3px;
}

.info .infoPanel .innerpanel {
    Max-height: 300px;
    overflow-y: scroll;
}

.info .infoPanel .innerpanel p {
    width: 78%;
    display: inline-block;
}

.info .infoPanel .innerpanel span {
    width: 10%;
    padding: 0 5px;
    margin: 3px 0;
    font-size: .75em;
    vertical-align: top;
}

.info .infoPanel .innerpanel span.Multi {
    vertical-align: top;
    box-shadow: -3px 0 5px #fcfcfc;
}

.info .infoPanel .innerpanel h2 {
    width: 70%;
    display: inline-block;
    opacity: .8;
    font-weight: 400;
    font-size: 1em;
    margin: 0;
    padding: 0;
}

.info .infoPanel .innerpanel h3 {
    opacity: .7;
    font-weight: 400;
    font-size: .8em;
    margin: 0;
    padding: 0;
}

.info .infoPanel .CornerPointer {
    background-color: #fcfcfc;
    border: 2px solid #ff0;
    border-width: 2px 0 0 2px;
    width: 10px;
    height: 10px;
    position: absolute;
    top: -7px;
    right: 5px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: -3px -3px 3px rgba(0, 0, 0, .4);
}

.info:hover {
    opacity: 1;
}

.info:hover .infoPanel {
    display: inline-block;
}

.BetPayout h3 {
    color: #727272;
}

.BetResult {
    display: inline-block;
    border-radius: 10px;
    padding: 0 8px;
    font-size: .8em;
}

.Tooltip {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

.Tooltip:hover {
    opacity: 1;
}

.Tooltip:hover .infoPanel {
    display: inline-block;
}

.TooltipPanel .CornerPointer {
    background-color: #fcfcfc;
}

.TooltipPanel {
    display: none;
    position: absolute;
    top: -40px;
    right: -2px;
    width: 100px;
    z-index: 100;
    background-color: #fcfcfc;
    border-radius: 3px;
    text-align: center;
    padding: 5px;
    border: 2px solid #ff0;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, .7);
}

.TooltipPanel .CornerPointer {
    border: 2px solid #ff0;
    border-width: 0 2px 2px 0;
    background-color: #fcfcfc;
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: -7px;
    right: 5px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .4);
}

.Disabled {
    cursor: not-allowed !important;
    opacity: .3;
    box-shadow: none;
}

.Disabled:hover {
    cursor: default;
    opacity: .3;
    box-shadow: none;
}

.GridPanel.show {
    display: block !important;
}

.GridPanel {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 40px;
    padding: 0;
    z-index: 80;
    white-space: normal;
    overflow: visible;
    background-color: #fcfcfc;
    box-shadow: 0 0 8px #37b34a;
    -webkit-animation-name: ExpandPanel;
    -webkit-animation-duration: .3s;
    animation-name: ExpandPanel;
    animation-duration: .3s;
}

.GridPanel .Badge {
    top: 30px;
}

.GridPanel ul {
    text-align: left;
    background-color: #fcfcfc;
}

.GridPanel li {
    display: inline-block;
    width: 25%;
    text-align: center;
    padding: 8px 0;
    margin: 0 -4px 0 0;
    background-color: #fcfcfc;
    border-left: 0;
    border-top: 0;
    position: relative;
}

.GridPanel li h2 {
    display: inline-block;
}

.GridPanel li svg {
    height: 50px;
    width: 50px;
}

.GridPanel li svg circle,
.GridPanel li svg path,
.GridPanel li svg polygon {
    fill: #727272;
}

.GridPanel li.current {
    background-color: #37b34a;
}

.GridPanel li.current svg circle,
.GridPanel li.current svg path,
.GridPanel li.current svg polygon {
    fill: #fcfcfc;
}

.GridPanel li.PlatinumHoundsIcon svg {
    width: 60px;
}

.GridPanel li.FootballIcon svg {
    width: 35px;
}

.GridPanel li.MotorRacingIcon svg {
    width: 60px;
}

.GridPanel li.TableTennisIcon svg {
    width: 30px;
}

.GridPanel li.BoxingIcon svg {
    width: 40px;
}

.GridPanel li.FootballLeagueWeekIcon svg {
    width: 40px;
}

.GridPanel li.ArcheryIcon svg {
    width: 40px;
}

.GridPanel li.SteepleChaseIcon svg {
    width: 40px;
}

.GridPanel li.SpeedSkatingIcon svg {
    width: 40px;
}

.GridPanel li.SingleSeaterMotorRacingIcon svg {
    width: 40px;
}

.GridPanel li.KenoIcon svg {
    width: 40px;
}

.GridPanel li.SoccerBetFootballLeagueIcon svg {
    width: 40px;
}

.GridPanel li.LuckyBallsIcon svg {
    width: 40px;
}

@keyframes ExpandPanel {
    0% {
        transform: scale(.5);
        transform-origin: -40px -40px;
        opacity: .2;
    }
    100% {
        transform: scale(1);
        transform-origin: 0 0;
        opacity: 1;
    }
}

.ExpandIcon {
    position: absolute;
    top: 33px;
    right: 5px;
    cursor: pointer;
    display: inline-block;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: transform ease-in;
    vertical-align: top;
}

.ExpandIcon img {
    height: 14px;
    width: 14px;
}

.ExpandPanel .Bet {
    float: right;
}

.PositionAllocator {
    color: #727272;
}

.ResultInfo h1 span {
    color: #727272 !important;
}

.ResultInfo span {
    color: #cdb461;
}

.SwitchInfo {
    display: inline-block;
}

.SwitchInfo h1 {
    color: #727272;
    display: inline;
    margin: 0 8px 0 0 !important;
    position: relative;
    top: -2px;
    padding: 0;
    vertical-align: top;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.2em;
}

.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
}

.switch input {
    display: none;
}

.switch input:checked+.slider {
    background-color: #37b34a;
}

.switch input:checked+.slider:before {
    border: 2px solid #37b34a;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

.switch input:focus+.slider {
    box-shadow: 0 0 1px #37b34a;
}

.switch .slider {
    background-color: #727272;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 17px;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch .slider:before {
    border: 2px solid #727272;
    background-color: #fcfcfc;
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: -2px;
    bottom: -2px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
}

.CombPanel {
    color: #727272;
    text-align: center;
    margin: 0 auto 10px auto;
    font-size: .9em;
}

.NavPanel,
.NavPanelHide {
    margin: 0;
}

.NavPanel nav,
.NavPanelHide nav {
    background: #727272;
    position: relative;
    z-index: 9000;
    width: 80%;
    height: 100%;
    text-align: left;
    color: #fff;
    padding: 0 0;
    margin: -20px 0 0 0;
    -moz-box-shadow: inset 0 20px 100px rgba(0, 0, 0, .9), 0 0 0 rgba(0, 0, 0, .9);
    box-shadow: inset 0 20px 100px rgba(0, 0, 0, .9), 0 0 0 rgba(0, 0, 0, .9);
}

.NavPanel nav .MenuButton,
.NavPanelHide nav .MenuButton {
    position: absolute;
    right: -40px;
    left: auto;
    top: 0;
    margin: 0;
    padding: 5px;
    width: 30px;
    height: 30px;
    -moz-box-shadow: 5px 3px 7px rgba(0, 0, 0, .8);
    box-shadow: 5px 3px 7px rgba(0, 0, 0, .8);
    background: #727272;
}

.NavPanel nav .MenuButton svg,
.NavPanelHide nav .MenuButton svg {
    color: #fff;
    fill: currentColor;
}

.NavPanel nav a,
.NavPanelHide nav a {
    color: #fff;
}

svg.MenuButton path {
    fill: currentColor;
}

.NavList {
    margin: 20px 0;
}

.NavList .NavSelection {
    white-space: normal;
}

.NavList a {
    text-decoration: none;
}

.NavList li {
    margin: 0;
    padding: 10px 0;
    position: relative;
}

.NavList li:hover {
    background-color: #37b34a;
    cursor: pointer;
}

.NavList li img {
    margin: 0 5px 0 10px;
    position: absolute;
    top: 5px;
}

.NavList li h4 {
    display: inline-block;
    white-space: nowrap;
    vertical-align: top;
    font-size: 18px;
    font-weight: 300;
    padding: 5px 0 5px 0;
    margin-left: 60px;
}

.NavList li.active {
    cursor: pointer;
    background-color: #37b34a;
}

.Arrow svg polygon {
    fill: #727272;
}

.Arrow {
    z-index: 2;
    vertical-align: middle;
    cursor: pointer;
    background-color: #fcfcfc;
}

.Arrow svg {
    position: absolute;
    top: 15px;
    right: 5px;
    width: 10px;
    height: 15px;
    margin: 0;
}

.Arrow svg polygon {
    fill: #727272;
}

.Arrow:hover svg polygon {
    fill: #37b34a;
}

.RightArrow {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

.LeftArrow {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

.CollapseExpand {
    position: absolute;
    top: 10px;
    right: 5px;
}

.CollapseExpand img {
    width: 20px;
    opacity: .4;
    cursor: pointer;
}

.CollapseExpand img:hover {
    width: 20px;
    opacity: .8;
}

.RaceInfoPanel {
    background-color: #fcfcfc;
    border-top: 2px solid #37b34a;
    margin: 0;
    padding: 0 0;
}

.RaceInfoPanel h1 {
    font-size: 1.2em;
    margin: 0;
    padding: 0;
    font-weight: normal;
    color: #37b34a;
}

.ScrollPanel {
    width: 100vw;
    overflow-x: scroll;
    margin: 5px 0;
    padding: 10px 0;
    -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .1);
}

.ScrollPanel tr:first-child h2 {
    text-align: left;
}

.ScrollPanel .DetailsTable .Bet {
    margin-bottom: 15px;
}

.CondensedTable td {
    padding: 0 2px 0 2px;
}

.SubHeaderRHS {
    float: right;
    font-size: 70%;
    padding-top: 6px;
}

.PlayerDetails {
    float: none !important;
    font-size: 70%;
}

#MatchBets .DetailsTable th {
    height: auto;
}

#MatchBets .DetailsTable th h2 {
    font-size: .8em;
}

#MatchBets .DetailsTable tr:first-child h2 {
    font-weight: 700;
}

#MatchBets .DetailsTable tr:hover {
    background-color: #efefef;
}

#MatchBets .DetailsTable td {
    padding: 0;
}

#MatchBets .DetailsTable .SubHeaderRHS {
    float: none;
    margin-left: 10px;
}

#MatchBets .DetailsTable .BorderRight {
    border-right: none;
    padding-right: 11px;
}

#MatchBets table {
    width: initial;
}

#MatchBets .MatchIDCell {
    width: 70px;
    padding: 0;
}

#MatchBets th:first-child {
    width: 70px;
    padding: 0;
}

#MatchBets td:first-child {
    width: 70px;
    padding: 0;
}

#FootballLeagueWeek_CorrectScore .Bet,
#EnglishPreRecFootballLeagueRound_CorrectScore .Bet,
#FootballLeagueWeek_FirstScore .Bet {
    font-size: .9em;
    margin: 7px 2px;
    padding: 6px 4px;
}

#FootballLeagueWeek_CorrectScore .MatchIDCell,
#EnglishPreRecFootballLeagueRound_CorrectScore .MatchIDCell,
#FootballLeagueWeek_FirstScore .MatchIDCell {
    position: absolute;
    width: 70px;
    padding: 0;
    background-color: #fcfcfc;
}

#FootballLeagueWeek_CorrectScore .BorderRight,
#EnglishPreRecFootballLeagueRound_CorrectScore .BorderRight,
#FootballLeagueWeek_FirstScore .BorderRight {
    padding-right: 0 !important;
}

#FootballLeagueWeek_CorrectScore th:first-child,
#EnglishPreRecFootballLeagueRound_CorrectScore th:first-child,
#FootballLeagueWeek_FirstScore th:first-child {
    position: absolute;
    width: 72px;
    padding: 0;
    background-color: #fcfcfc;
}

#FootballLeagueWeek_CorrectScore th:nth-child(2),
#EnglishPreRecFootballLeagueRound_CorrectScore th:nth-child(2),
#FootballLeagueWeek_FirstScore th:nth-child(2) {
    padding-left: 72px;
}

#FootballLeagueWeek_CorrectScore td:first-child,
#EnglishPreRecFootballLeagueRound_CorrectScore td:first-child,
#FootballLeagueWeek_FirstScore td:first-child {
    position: absolute;
    width: 70px;
    padding: 0;
    background-color: #fcfcfc;
}

#FootballLeagueWeek_CorrectScore td:nth-child(2),
#EnglishPreRecFootballLeagueRound_CorrectScore td:nth-child(2),
#FootballLeagueWeek_FirstScore td:nth-child(2) {
    padding-left: 72px;
}

#FootballLeagueWeek_CorrectScore .DoubleCorrectScore,
#EnglishPreRecFootballLeagueRound_CorrectScore .DoubleCorrectScore,
#FootballLeagueWeek_FirstScore .DoubleCorrectScore {
    width: 100%;
}

#FootballLeagueWeek_CorrectScore .DoubleCorrectScore .EuroMatchInfo,
#EnglishPreRecFootballLeagueRound_CorrectScore .DoubleCorrectScore .EuroMatchInfo,
#FootballLeagueWeek_FirstScore .DoubleCorrectScore .EuroMatchInfo {
    top: 186%;
}

#FootballLeagueWeek_CorrectScore .DoubleCorrectScore .CorrectScoreTable,
#EnglishPreRecFootballLeagueRound_CorrectScore .DoubleCorrectScore .CorrectScoreTable,
#FootballLeagueWeek_FirstScore .DoubleCorrectScore .CorrectScoreTable {
    width: 100%;
    border-bottom: 1px solid rgba(55, 179, 74, .8);
    padding-bottom: 5px;
}

#FootballLeagueWeek_CorrectScore .DoubleCorrectScore .CorrectScoreTable th,
#EnglishPreRecFootballLeagueRound_CorrectScore .DoubleCorrectScore .CorrectScoreTable th,
#FootballLeagueWeek_FirstScore .DoubleCorrectScore .CorrectScoreTable th {
    width: 7.14%;
}

#FootballLeagueWeek_CorrectScore .DoubleCorrectScore .CorrectScoreTable th:first-child,
#EnglishPreRecFootballLeagueRound_CorrectScore .DoubleCorrectScore .CorrectScoreTable th:first-child,
#FootballLeagueWeek_FirstScore .DoubleCorrectScore .CorrectScoreTable th:first-child {
    position: relative;
    width: 7.14%;
    padding: initial;
}

#FootballLeagueWeek_CorrectScore .DoubleCorrectScore .CorrectScoreTable th:nth-child(2),
#EnglishPreRecFootballLeagueRound_CorrectScore .DoubleCorrectScore .CorrectScoreTable th:nth-child(2),
#FootballLeagueWeek_FirstScore .DoubleCorrectScore .CorrectScoreTable th:nth-child(2) {
    padding-left: 4px;
}

#FootballLeagueWeek_CorrectScore .DoubleCorrectScore .CorrectScoreTable td,
#EnglishPreRecFootballLeagueRound_CorrectScore .DoubleCorrectScore .CorrectScoreTable td,
#FootballLeagueWeek_FirstScore .DoubleCorrectScore .CorrectScoreTable td {
    width: 7.14%;
}

#FootballLeagueWeek_CorrectScore .DoubleCorrectScore .CorrectScoreTable td:first-child,
#EnglishPreRecFootballLeagueRound_CorrectScore .DoubleCorrectScore .CorrectScoreTable td:first-child,
#FootballLeagueWeek_FirstScore .DoubleCorrectScore .CorrectScoreTable td:first-child {
    position: relative;
    width: 7.14%;
    padding: initial;
}

#FootballLeagueWeek_CorrectScore .DoubleCorrectScore .CorrectScoreTable td:nth-child(2),
#EnglishPreRecFootballLeagueRound_CorrectScore .DoubleCorrectScore .CorrectScoreTable td:nth-child(2),
#FootballLeagueWeek_FirstScore .DoubleCorrectScore .CorrectScoreTable td:nth-child(2) {
    padding-left: 4px;
}

.mobi .DoubleCorrectScore {
    width: 100%;
}

.mobi .DoubleCorrectScore .EuroMatchInfo {
    top: 10px;
    z-index: 4;
    background-color: #fcfcfc;
    height: 150px;
}

.mobi .DoubleCorrectScore th:first-child {
    position: relative;
    z-index: 1;
    background-color: transparent;
}

.mobi .DoubleCorrectScore th:nth-child(2) {
    position: relative;
    z-index: 0;
    background-color: transparent;
}

.mobi .DoubleCorrectScore td:first-child {
    position: relative;
    z-index: 1;
    background-color: transparent;
}

.mobi .DoubleCorrectScore td:nth-child(2) {
    position: relative;
    z-index: 0;
    background-color: transparent;
}

.mobi .ScrollPanel .CorrectScoreTable {
    width: 100%;
    border-bottom: 1px solid rgba(55, 179, 74, .8);
    padding-bottom: 5px;
}

.mobi .ScrollPanel .CorrectScoreTable th,
.mobi .ScrollPanel .CorrectScoreTable td {
    width: 7.14% !important;
    background-color: transparent !important;
}

.mobi .ScrollPanel .CorrectScoreTable th:first-child,
.mobi .ScrollPanel .CorrectScoreTable td:first-child {
    position: relative !important;
    width: 7.14% !important;
    padding: initial;
    z-index: 0;
}

.mobi .ScrollPanel .CorrectScoreTable th:nth-child(2),
.mobi .ScrollPanel .CorrectScoreTable td:nth-child(2) {
    padding-left: 4px !important;
}

button.accordion {
    background-color: #fcfcfc;
    color: #37b34a;
    border: none;
    border-bottom: 1px solid #37b34a;
    border-top: 1px solid #37b34a;
    cursor: pointer;
    padding: 5px 0 5px 0;
    width: 100%;
    margin-bottom: -1px;
    text-align: left;
    outline: none;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    transition: .4s;
    position: relative;
}

button.accordion i {
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translate(-5px, -5px);
}

button.accordion i:before {
    content: "";
    transition: all .3s ease-in-out;
    position: absolute;
    width: 3px;
    height: 9px;
    transform: translate(2px, 0) rotate(45deg);
    background-color: #37b34a;
}

button.accordion i:after {
    content: "";
    transition: all .3s ease-in-out;
    position: absolute;
    width: 3px;
    height: 9px;
    transform: translate(-2px, 0) rotate(-45deg);
    background-color: #37b34a;
}

button.accordion svg {
    width: 30px;
    height: 15px;
    fill: #727272;
}

button.accordion.TopLevelAccordian {
    border: 1px solid transparent !important;
    position: relative;
}

button.accordion.TopLevelAccordian.active {
    background-color: #fcfcfc !important;
    color: #37b34a !important;
    border: 1px solid transparent !important;
}

button.accordion.TopLevelAccordian.active i:before {
    background-color: #37b34a !important;
}

button.accordion.TopLevelAccordian.active i:after {
    background-color: #37b34a !important;
}

button.accordion.TopLevelAccordian i {
    position: absolute;
    top: 50%;
    left: 85px;
}

button.accordion.TopLevelAccordian .EventAccordionItem:Before {
    content: '';
    background: linear-gradient(to right, #37b34a 0%, rgba(55, 179, 74, 0) 100%);
    height: 1px;
    width: 60%;
    position: absolute;
    top: 10px;
    left: 15%;
}

.mobi button.accordion.TopLevelAccordian .EventAccordionItem:Before {
    left: 30%;
}

button.accordion.active i:before {
    content: "";
    transition: all .3s ease-in-out;
    transform: translate(-2px, 0) rotate(45deg);
}

button.accordion.active i:after {
    content: "";
    transition: all .3s ease-in-out;
    transform: translate(2px, 0) rotate(-45deg);
}

button.accordion.active svg {
    opacity: .8;
}

.BetDisplayPanel {
    position: relative;
    margin: 0 0 5px 0;
}

.BetDisplayPanel .accordionPanel {
    padding: 5px 0 10px 0;
}

.BetDisplayPanel button.accordion {
    padding: 3px 0 3px 0;
    width: 100%;
    border: none;
    font-size: 1.2em;
    font-weight: 400;
    text-transform: capitalize;
    transition: .4s;
    background-color: #fcfcfc;
    color: #727272 !important;
    border-top: 1px solid #bfbfbf;
}

.BetDisplayPanel button.accordion i:before,
.BetDisplayPanel button.accordion i:after {
    background-color: #37b34a;
}

.BetDisplayPanel button.accordion .BetSetType b,
.BetDisplayPanel button.accordion .BetCount b,
.BetDisplayPanel button.accordion .BetGames b,
.BetDisplayPanel button.accordion .StakeAmount b,
.BetDisplayPanel button.accordion .ToWinAmount b {
    color: #cdb461;
}

.BetDisplayPanel button.accordion .BetSetType {
    margin: 0 25px;
    display: inline-block;
    text-transform: uppercase;
}

.BetDisplayPanel button.accordion .BetCount {
    color: #8c8c8c;
    margin: 0 10px -6px 10px;
    display: inline-block;
    width: 100px;
}

.BetDisplayPanel button.accordion .BetGames {
    margin: 0 10px;
    display: inline-block;
}

.BetDisplayPanel button.accordion .StakeAmount {
    color: #8c8c8c;
    margin: 0 10px;
    display: inline-block;
}

.BetDisplayPanel button.accordion .ToWinAmount {
    margin: 0 10px;
    display: inline-block;
    width: 120px;
}

.BetDisplayPanel button.accordion div {
    font-size: .8em;
    float: right;
    position: relative;
    top: 3px;
}

.BetDisplayPanel button.accordion svg {
    fill: #727272;
}

.BetDisplayPanel button.accordion.active .BetSetType,
.BetDisplayPanel button.accordion.active .StakeAmount,
.BetDisplayPanel button.accordion.active .BetCount,
.BetDisplayPanel button.accordion.active .ToWinAmount,
.BetDisplayPanel button.accordion.active .ToWinAmount b {
    color: #fcfcfc;
}

.BetDisplayPanel button.accordion.pulse {
    animation-name: pulse;
    animation-duration: .8s;
    animation-timing-function: ease-out;
    animation-delay: 0s;
    animation-iteration-count: initial;
}

@keyframes pulse {
    0% {
        background-color: #fcfcfc;
    }
    50% {
        background-color: #969696;
        color: #6a6a6a;
        transform: scale(1.02, 1.02);
        position: relative;
        z-index: 200;
    }
    100% {
        background-color: #fcfcfc;
    }
}

button.accordion.active {
    background-color: #37b34a;
    color: #fcfcfc;
}

button.accordion.active i:before,
button.accordion.active i:after {
    background-color: #fcfcfc;
}

button.accordion.active svg {
    fill: #fcfcfc;
}

button.accordion.active svg path {
    fill: #fcfcfc;
}

button.accordion.active svg circle {
    fill: #fcfcfc;
}

div.accordionPanel.show {
    display: block !important;
}

div.accordionPanel {
    background-color: #fcfcfc;
    position: relative;
    display: none;
    -webkit-animation-name: ExpandAccordion;
    -webkit-animation-duration: .3s;
    animation-name: ExpandAccordion;
    animation-duration: .3s;
    background-color: #fcfcfc;
}

div.accordionPanel p {
    margin: 10px;
}

div.accordionPanel ol {
    margin: 5px 5px 5px 20px;
    list-style: decimal;
}

div.accordionPanel ol li {
    display: list-item;
    text-align: left;
    white-space: normal;
}

div.accordionPanel ul {
    margin: 5px 5px 5px 20px;
    list-style: disc;
}

div.accordionPanel ul li {
    display: list-item;
    text-align: left;
    white-space: normal;
}

div.accordionPanel .ScrollPanel {
    margin: 0;
    padding: 0;
    box-shadow: inset -5px 0 10px rgba(0, 0, 0, .1);
}

div.accordionPanel .ScrollPanel tr:first-child h2 {
    text-align: center;
}

div.accordionPanel .ScrollPanel .MatchIDCell {
    position: absolute;
    width: 70px;
    padding: 0;
    background-color: #fcfcfc;
    z-index: 1;
}

div.accordionPanel .ScrollPanel th:first-child {
    position: absolute;
    width: 70px;
    padding: 0;
    background-color: #fcfcfc;
    z-index: 1;
}

div.accordionPanel .ScrollPanel th:nth-child(2) {
    padding-left: 78px !important;
}

div.accordionPanel .ScrollPanel td:first-child {
    position: absolute;
    width: 70px;
    padding: 0;
    background-color: #fcfcfc;
    z-index: 1;
}

div.accordionPanel .ScrollPanel td:nth-child(2) {
    padding-left: 78px !important;
}

@keyframes ExpandAccordion {
    0% {
        transform: scaleY(.3);
        transform-origin: 0;
        opacity: 1;
        box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    }
    100% {
        transform: scaleY(1);
        transform-origin: 0;
        opacity: 1;
        box-shadow: 0 0 5px transparent;
    }
}

.HeaderVariant1 {
    width: 100%;
}

.HeaderVariant2 {
    width: 48%;
}

.HeaderVariant3 {
    width: 31%;
}

.HeaderVariant4 {
    width: 23%;
}

.HeaderVariant5 {
    width: 18%;
}

.HeaderVariant1,
.HeaderVariant2,
.HeaderVariant3,
.HeaderVariant4,
.HeaderVariant5 {
    text-align: center;
    display: inline-block;
    font-size: .9em;
    padding: 0;
    margin: 2px 0;
}

.BetVariant1 {
    width: 98%;
}

.BetVariant2 {
    width: 48%;
}

.BetVariant3 {
    width: 31%;
}

.BetVariant4 {
    width: 23%;
}

.BetVariant5 {
    width: 18%;
}

.BetVariant3_5 {
    width: 30%;
}

.BetVariant4_5 {
    width: 22.2%;
}

.mobi .BetVariantCirc span,
.mobi .BetVariant1 span,
.mobi .BetVariant2 span,
.mobi .BetVariant3 span,
.mobi .BetVariant4 span,
.mobi .BetVariant5 span,
.mobi .BetVariant3_5 span,
.mobi .BetVariant4_5 span {
    float: right;
    margin: 0;
    width: 44px;
}

.BetVariant,
.BetVariantCirc,
.BetVariant1,
.BetVariant2,
.BetVariant3,
.BetVariant4,
.BetVariant5,
.BetVariant3_5,
.BetVariant4_5 {
    color: #8c8c8c;
    background-color: #fcfcfc;
    border: 1px solid #37b34a;
    border-radius: 3px;
    text-align: left;
    display: inline-block;
    cursor: pointer;
    padding: 0;
    margin: 2px 0;
}

.BetVariant h3,
.BetVariantCirc h3,
.BetVariant1 h3,
.BetVariant2 h3,
.BetVariant3 h3,
.BetVariant4 h3,
.BetVariant5 h3,
.BetVariant3_5 h3,
.BetVariant4_5 h3 {
    display: inline-block;
    position: relative;
    top: 2px !important;
    left: 5px;
}

.BetVariant h3 sup,
.BetVariantCirc h3 sup,
.BetVariant1 h3 sup,
.BetVariant2 h3 sup,
.BetVariant3 h3 sup,
.BetVariant4 h3 sup,
.BetVariant5 h3 sup,
.BetVariant3_5 h3 sup,
.BetVariant4_5 h3 sup {
    color: #727272;
    float: none;
    font-size: .8em;
    margin: 0 0 0 5px;
    vertical-align: bottom;
    text-transform: uppercase;
}

.BetVariant span,
.BetVariantCirc span,
.BetVariant1 span,
.BetVariant2 span,
.BetVariant3 span,
.BetVariant4 span,
.BetVariant5 span,
.BetVariant3_5 span,
.BetVariant4_5 span {
    float: right;
    margin: 0;
    width: 30%;
}

.BetVariant:not(.nohover):hover,
.BetVariantCirc:not(.nohover):hover,
.BetVariant1:not(.nohover):hover,
.BetVariant2:not(.nohover):hover,
.BetVariant3:not(.nohover):hover,
.BetVariant4:not(.nohover):hover,
.BetVariant5:not(.nohover):hover,
.BetVariant3_5:not(.nohover):hover,
.BetVariant4_5:not(.nohover):hover {
    background-color: #37b34a;
}

.BetVariant:not(.nohover):hover .Bet,
.BetVariantCirc:not(.nohover):hover .Bet,
.BetVariant1:not(.nohover):hover .Bet,
.BetVariant2:not(.nohover):hover .Bet,
.BetVariant3:not(.nohover):hover .Bet,
.BetVariant4:not(.nohover):hover .Bet,
.BetVariant5:not(.nohover):hover .Bet,
.BetVariant3_5:not(.nohover):hover .Bet,
.BetVariant4_5:not(.nohover):hover .Bet {
    background-color: #257832;
    border-color: #257832;
    color: #000;
}

.BetVariant {
    width: 100%;
}

.BetVariant h3 {
    padding-right: 10px !important;
}

.BetVariantCirc {
    border-radius: 6px !important;
    padding: 3px 5px;
    min-width: 28px;
    text-align: center;
    margin: 0 3px 8px 0;
}

.BetVariantCirc h3 {
    margin: 0;
    padding: 0;
    font-size: 1.2em;
    top: 0;
    left: 0;
}

.BetVariant2-nude {
    width: 48%;
    display: inline-block;
}

.BetVariant2-nude-fix {
    border: 1px solid #fcfcfc;
}

.BetVariant3-nude {
    width: 31%;
    display: inline-block;
    vertical-align: top;
}

.BetVariant-center {
    margin-left: auto;
    margin-right: auto;
    display: table;
}

button.BetVariant1 {
    padding: 3px 0 0 5px;
}

button.BetVariant1 span {
    margin: -3px 0 0 0;
}

.SelectionPanel {
    margin: 10px 0;
}

.Double h3 {
    display: block;
    padding-bottom: 6px;
}

.Double span {
    display: block;
}

.DoubleOver {
    text-align: center;
}

.DoubleOver h3 {
    display: block;
    text-align: center;
    margin: 0 auto 2px auto;
    top: auto;
    left: auto !important;
}

.DoubleOver .Bet {
    float: none !important;
    margin: 0;
    display: block !important;
    text-align: center;
    width: auto !important;
}

.DoubleOver .Bet:not(.nohover):visited {
    text-align: center;
}

.DoubleOver .Bet:not(.nohover):hover {
    text-align: center;
}

.DoubleOver .Bet:not(.nohover):Active {
    text-align: center;
}

.mobi .EventAccordion li.PreviousRace:hover {
    background-color: #727272;
    border: 1px solid #fcfcfc;
    color: #fcfcfc;
}

.mobi .EventAccordion li.CurrentRace:hover {
    background-color: #fcfcfc;
    border: 1px solid rgba(55, 179, 74, .1);
    color: #727272;
}

.mobi .EventAccordion li.FutureRace:hover {
    background-color: #fcfcfc;
    border: 1px solid rgba(55, 179, 74, .1);
    color: #727272;
}

.mobi .EventAccordion li.SelectedRace:hover {
    background-color: #37b34a;
    border: 3px solid #37b34a;
    color: #fff;
}

.mobi .BetVariantCirc:not(.nohover):hover h3,
.mobi .BetVariant1:not(.nohover):hover h3,
.mobi .BetVariant2:not(.nohover):hover h3,
.mobi .BetVariant3:not(.nohover):hover h3,
.mobi .BetVariant4:not(.nohover):hover h3,
.mobi .BetVariant5:not(.nohover):hover h3,
.mobi .BetVariant3_5:not(.nohover):hover h3,
.mobi .BetVariant4_5:not(.nohover):hover h3 {
    color: initial;
}

.mobi .BetVariantCirc:not(.nohover):hover .Bet,
.mobi .BetVariant1:not(.nohover):hover .Bet,
.mobi .BetVariant2:not(.nohover):hover .Bet,
.mobi .BetVariant3:not(.nohover):hover .Bet,
.mobi .BetVariant4:not(.nohover):hover .Bet,
.mobi .BetVariant5:not(.nohover):hover .Bet,
.mobi .BetVariant3_5:not(.nohover):hover .Bet,
.mobi .BetVariant4_5:not(.nohover):hover .Bet {
    background-color: #ffff80;
    border-color: #ffff80;
    color: #111;
}

.mobi .BetVariant1:not(.SelectedBet):hover,
.mobi .BetVariant2:not(.SelectedBet):hover,
.mobi .BetVariant3:not(.SelectedBet):hover,
.mobi .BetVariant4:not(.SelectedBet):hover,
.mobi .BetVariant5:not(.SelectedBet):hover,
.mobi .BetVariant3_5:not(.SelectedBet):hover,
.mobi .BetVariant4_5:not(.SelectedBet):hover {
    background-color: #fcfcfc;
}

.mobi .BetVariant1:not(.SelectedBet):hover h3,
.mobi .BetVariant2:not(.SelectedBet):hover h3,
.mobi .BetVariant3:not(.SelectedBet):hover h3,
.mobi .BetVariant4:not(.SelectedBet):hover h3,
.mobi .BetVariant5:not(.SelectedBet):hover h3,
.mobi .BetVariant3_5:not(.SelectedBet):hover h3,
.mobi .BetVariant4_5:not(.SelectedBet):hover h3 {
    color: #8c8c8c;
}

.mobi .BetVariant1:not(.SelectedBet) .Bet:hover,
.mobi .BetVariant1 .Bet:hover {
    background-color: #ffff80;
    color: #111;
}

.RR-Red {
    background-color: #f00;
    color: #fff;
}

.RR-Black {
    background-color: #404040;
    color: #fff;
}

.RR-Green {
    background-color: #008000;
    color: #fff;
}

.RR-Red-S {
    fill: red !important;
}

.RR-Black-S {
    fill: #404040 !important;
}

.RR-Green-S {
    fill: Green !important;
}

.RR-SVG {
    padding-left: 3px;
}

.RR-SVG svg {
    width: 20px;
    height: 20px;
    padding: 4px 0;
}

.RR-SVG svg circle {
    cx: 10px;
    cy: 10px;
    r: 10px;
}

.BetDetails .RR-SVG .Bet {
    font-size: .65em !important;
}

.BetDetails .RR-SVG svg {
    width: 13.33333px;
    height: 13.33333px;
    position: relative;
    top: 2px;
    margin: 0 -1px;
}

.BetDetails .RR-SVG svg circle {
    cx: 6.66667px;
    cy: 6.66667px;
    r: 6.66667px;
}

.RR-CheckBoxStyle {
    display: inline-block;
    position: relative;
    margin: 15px;
}

.RR-CheckBoxStyle label {
    width: 30px;
    height: 30px;
    border-radius: 10px;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    background: #f00;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .2);
}

.RR-CheckBoxStyle label:before {
    color: #fff;
    position: absolute;
    left: 9px;
    top: 2px;
    font-size: 19px;
}

.RR-CheckBoxStyle label:after {
    content: '';
    width: 18px;
    height: 10px;
    position: absolute;
    top: 5px;
    left: 3px;
    border: 3px solid #fff;
    border-top: none;
    border-right: none;
    opacity: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    box-shadow: -4px 4px 6px rgba(0, 0, 0, .6);
}

.RR-CheckBoxStyle label:hover::after {
    opacity: .3;
}

.RR-CheckBoxStyle input[type=checkbox] {
    visibility: hidden;
}

.RR-CheckBoxStyle input[type=checkbox]:checked+label:after {
    opacity: 1;
}

.RR-CheckBoxStyle label.RR-0 {
    background: #008000;
}

.RR-CheckBoxStyle label.RR-0:before {
    content: '0';
}

.RR-CheckBoxStyle label.RR-1 {
    background: #f00;
}

.RR-CheckBoxStyle label.RR-1:before {
    content: '1';
}

.RR-CheckBoxStyle label.RR-2 {
    background: #404040;
}

.RR-CheckBoxStyle label.RR-2:before {
    content: '2';
}

.RR-CheckBoxStyle label.RR-3 {
    background: #f00;
}

.RR-CheckBoxStyle label.RR-3:before {
    content: '3';
}

.RR-CheckBoxStyle label.RR-4 {
    background: #f00;
}

.RR-CheckBoxStyle label.RR-4:before {
    content: '4';
}

.RR-CheckBoxStyle label.RR-5 {
    background: #404040;
}

.RR-CheckBoxStyle label.RR-5:before {
    content: '5';
}

.RR-CheckBoxStyle label.RR-6 {
    background: #404040;
}

.RR-CheckBoxStyle label.RR-6:before {
    content: '6';
}

.RR-CheckBoxStyle label.RR-7 {
    background: #404040;
}

.RR-CheckBoxStyle label.RR-7:before {
    content: '7';
}

.RR-CheckBoxStyle label.RR-8 {
    background: #f00;
}

.RR-CheckBoxStyle label.RR-8:before {
    content: '8';
}

.RR-CheckBoxStyle label.RR-9 {
    background: #f00;
}

.RR-CheckBoxStyle label.RR-9:before {
    content: '9';
}

.RR-CheckBoxStyle label.RR-10 {
    background: #404040;
}

.RR-CheckBoxStyle label.RR-10:before {
    content: '10';
    left: 3px;
}

.RR-CheckBoxStyle label.RR-11 {
    background: #404040;
}

.RR-CheckBoxStyle label.RR-11:before {
    content: '11';
    left: 3px;
}

.RR-CheckBoxStyle label.RR-12 {
    background: #f00;
}

.RR-CheckBoxStyle label.RR-12:before {
    content: '12';
    left: 3px;
}

.BetClosedMessage {
    color: #8c8c8c;
}

.CancelledBetPanel {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
}

.CancelledBetPanel .rubber_stamp {
    color: #ff6100;
    border: 7px solid #ff6100;
    font-size: 39px;
    line-height: 45px;
    text-transform: uppercase;
    font-weight: bold;
    float: left;
    padding: 10px 7px;
    border-radius: 10px;
    z-index: 1001;
    opacity: .8;
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    position: absolute;
    top: 20%;
    margin: 20px 20%;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, .7);
}

.CancelledBetPanel .OpaqueBG {
    z-index: 1000;
    opacity: .7;
    background-color: #fcfcfc;
    position: absolute;
    width: 100%;
    height: 100%;
}

.BettingResults .BetVariantCirc.nohover:not(.Result) {
    border: 1px solid #727272;
}

.BettingResults .nohover:not(.Result) {
    opacity: .5;
    box-shadow: none;
}

.BettingResults div.Result span {
    opacity: 1 !important;
}

.Silk img {
    height: 32px;
    vertical-align: middle;
    margin: 2px 0 5px 5px;
    float: left;
}

.Flag img {
    height: 32px;
    vertical-align: middle;
    margin: 2px 0;
    float: left;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .2);
}

.Rating {
    margin: 0 auto 0 auto;
    cursor: pointer;
    vertical-align: middle;
    padding: 0;
    position: relative;
    height: 14px;
    width: 60px;
}

.Rating h2 {
    text-align: left;
}

.Rating .StarValue {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    z-index: 4;
    background-color: #fcfcfc;
}

.Rating svg {
    vertical-align: top;
}

.Rating svg polygon {
    fill: #37b34a;
}

.Rating .ProfilePanel {
    display: none;
    width: 150px;
    position: absolute;
    bottom: 15px;
    left: 0;
    z-index: 800;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, .7);
}

.Rating .ProfilePanel .CornerPointer {
    border-width: 0 2px 2px 0;
    background-color: #fff;
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: -7px;
    left: 20px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.Rating .ProfilePanel .Number {
    display: inline-block;
    vertical-align: top;
}

.Rating .ProfilePanel .Silk {
    display: inline-block;
    vertical-align: top;
}

.Rating .ProfilePanel .Name {
    display: inline-block;
}

.Rating .ProfilePanel .Name h3 {
    padding-bottom: 10px;
}

.Rating .ProfilePanel .Rating {
    display: block;
    margin: 0;
}

.Rating .ProfilePanel .Rating .RatingInfo {
    display: inline-block;
    width: 100px;
}

.Rating .ProfilePanel .Rating .RatingInfo h4 {
    padding: 0;
    margin: 0;
    font-weight: 400;
    opacity: .8;
    font-size: .6em;
    white-space: normal;
    line-height: 1em;
}

.Rating .ProfilePanel .FormHist {
    position: relative;
    width: 100%;
}

.Rating .ProfilePanel .FormHist .Track {
    width: 85%;
    display: inline-block;
}

.Rating .ProfilePanel .FormHist .Track .Runner {
    display: inline-block;
}

.Rating .ProfilePanel .FormHist .Track .Runner img {
    margin: -2px -3px;
    height: 18px;
    max-width: 25px;
    opacity: .9;
    margin: 0;
}

.Rating .ProfilePanel .FormHist .Track .Trackline {
    margin-top: -40px;
}

.Rating .ProfilePanel .FormHist .Track .RunnerInfo h4 {
    display: inline-block;
    font-size: .7em;
    font-weight: 400;
    font-style: italic;
    margin: 0;
    padding: 0 6px 0 3px;
    color: #fff;
}

.Rating .ProfilePanel .FormHist .Track .RunnerInfo p {
    display: inline-block;
    font-size: .7em;
    font-style: italic;
    margin: 3px;
    padding: 0;
}

.Rating .ProfilePanel .FormHist .LBW {
    width: 15%;
    display: inline-block;
    position: relative;
}

.Rating .ProfilePanel .FormHist .LBW h4 {
    font-size: .8em;
    margin: 0 0 0 0;
    padding-top: 7px;
    display: inline-block;
}

.Rating .ProfilePanel .FormHist .LBW p {
    font-size: .8em;
    font-weight: 400;
    padding: 0;
    position: absolute;
    top: 80px;
    right: -60px;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    white-space: nowrap;
    vertical-align: top;
    line-height: 1.2em;
}

.Rating:hover .ProfilePanel {
    display: block;
}

.k-tooltip-content {
    background-color: #fff;
}

.ProfilePanel {
    background-color: #fff;
}

.ProfilePanel .CornerPointer {
    border: 2px solid #fff;
    background-color: #fff;
}

.ProfilePanel .Name h3 {
    color: #8c8c8c;
}

.ProfilePanel .StarValue,
.ProfilePanel .popup {
    background-color: #fff !important;
}

.ProfilePanel .FormHist .Track .Trackline {
    border-bottom: 3px solid #37b34a;
}

.ProfilePanel .FormHist .Track .RunnerInfo h4 {
    background-color: #727272;
    color: #fcfcfc;
}

.ProfilePanel .FormHist .LBW h4 {
    color: #727272;
}

.ProfilePanel .FormHist .LBW p {
    color: #727272;
}

.SubHeader {
    width: 100%;
    text-align: center;
}

.SubHeader h4 {
    color: #727272;
    background: #fcfcfc;
    display: inline-block;
    font-weight: 400;
    font-size: .7em;
    width: 20px;
}

.Expired {
    opacity: 1;
}

.ExpiredHeader {
    background-color: #e4595b;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    padding: 3px 0 10px 0;
    margin: 5px 0 -10px 0;
    border-radius: 3px 3px 0 0;
    position: relative;
}

.ExpiredHeader h2 {
    font-weight: 300;
    font-size: 1.2em;
    color: #fff;
}

.ExpiredHeader .Archive {
    position: absolute;
    right: 3px;
    top: 3px;
    cursor: pointer;
}

.ExpiredHeader .Archive img {
    width: 30px;
    opacity: .6;
}

.ExpiredHeader .Archive img:hover {
    opacity: 1;
}

.error {
    background-color: #c62828 !important;
    color: #fff !important;
}

.errorHeader {
    background-color: #1c0606;
    border-radius: 3px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    margin: 3px 0 -10px 0;
    z-index: -1;
    padding: 3px 5px 10px 5px;
    position: relative;
}

.errorHeader h2 {
    font-weight: 300;
    font-size: 1.2em;
    color: #fff;
}

.field-validation-error {
    background-color: #c62828;
    border-radius: 3px;
    border-bottom: 2px solid #1c0606;
    color: #fff;
    position: relative;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    margin: 3px 0;
    padding: 5px 5px;
    font-size: .9em;
    font-weight: 400;
    line-height: 1.3em;
    text-align: center;
}

.field-validation-error p {
    white-space: normal;
    display: compact;
    font: 400 100% "Roboto", sans-serif !important;
}

.field-validation-error a {
    color: #fff;
    text-decoration: none;
    border-bottom: 2px solid rgba(255, 255, 255, .8);
}

.field-validation-error svg {
    fill: #fff;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    left: 4px;
}

.checkbox label {
    background-color: #444;
}

.Wrap {
    white-space: normal !important;
}

.CheckBoxStyle {
    display: inline-block;
    position: relative;
    margin: 0p;
}

.CheckBoxStyle label {
    width: 16px;
    height: 16px;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    background: #fcfcfc;
    border: 2px solid #37b34a;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .2);
}

.CheckBoxStyle label:after {
    content: '';
    width: 9px;
    height: 5px;
    position: absolute;
    top: 2px;
    left: 2px;
    border: solid;
    border-top: none !important;
    border-right: none !important;
    opacity: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    border-color: #37b34a;
    box-shadow: -1px 2px 3px rgba(0, 0, 0, .2);
}

.CheckBoxStyle label:hover::after {
    opacity: .3;
}

.CheckBoxStyle input[type=checkbox] {
    visibility: hidden;
}

.CheckBoxStyle input[type=checkbox]:checked+label:after {
    opacity: 1;
}

#PlayerListGrid {
    border-color: #fcfcfc;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    margin: 10px auto;
}

#PlayerListGrid table {
    border-color: #fcfcfc;
}

#PlayerListGrid th {
    background-color: #37b34a;
    border-color: #fcfcfc;
}

#PlayerListGrid th a {
    color: #fcfcfc !important;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
    text-transform: uppercase;
    font-weight: 400;
}

#PlayerListGrid td {
    border-color: #fcfcfc;
}

#PlayerListGrid div {
    background-color: #37b34a;
}

#PlayerListGrid li span {
    background-color: #fcfcfc;
    border-color: #fcfcfc;
    color: #727272;
}

.Maintance {
    color: rgba(55, 179, 74, .8);
    display: block;
    position: relative;
    width: 75vw;
    height: 75vw;
    padding: 17% 8% 0 8%;
    margin: 10vh auto 0 auto;
    vertical-align: middle;
    text-align: center;
}

.Maintance h1 {
    font-weight: normal;
}

.Maintance .loader {
    border-top: 1.1em solid rgba(55, 179, 74, .2);
    border-right: 1.1em solid rgba(55, 179, 74, .2);
    border-bottom: 1.1em solid rgba(55, 179, 74, .2);
    border-left: 1.1em solid rgba(55, 179, 74, .5);
    animation: load8 4.1s infinite linear;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    font-size: 10px;
    position: absolute;
    left: -10px;
    top: 0;
}

.Maintance .loader:after {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    width: 100%;
    height: 100%;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

::-webkit-scrollbar-thumb {
    background: #37b34a;
}

::-webkit-scrollbar {
    width: 12px;
    height: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: rgba(55, 179, 74, .5);
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    body {
        font: 300 100% "Roboto", sans-serif;
    }
    footer,
    header {
        background: #727272;
    }
}

.NavSelection .k-menu>.k-state-highlight>.k-link>h1 {
    color: #37b34a;
    border-bottom: 2px solid #37b34a;
}

.NavSelection .k-menu>.k-state-hover>.k-link>h1 {
    border-bottom: 2px solid #37b34a;
}

.Form {
    width: 60px;
}

.Form ul {
    border: none;
    display: inline;
}

.Form ul:hover {
    box-shadow: none;
}

.Form li {
    display: inline !important;
    padding: 0;
    margin-left: -1px;
    border: none;
    font-size: .8em;
}

.Form a {
    text-decoration: none;
    color: #8c8c8c;
}

.Form5 {
    opacity: 1;
}

.Form4 {
    opacity: .75;
}

.Form3 {
    opacity: .65;
}

.Form2 {
    opacity: .55;
}

.Form1 {
    opacity: .45;
}

@keyframes RotateIcon {
    0% {
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes fadeInOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .2;
    }
    100% {
        opacity: 1;
    }
}

.ExpandAnimation {
    -webkit-animation-name: Expand;
    -webkit-animation-duration: .8s;
    animation-name: Expand;
    animation-duration: .3s;
}

@keyframes Expand {
    0% {
        transform: scale(.3);
        transform-origin: -300px 50px;
        opacity: .2;
        box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    }
    100% {
        transform: scale(1);
        transform-origin: 0 0;
        opacity: 1;
        box-shadow: 0 0 5px transparent;
    }
}

@media screen and (min-width:600px) {
    .Maintance {
        max-width: 400px;
        max-height: 400px;
        padding: 60px 30px 0 30px;
        font-size: 20px;
        padding: 60px 30px 0 30px;
        font-size: 20px;
        border-radius: 60vw;
    }
    .Maintance h1 {
        margin-top: 60px;
        margin-top: 60px;
    }
}

@media screen and (max-width:1024px) {
    .KeyPanel {
        margin: -40px auto 0 auto;
    }
    .DetailsTable td {
        height: 30px;
    }
    .DetailsTable .Silk img {
        height: 25px;
        margin: 2px 0;
    }
    .ButtonPanel {
        font-size: .8em;
    }
    .SubToggle {
        display: inline-block !important;
        margin: 10px 0 10px 0;
    }
    .SubToggle li {
        padding: 0;
        margin: 0;
    }
    .SubToggle li a {
        padding: 0 8px;
        margin: 0 0;
    }
    #FootballLeagueWeek_MatchResult,
    #FootballLeagueWeek_CorrectScore,
    #EnglishPreRecFootballLeagueRound_CorrectScore,
    #FootballLeagueWeek_FirstScore {
        overflow-x: scroll;
    }
    #FootballLeagueWeek_MatchResult h2,
    #FootballLeagueWeek_CorrectScore h2,
    #EnglishPreRecFootballLeagueRound_CorrectScore h2,
    #FootballLeagueWeek_FirstScore h2 {
        font-size: .9em;
    }
    #FootballLeagueWeek_MatchResult .Bet,
    #FootballLeagueWeek_CorrectScore .Bet,
    #EnglishPreRecFootballLeagueRound_CorrectScore .Bet,
    #FootballLeagueWeek_FirstScore .Bet {
        font-size: .8em;
        margin: 0 2px;
    }
    #FootballLeagueWeek_MatchResult {
        overflow-x: initial;
    }
    #FootballLeagueWeek_MatchResult .Bet {
        font-size: .9em;
        margin: 0 2px;
    }
    #TotalTime h2 {
        font-size: .9em;
    }
    #TotalTime .Bet {
        font-size: .9em;
        margin: 0 2px;
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    body {
        font: 300 100% "Roboto Condensed", sans-serif;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    #page-wrap {
        max-width: 100%;
        min-width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
        display: block;
    }
    Aside {
        position: relative;
        padding: 0;
        width: 100%;
        right: 0;
        top: 0;
    }
    footer {
        max-width: 100%;
        min-width: 100%;
        width: 100%;
        padding: 10px 0;
        margin: 0;
        color: #fff;
    }
    footer h1 {
        display: inline;
        font-weight: normal;
        color: #fff;
        font-style: italic;
        font-variant: small-caps;
        letter-spacing: .09em;
        font-size: 1em;
    }
    header {
        max-width: 100%;
        min-width: 100%;
        width: 100%;
        padding: 10px 0;
        margin: 0;
        color: #fff;
    }
    header h1 {
        display: inline;
        font-weight: normal;
        color: #fff;
        font-style: italic;
        font-variant: small-caps;
        letter-spacing: .09em;
        font-size: 1em;
    }
    .MainNav {
        max-width: 100%;
        min-width: 1024px;
        margin: 5px 0;
    }
    main {
        margin: 0;
        padding: 0;
        display: block;
        width: 100%;
    }
    .BettingPanel {
        position: relative;
        vertical-align: top;
    }
    .BetSlip {
        width: 100%;
        vertical-align: top;
        display: inline-block;
        margin: 0 auto 20px auto;
    }
    .BetReceipt {
        width: 100%;
        vertical-align: top;
        display: inline-block;
        margin: 0 auto 20px auto;
    }
}

@media(min-width:992px) {
    main>.container {
        max-width: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

.GameSelection {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.GameSelection ul {
    overflow-x: hidden;
}

.FavoriteBadge {
    color: #fff;
    border-color: #fff;
    background-color: #ff6100;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    padding: 4px;
    font-size: .8em;
    display: inline-block;
    text-align: center;
}

.MarketSelection h3 {
    display: inline-block;
}

.MarketSelection select {
    display: inline-block;
}

.modal-content {
    background: #fcfcfc;
}

@media(min-width:576px) {
    .modal-dialog {
        max-width: 1024px !important;
    }
}

.EventContainer svg {
    width: 30px;
    height: 30px;
    fill: #727272;
}

.AsianMatchInfo {
    font-size: .75em;
    text-align: left;
}

.eventNumber {
    font-size: .5em;
    margin: -1px 0 0 0;
    padding: 0;
    opacity: .9;
    text-align: center;
}

#Past-Bet-ModalBody .Bet.nohover {
    opacity: 1 !important;
}

.Denominations {
    display: block;
    padding: 0 0;
    border-radius: 50px;
    margin-bottom: 10px;
    text-align: center;
}

.Denominations button {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    margin: 2px;
    font-weight: 700;
    border: none;
    color: #fff;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
}

.Denominations button:hover {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .5), 0 0 0 black;
}

.Denominations button:focus {
    box-shadow: inset 0 0 12px black, 0 0 0 black;
}

.Denominations button:nth-child(1) {
    background: #e65100;
    margin-left: 0;
}

.Denominations button:nth-child(2) {
    background: #e91e63;
}

.Denominations button:nth-child(3) {
    background: #9c27b0;
}

.Denominations button:nth-child(4) {
    background: #2196f3;
}

.Denominations button:nth-child(5) {
    background: #558b2f;
    margin-right: 0;
}

.Help_Accord ul {
    list-style: disc;
}

.Help_Accord ul li {
    display: list-item;
}

.Help_Accord .Badge {
    position: relative !important;
    display: inline-block !important;
}

.dropdownbtn {
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fcfcfc;
    width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    z-index: 1000;
    text-decoration: none;
}

.dropdown-content a {
    color: #727272;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #37b34a;
    text-decoration: none;
    color: #fcfcfc;
}

.show-dropdown-menu {
    display: block;
}

.search-wrapper {
    display: flex;
    border: 1px solid #37b34a;
    border-radius: 20px;
    overflow: hidden;
    margin: 15px;
}

.search-wrapper input[type="text"] {
    border: none;
    padding: 10px;
    flex-grow: 1;
    border-radius: 20px 0 0 20px;
    outline: none;
}

.search-wrapper button {
    background-color: #37b34a;
    border: none;
    color: #fcfcfc;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1em;
    cursor: pointer;
    border-radius: 0 20px 20px 0;
    outline: none;
}

.search-wrapper button:hover {
    background-color: #37b34a;
}

.green {
    color: #37b34a !important;
}

.shadow {
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .2);
}

.selected {
    background-color: #009b69;
    color: #fff !important;
}

.bold {
    font-weight: bold;
}

.box-shadow {
    box-shadow: rgba(149, 157, 165, .2) 0 8px 24px;
}

.red {
    color: #f00 !important;
}

#PendingBetsGrid .k-header {
    background-color: unset !important;
    border: none;
}

#PendingBetsGrid.k-grid-header th.k-header {
    border-width: 0 0 0 0;
}

#PendingBetsGrid .k-grid-header {
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .2);
    background-color: unset !important;
}

#PendingBetsGrid .k-alt {
    background-color: unset;
}

#PendingBetsGrid td {
    border-width: 0 0 1px 0 !important;
}

#PendingBetsGrid {
    border-style: solid !important;
    border-width: 0 !important;
}

#PendingBetsGrid .k-grid-header th.k-header {
    font-family: "Roboto";
    font-size: 1em;
    font-weight: bold;
}

#pending-bet-font {
    font-family: "Roboto";
    font-size: 1em;
    font-weight: bold;
}

#pending-bet-icon-font {
    font-size: 1em;
    font-weight: bold;
}

#PendingBetsGrid .k-grid-header th.k-header {
    text-align: right;
}

#PendingBetsGrid td {
    text-align: right;
}

#PendingBetsGrid .action-button {
    border: none;
    padding: 6px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: .8em;
    margin: 2px;
    cursor: pointer;
    outline: none;
    color: #37b34a;
    border-radius: 4px;
    transition: background-color .2s;
    width: 80px;
    font-weight: bold;
}

#PendingBetsGrid .k-grid .select-button {
    background-color: #37b34a;
}

#PendingBetsGrid .k-grid .action-button:hover {
    opacity: .85;
}

#PendingBetsGrid .k-grid .k-button .k-icon {
    margin-right: 5px;
}

#PendingBetsGrid .btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: unset;
}

.pending-bets-delete-wrapper {
    background-color: rgba(0, 0, 0, .5);
}

.pending-bets-delete-wrapper .k-window .k-window-titlebar {
    background-color: #37b34a;
    color: #fcfcfc;
}

.pending-bets-delete-wrapper .k-window-content {
    border-radius: 4px;
}

.pending-bets-delete-titlebar {
    color: #fff;
}

.pending-bets-delete-content {
    padding: 20px;
    font-size: 1em;
}

.pending-bets-delete-buttongroup .k-button {
    width: 50%;
    border: none;
    border-radius: 0;
    background-color: #a19f9f;
    color: #fff;
    padding: 10px 20px;
}

.pending-bets-delete-buttongroup .k-button.k-primary {
    background-color: #37b34a;
}

.pending-bets-delete-buttongroup .k-button:hover {
    opacity: .8;
}

.pending-bets-delete-window-titlebar {
    background-color: #37b34a !important;
    text-align: center;
}

.RetailVersion {
    padding: 0;
}

.RetailVersion .BetSlip h1 {
    display: none;
}

.RetailVersion #panelView-viewer-button {
    display: none;
}

.RetailVersion .GameSelection {
    position: relative;
    margin: 0;
}

.RetailVersion .GameSelection .blockDisplay {
    margin: 8px 0 0;
}

.RetailVersion .GameSelection li svg {
    width: 50px;
    margin: 0 2px;
}

.RetailVersion .EuroMatchInfo .eventNumber,
.RetailVersion .AsianMatchInfo .eventNumber {
    font-size: 12px !important;
}

.RetailVersion .ConfirmButton {
    padding: 8px 10px;
}

.RetailVersion .Bet {
    display: initial;
}

.RetailVersion aside .Toggle .tab-content.current {
    max-height: 390px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.RetailVersion .FootballLeague .MainToggle .tabs {
    display: none;
}

.RetailVersion .FootballLeague .SubToggle .tabs {
    display: block;
    margin: 10px 0;
}

.RetailVersion .FootballLeague .SubToggle .tabs li {
    padding: 0 5px;
}

.RetailVersion .FootballLeague .SubToggle .tabs li h2 {
    font-size: 1.01em;
    font-weight: 400;
}

.RetailVersion .FootballLeague .SubToggle .tabs li:last-child {
    margin-left: initial;
}

.RetailVersion .FootballLeague .SubToggle .tabs .tab:not(.current) {
    border: 1px solid #727272;
}

.RetailInterface {
    background-color: #fcfcfc;
}

.RetailInterface main {
    margin: 50px 0 0 0;
}

.RetailInterface main>div.container-fluid {
    padding: 0 !important;
}

.RetailInterface a {
    color: #37b34a;
}

.RetailInterface h2,
.RetailInterface h3,
.RetailInterface h4 {
    color: #37b34a;
    margin-top: 10px;
    font: 400 100% "Roboto Condensed", sans-serif;
    font-size: 1.4em;
}

.RetailInterface .content-form input[type='text'],
.RetailInterface .content-form input[type='password'] {
    border: 1px solid rgba(55, 179, 74, .6);
    border-radius: 5px;
    font-size: 1em;
    padding: 0;
}

.RetailInterface .Login {
    background: radial-gradient(ellipse at center, rgba(55, 179, 74, .3) 0%, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00aeef', endColorstr='#00ffffff', GradientType=1);
    height: 60vh;
}

.RetailInterface .Login h2 {
    font-size: 2em;
}

.RetailInterface .Login .panel {
    top: 30%;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(55, 179, 74, .6);
    padding: 5px 10px 20px 10px;
    display: inline-block;
}

.RetailInterface .Login input[type='text'],
.RetailInterface .Login input[type='password'] {
    font-size: 1em;
    height: 32px;
    padding: 0 3%;
}

.RetailInterface .Login input[type='submit'] {
    margin-right: 15px;
}

.RetailInterface .Login label {
    font-size: 1em;
    float: right;
}

.RetailInterface .Login .validation-summary-errors {
    text-align: left;
}

.RetailInterface .navbar-retail {
    box-shadow: 0 0 20px rgba(4, 4, 4, .3);
    background-color: #fcfcfc;
    border-color: none;
}

.RetailInterface .navbar-retail .navbar-brand {
    color: #37b34a;
    padding: 0 15px;
}

.RetailInterface .navbar-retail .RetailLogo {
    max-height: 50px;
    margin-left: 15px;
}

.RetailInterface .navbar-retail .navbar-text {
    color: #727272;
}

.RetailInterface .navbar-retail .navbar-btn {
    margin-right: 5px;
}

.RetailInterface .navbar-retail .navbar-toggle .icon-bar {
    background-color: #37b34a;
}

@media(min-width:768px) {
    .RetailInterface .btn-panel {
        position: absolute;
        left: 50%;
        margin-left: -271px !important;
        display: block;
    }
}

@media(max-width:768px) {
    .RetailInterface .btn-panel {
        position: relative;
    }
    .RetailInterface .navbar-nav {
        margin: 0;
    }
    .RetailInterface .navbar-nav a {
        float: right;
    }
}

.RetailInterface button .glyphicon {
    margin: 0 5px;
}

.RetailInterface .btn {
    font-size: 1em;
}

.RetailInterface .btn-primary {
    background-color: #37b34a;
    border-color: #37b34a;
}

.RetailInterface .btn-primary:hover {
    background-color: #2b8c3a;
    border-color: #2b8c3a;
}

.RetailInterface .btn-primary:focus {
    background-color: #2b8c3a;
    border-color: #2b8c3a;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .2), 0 0 0 black;
    outline: none;
}

.RetailInterface .k-button {
    color: #1f652a;
    border-color: #37b34a;
    background-color: #fff;
}

.RetailInterface .k-button .k-icon {
    color: #53ca65 !important;
}

.RetailInterface .k-button:hover {
    border-color: #37b34a;
    background-color: #effaf1;
}

.RetailInterface .k-button:hover .k-icon {
    color: #7ad688 !important;
}

.RetailInterface .k-window {
    border: 1px solid #37b34a;
}

.RetailInterface .k-state-focused {
    border-color: #37b34a !important;
}

.RetailInterface input.k-checkbox+label {
    font-weight: normal !important;
}

.RetailInterface .k-window-titlebar {
    background-color: #37b34a;
    color: #fff;
    background-image: none;
}

.RetailInterface .k-window-titlebar .k-icon {
    color: #fff;
}

.RetailInterface #tabstrip {
    background-color: #fff;
    border: none;
}

.RetailInterface #tabstrip .k-header {
    background-color: transparent;
    border: none;
}

.RetailInterface #tabstrip .k-content {
    overflow: inherit;
}

.RetailInterface #tabstrip .EventNum input {
    width: 100%;
}

.RetailInterface #tabstrip .k-content.k-state-active {
    background: linear-gradient(to bottom, rgba(55, 179, 74, .03) 0%, rgba(55, 179, 74, .01) 30%, rgba(55, 179, 74, 0) 100%);
    border: 1px solid #37b34a;
}

.RetailInterface #tabstrip .k-icon {
    color: #37b34a;
}

.RetailInterface .k-grid-header,
.RetailInterface .k-pager-wrap {
    background-color: #fff;
}

.RetailInterface .k-tabstrip-items .k-item {
    background-color: #fff;
    border: 1px solid rgba(55, 179, 74, .3);
    border-bottom: none;
    margin-right: 5px;
}

.RetailInterface .k-tabstrip-items .k-state-active {
    background-color: #37b34a;
    border: 1px solid #37b34a;
    border-bottom-color: #37b34a !important;
}

.RetailInterface .k-tabstrip-items .k-state-active a.k-link {
    color: #fff;
}

.RetailInterface .k-state-selected {
    color: #fff;
    background-color: #37b34a;
    border-color: #37b34a;
}

.RetailInterface .k-state-selected:hover {
    color: #fff;
    background-color: #808080 !important;
    border-color: #37b34a;
}

.RetailInterface .numpad {
    margin: 5px 0 20px 15px;
}

.RetailInterface .numpad .col-xs-4 {
    padding: 0;
}

.RetailInterface .numpad button {
    width: 60%;
    margin: 8px auto;
    background-color: #37b34a;
    border: 1px solid #37b34a;
    color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
}

.RetailInterface .numpad button:hover {
    background-color: #fff;
    border: 1px solid #37b34a;
    color: #37b34a;
}

.RetailInterface .k-grid-header .k-header .k-link {
    white-space: normal !important;
}

.RetailInterface .k-grid {
    font-size: .85em;
}

.RetailInterface .detailsPanel {
    border-left: 1px solid rgba(55, 179, 74, .2);
}

*,
:before,
:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.form-control,
.container,
.container-fluid,
.row,
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.k-datetimepicker {
    width: 13em;
}

.pad-left-15p {
    padding-left: 15%;
}

.pad-top-5 {
    padding-top: 5px;
}

.pad-top-15 {
    padding-top: 15px;
}

.pad-top-25 {
    padding-top: 25px;
}

.margin-top-5 {
    margin-top: 5px;
}

.dropdown {
    width: 100% !important;
}

.RetailLogo {
    height: 50px;
    padding-left: 5px;
}

.k-notification-wrap {
    white-space: normal !important;
}

.ticketDescription {
    font-size: 16px;
    font-weight: bold;
    margin: 10px 10px 0 0 !important;
}

.error {
    background-color: #db4240;
    color: #fff;
    border-color: #db4240;
    border-radius: 3px;
    background-image: linear-gradient(rgba(255, 255, 255, .25) 0, rgba(255, 255, 255, 0) 100%);
}

.validation-summary-errors ul {
    margin: 0;
    padding: 0;
}

.validation-summary-errors li {
    list-style: none;
    margin: 5px;
}

.clock {
    float: right;
    position: absolute;
    right: 10px;
    top: 0;
    font-size: .8em;
    color: #727272;
}

#UserRetailerID .k-listbox .k-item,
.k-popup .k-list .k-item {
    white-space: nowrap;
    overflow: auto !important;
}

.k-i-print {
    margin: 0 !important;
    font-size: 2em !important;
}

.k-i-eye {
    margin: 0 !important;
    font-size: 2em !important;
}

.GameIcon svg {
    width: 20px;
    margin: 0 5px;
    fill: #727272;
}

.custom-switch.k-switch {
    width: 140px
}